bl6.jpホームニュースレビューお出かけアプリウェブサイトMacカメラレタッチTips雑記bl6.jpファッション、写真、旅行、ガジェットなどの備忘録menuホームCSSCSSだけで作られたシンプルで可愛いアイコンセット「littlebox」CSS2015.02.23CSSだけで作られたシンプルで可愛いアイコンセット「littlebox」littleboxは画像を用いずにCSSだけで作られたシンプルなアイコンセットです。どれも小さくて可愛らしいデザインが特徴的で、使い方も非常に簡単。国旗のアイコンなんかも用意されています。littleboxの使い方このようなアイコンをCSSだけで表示させることができます。以下は国旗のアイコンです。中にはアニメーションが付いているアイコンもあったりしておもしろいですね。littleboxの使い方は、まずダウンロードしたCSSファイルをhead内に読み込みます。/>そして以下のようにアイコンをマークアップすればOKです。lb-*"></div>「*」の部分は各アイコンによって異なります。littleboxのページで自分が使いたいアイコンにマウスオーバーして確認することができます。実際に使ってみましたがとても簡単に実装することができるので手間もかからずいい感じでした。CSSのクラス名を変更するだけでアイコンを気軽に変えることができるので管理もしやすいと思います。アイコン自体もシンプルなのでどんなサイトにも合いそうですね。何気にこういう細かい部分を調整してあげると見た目も綺麗なりますよね。C...CSSulのリストを横並びにしてtext-alignを適用させる方法ちょっと悩んじゃいました。背景画像のロゴをMacのRetinaディスプレイに対応させるCSSのや...CSSCSSを使ってテキストに背景画像を設定して背景をアニメーションさせるやり方ちょっと個人的にいいなって思ったTipsがあったのでご紹介します。CS...検索:プロフィールbl6.jp心がときめく「モノ」や「コト」を中心に紹介しています。レビューや日記なんかも。TwitterFacebookInstagram最近の記事2020.02.20いつもの音楽をハイレゾ級で。ソニーの完全ワイヤレス...ソニーからハイレゾ級高音質と優れた接続性を備えた小型・軽量の完全ワイヤレスイヤホ...2020.02.19三色ボールペンの青と緑を「黒」に変えるいつも仕事で使っているジェットストリームの三色ボールペン(+シャーペン付き)。こ...2020.02.18成城石井オリジナルコーヒー豆「ブラジルイパネマ」アマゾンで買い物中に見つけた成城石井オリジナルコーヒー豆「ブラジルイパネマ」。...2020.02.17梅しば1年のどこかで無性にカリカリ梅を食べたくなる時期がある。