商用利用無料!ミニマルにデザインされたUIエレメントやコンポーネントが揃ってるCSSのライブラリ -Papier
Post on:2015年1月9日
セマンティックな実装で、レスポンシブ対応のミニマルにデザインされたかわいいUIエレメントやコンポーネント、グリッドが利用できる超軽量(2.5KB)のCSSライブラリを紹介します。 MIT Licensesで、個人でも商用 […]
角丸に角丸を入れ子にした時、それぞれの角丸をバランスよくデザインする方法
Post on:2015年1月8日
角丸のパネルに角丸のパネルを重ねたデザインで、それぞれの角丸はどのくらいにしていますか? 親と子のカーブを同じにしたり、親のカーブを緩やかにしたり、その時の見た目でデザインすることもあるかもしれません。 こういった時の一 […]
[CSS]水平ナビゲーションの各アイテムをホバー時に、くるくるっと回転させるテクニック
Post on:2015年1月8日
ナビゲーションの各アイテムをホバーすると、くるくるっと気持ちいいアニメーションで回転させるスタイルシートのテクニックを紹介します。 HTMLは非常にシンプルなので、簡単に利用できると思います。
2015年、現在のWebデザインを確認しながらこれからのトレンドを探る
Post on:2015年1月7日
Webデザインは常に進化しており、活気にあふれている世界です。現在のWebデザインの状況を確認しながら、2015年の予測されるトレンドを紹介します。 Webデザイナー・ディレクターだけでなく、Web制作に携わる人は知って […]
工夫のあるUIがいい!CSSで円・楕円・多角形などのクリップパスが簡単に作成できるオンラインサービス -Clippy
Post on:2015年1月7日
CSSの「clip-path」を使い、円・楕円・多角形などのさまざまな形状のクリップパスが簡単に生成できるオンラインサービスを紹介します。 UIも随所に工夫がある非常に使いやすいデザインになっています。 Clippy
デザインやファッションに取り入れたい2015年のトレンドカラー、春のトレンドカラー16色は落ち着いたパステル!
Post on:2015年1月6日
Pantoneが2015年セレクションしたカラーは、紫みの赤と茶を合わせた「Marsala(マルサラ)」。好みがはっきり分かれそうなカラーですね。 今回はダウンロード素材として、Marsalaを含む2015年 春のトレン […]
2014年総まとめ:Pocketにたくさん登録されたWeb制作に役立つ記事のまとめ
Post on:2014年12月26日
2014年、当サイトで公開した記事の中からPocketにたくさん登録された記事をジャンル別にまとめました。今年を振り返りつつ、来年のWeb制作にも役立つオススメです。 コリス
2014年、フォント好きのための高品質なすごいフリーフォントのまとめ
Post on:2014年12月25日
2014年にリリースされた英語のフリーフォントの中から、高品質なものを厳選して紹介します。 ウェイトやグリフが揃っているものも多いので、タイポグラフィの勉強にも役立ちます。 日本語フォントをお求めの方は下記をどうぞ。 2 […]
Webデザインで魅力的なビジュアルを作りだすパステルカラーの効果的な使い方
Post on:2014年12月24日
Webデザインでパステルカラーを使うのは最近のトレンド、またはそれ以上といってもよいでしょう。魅力的なビジュアルを作るために、デザイナーがマスターしておきたいパステルカラーの効果的な使い方を紹介します。 「パステル」と聞 […]
CSSの素晴らしいアイデアが満載!2014年スタイルシートのテクニックのまとめ
Post on:2014年12月22日
これからのプロジェクトに使ってみたくなるような素敵なアイデア満載のクリエイティブなスタイルシートのテクニックを紹介します。 今年もCSSの進化がすごかったですね。 Form Buttons with Love ホバー・ク […]
sponsors












