元保育士が営業を経てエンジニアになるまでの孤軍奮闘歴

好きなことをやり続け、学生時代には保育士資格を取得し保育士を経験。保育士としての仕事は楽しかったものの目的がないことに虚しさを感じ、自分でのサービス作りに関心を持つようになった。そこからは、プログラミングを勉強し始め、今は自分でサービス作れるようになるエンジニアを目指し孤軍奮闘中。

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