★★【保存版】Font Awesomeの使い方まとめ：Webアイコンフォントを使おう
今回はFont Awesomeという超便利なサービスの使い方をまとめます。後半ではアイコンにさまざまなアニメーション効果をつける方法も解説します。 1. Font Awesomeとは？ ざっくりというとウェブサイトやブログでWebアイコンフォントを表示できるようにしてくれるサービスです。
商用可で無料！フリーアイコン素材サイト14選
今回は、無料かつ商用利用ができ、さらにハイクオリティーなアイコン素材がダウンロードできるウェブサイトを厳選して紹介します。どれもブックマークしておくと、資料・スライド作成からブログ運営・ウェブ制作まで何かと重宝するはずです。 1. フラットなアイコンなら… FLAT ICON DESIGN 1-1. クオリティがすごい
【Photoshop】ガイドとグリッドの使い方まとめ
今回はフォトショップでガイドとグリッドの使い方をまとめていきます。作業がとても楽になる便利な機能ですので、積極的に活用しましょう。
美しいフラットデザインの作り方
今回はフラットデザインの基礎知識と作成する際に知っておきたい考え方をまとめていきます。 1. フラットデザインとは？ ものすごくざっくりというと「立体感のないシンプルで平面的なデザイン」のことです。その名の通りflat（平ら）なデザインというわけですね。 1-1. いつから流行りだした？ 2012年頃〜フラットデザインが世界的にトレンドとなってきました。iOS7〜iPhoneにもフラットデザインを採用されたことで、一気にメジャーになったというイメージですね。というわけで今回の解説はやや今更感があることは否めません。 1-2. 対義語はリッチデザイン フラットデザインの対義語は「リッチデザイン」と呼ばれます。色々な装飾やエフェクトがついていてリッチな（≒充実している）感じというわけです。 1-3. 実例 いくつか例を見てみましょう。 iPhoneの例
CSSで作る！押したくなるボタンデザイン100（Web用）
.btn-square { display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; } .btn-square:active { /*ボタンを押したとき*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/ }
30 Examples of Material Design Palette Color Usage
Easily find the best Material color for your projects. Here is 30 color combination based on material design color palette. By clicking color sample bar, You can check usage example in material design UI. Each of color combinations consists of following three kinds of colors. (1) Main (2) Optional (3) Accent For details, see Google Guideline. Contents
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
これが無料？優秀なフリーイラスト素材サイト30（商用利用可）
