コード共有サイト CodePen で2014年に人気だった投稿ベスト100

100位～91位

The most hearted Pens of 2014 100位～91位 より

100位

Forms-Floated Labels

99位

Navigation Bar by Jan Kaděra

98位

Simple Audio Visualisation

97位

Kinda Realistic Text

96位

Pure CSS Loaders kit

95位

CSS Mars Landing

94位

Add a little magic!

93位

Redirecting Loader

92位

Paral & Lax

91位

Responsive movie app UI

90位～81位

The most hearted Pens of 2014 90位～81位 より

90位

Pure CSS Tic-tac-toe

89位

Shattering Images

88位

Burger to Cross

87位

Button Styles

86位

CSS3 Funny Menu

85位

Responsive Table

84位

Zoom and Blur background Image

83位

Mobile menu, CSS only

82位

Masked Text-Shadow

81位

CSS Loader

80位～71位

The most hearted Pens of 2014 80位～71位 より

80位

CSS-only Calendar App Concept

79位

Glitchy Loading Indicator

78位

sketch.js Demo

77位

CSS only 3d Macbook Air

76位

presenting CSShake

75位

Ui Kit Dribbble Rebound

74位

Countdown Clock

73位

Tiny city

72位

Pure CSS toggle buttons

71位

Triangle pattern generator

70位～61位

The most hearted Pens of 2014 70位～61位 より

70位

Side nav play

69位

Gif animation + CSS animation + Blend modes

68位

3D Movement Responsive Popup

67位

Advanced animation path

66位

No JS: Tabs that scale down to menu

65位

80s Typography

64位

Makisu

63位

particles.js

62位

Web Developer Workspace Full CSS

61位

Fluidbox (v1.3)

60位～51位

The most hearted Pens of 2014 60位～51位 より

60位

iOS style sliding menu

59位

Full Page Intro & Navigation

58位

Material design morphing icons 2

57位

Medium Scroll Effect

56位

Howl's Moving Castle

55位

Label Pattern with just CSS

54位

Vertical center with only 3 lines of CSS

53位

Radio Button

52位

Material Design Spinner

51位

Checkwave

50位～41位

The most hearted Pens of 2014 50位～41位 より

50位

Moving things around with Velocity.js

49位

Solar System animation - Pure CSS

48位

Playing with CSS Filters.

47位

Flippin' Countdown

46位

Batman nav.

45位

Chromatic triangle

44位

CSS Only iPhone 6

43位

12 fancy buttons

42位

Gameboy (full CSS)

41位

Elastic stroke CSS + SVG

40位～31位

The most hearted Pens of 2014 40位～31位 より

40位

SVG CSS3 Menu / Burger Button

39位

Animation to Explain CSS Triangles

38位

Shape Shifter

37位

Text-mask background moving on MouseMove - v2

36位

CSS-only Weather App Concept

35位

CSS3 Checkbox Styles

34位

Direction aware hover pure CSS

33位

Google Material Design

32位

Neon Glow

31位

Hover.css

30位～21位

The most hearted Pens of 2014 30位～21位 より

30位

Flattastic Pro Color Palette

29位

Full Screen Nav

28位

CSS 3D Bending Effect - Page Flip

27位

Blurred Background CSS

26位

Freebie Interactive Flat Design UI / Only HTML5 & CSS3

25位

Windows-8-like Animations with CSS3 and jQuery

24位

Circle, square, triangle, dolphin

23位

A Pen by Anand Davaasuren

22位

Text input love

21位

Blackout

20位～11位

The most hearted Pens of 2014 20位～11位 より

20位

3D Paper button effects

19位

Twitter Button Concept by Erik Deiner

18位

VelocityJS demo

17位

Touch device jelly menu concept

16位

Responsive Mail UI

15位

A Pen by Brandon Lawrence

14位

Pure CSS Parallax Scrolling

13位

Navicon Transformicons

12位

Sass parallax example

11位

Absolute Centering

10位～1位

The most hearted Pens of 2014 10位～1位 より

10位

Pure CSS One Div Weather Animated Icons

9位

Direction-aware 3D hover effect (Concept)

8位

3D CSS Typography

7位

Pull Menu - Menu Interaction Concept

6位

CSS Glitched Text

5位

Firewatch Parallax in CSS

4位

SVG Loading icons

3位

CSS 3D Solar System

2位

Tearable Cloth

1位

？？？

リンクどこかにいってしまった？？？

関連note