そもそもWeb開発系言語(HTML/CSS/JavaScript)でどんな事が実現可能なのか。
新たなUIやスニペット、それを実現する為にスキルアップすべき技術は何か。
フロントエンド(表示される画面に関わる要素)に携わるデザイナー、エンジニア、そしてコンテンツ担当者が感じるであろう、そういった疑問の解決策は、CodePenの傑作集に垣間見える。
- 面白系
- 実用系
面白系
The Cube
See the Pen The Cube by Boris Šehovac (@bsehovac) on CodePen.
xxx。
Airplanes.
See the Pen Airplanes. by Steve Gardner (@ste-vg) on CodePen.
xxx。
Clip Clop Clippity Clop [CSS Only]
See the Pen Clip Clop Clippity Clop [CSS Only] by Steve Gardner (@ste-vg) on CodePen.
xxx。
A Pure CSS Game – You Must Build a Lighthouse.
See the Pen A Pure CSS Game – You Must Build a Lighthouse. by Ben Evans (@ivorjetski) on CodePen.
xxx。
Pseudo 3D text
See the Pen Pseudo 3D text by JK (@funxer) on CodePen.
xxx。
実用系
Credit Card Form
See the Pen Credit Card Form – VueJs by Muhammed Erdem (@JavaScriptJunkie) on CodePen.
xxx。
Color this sofa!
See the Pen Color this sofa! – SVG + Blend Mode trick by Kyle Wetton (@kylewetton) on CodePen.
xxx。
Store UI
See the Pen Book Store UI by Aysenur Turk (@TurkAysenur) on CodePen.
xxx。
oyage Slider | GSAP
See the Pen Voyage Slider | GSAP by Sikriti Dakua (@dev_loop) on CodePen.
xxx。
Profile Card Hover Effect
See the Pen Profile Card Hover Effect by P (@petegarvin1) on CodePen.
ttt