日本のブログでよく利用されているWEBサービスロゴのアイコンフォントまとめと利用方法
WEBサービスのアイコンフォントについてウェブアイコンフォントと言えば現時点ではFont Awesomeが最も使われています。 Font Awesomeには、多数のウェブアイコンフォントがあり使い勝手もとても良いです。WEBサービスのロゴアイコンも多数揃っています。 ただ、Font Awesomeは海外で制作されていることもあり、海外でよく利用されているWEBサービスロゴしかありません。 例えば、Twitter、Facebook、Google＋、YouTube、Tumblrなどはあるのですが、feedly、はてブ、ポケット、LINEなど日本のブログ界隈でよく利用されているWEBサービスのロゴはありません。 こういうのは、自前でウェブアイコンフォントを作るしかありません。 僕も以前feedlyのアイコンフォントがなかったので以下のように作成しました。
パッとWebデザインのカラーを抽出して可視化してくれるウェブサイトの「配色」解析ツール
Web Colour Data URLを入力するだけ。ね、簡単でしょう？ どの色をどれくらいの割合で使っているのかんかを手軽に確認出来ます。 こちらと合わせて読みたいところですね。 カテゴリー別配色アイデア100 | Webクリエイターボックス配色センスが全くない？それならマテリアルパレットをちょっと使ってみて？ | Flips Blog Web担の小技 ちなみに解析は無料でできますが、解析するとNew！のところにばっちりサイトが出ますので、そのへんだけご理解の上ご利用を。 配色解析ツール ウェブデザインデータ http://webcolourdata.com/ それでは、また。
ゴーストボタンにマウスを乗せたときの動きいろいろ16個
昨年くらいから流行っているらしいゴーストボタンというもののサンプルをいくつか作ってみました。皆さん色々作られていて、今さら感もありますがぜひご覧ください。 今回、以下のルールに沿って16個サンプルを作りました。 HTMLは全て同じ マウスを乗せる前は同じ状態 擬似要素は使っても1つだけ 擬似要素を2つ使ったり、spanなんかをはさんでやるともっと色々できると思いますが、今回はシンプルにマウスを乗せたときに動きをつけるサンプルを紹介します。 サンプルはこのページで全て載せていますが、まとめて見たいという方はこちらをどうぞ。 ということで、HTMLはこんな感じになります。 <a href="#" class="btn sample1">sample 1</a> 普通のリンクですね。btnは共通部分、sample1はサンプルごとで違ってくる部分になります。 では、共通部分のCSSです。 a.bt
最低限覚えておきたいWEB配色の基本２大原理と６つの配色パターン
ユーザーに届ける価値を徹底的に追求する マーケティングを提供します © Copyright 2022 バズ部. All rights reserved. WEBサイトのデザインは、誰もが頭を悩ませる部分だ。 「どういう配色なら良い印象を持ってもらうことができるのか？」「どのレイアウトならコンバージョンが上がるのか？」など、様々なところまで考えを張り巡らさなければいけないからだ。 そこで本日は、The Art of Color Coordination というインフォグラフィックをご紹介する。これを見れば、WEB配色の基本の２大原理と、今すぐに使える６つの配色パターンがすぐに分かる。 そして、初心者でも、統一感のある配色のWEBサイトを作るための大きな助けとなるはずだ。 また、私たちバズ部は12年で400社以上のメディア支援を行い、 立ち上げから10ヶ月で14.6億円の売上を産んだ不動産メデ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
