保育士していた学生が起業してビジネスの成功者になるまで...

保育士の働く環境、学童と児童館で教育を受けれられる環境を作るために活動。ビジョンは「子どもに人生の糧をつくる」である。ここではそんな活動の経緯と自分のアイデアをまとめていきます。

Codepenから厳選!|おしゃれにアイコンを表示させるデザイン7選!|CodeDoIt.com

おしゃれないホームページ、見やすいサイトを作るには、おしゃれなアイコンが必須です。ここでは、そんなおしゃれなアイコンを厳選して7つご紹介します。 ぜひご利用ください!

f:id:hajime0308:20170201181724p:plain

 

また、scssで書かれたものをcssに変換したいときはこのサイトをご利用ください。

www.sassmeister.com

1.icons

See the Pen icons by atflihoucine (@atflihoucine) on CodePen.

2.Material design morphing icons 2

See the Pen Material design morphing icons 2 by Alberto Bonvicin (@albebonv) on CodePen.

3.Pure CSS One Div Weather Animated Icons

多様な天気が表現できます!コピペで動きます。

See the Pen Pure CSS One Div Weather Animated Icons by Fabrizio Bianchi (@fbrz) on CodePen.

4.Rotating Icon Buttons

パッケージが必要になってきます!

See the Pen Rotating Icon Buttons by Cole Waldrip (@colewaldrip) on CodePen.

5.Flat Responsive Sliding Boxes

よく使われるアイコンですね!ホベー時の動きもシンプルで、美しいです。コピペで動きます!

See the Pen Flat Responsive Sliding Boxes by Rex Kirby (@rexkirby) on CodePen.

6.SVG Icons Animated with CSS 🔥

様々な天気のアイコンが並んでいます。コピペで動きます!

See the Pen SVG Icons Animated with CSS 🔥 by Noah Blon (@noahblon) on CodePen.

7.Single-element CSS Shopping Cart Button

See the Pen Single-element CSS Shopping Cart Button by Brett Peters (@bap13) on CodePen.

CodePen凄すぎです!!こういう素晴らしいデザイン、技術をシェアしていくのがプログラミングの世界ですね。見つけた僕は広めたいと強く思いました。

http://codedoit.com/

関連記事

hajimesbusiness.hatenablog.com

hajimesbusiness.hatenablog.com