サイト構築
[CSS]写真画像の背景やフラットなスタイルのWebデザインにぴったりなゴーストボタンの実装方法のまとめ
Post on:2015年1月15日
大きな写真画像の背景やMaterial Designなどのフラットなスタイルに合うソリッドなラインでデザインされたゴーストボタンを実装するチュートリアルをまとめました。 シンプルなものから、かわいいアニメーションや一味違 […]
2014年チェックしておきたいスタイルシートやスクリプトのスゴ技たち -Top Pens of 2014
Post on:2015年1月14日
世界中の多くのWeb制作者・クリエイターが利用しているCodePenから、スタイルシートやスクリプトを使って実装された2014年にもっとも人気のあったデモを紹介します。 2015年も要注目ですね！ Top Pens of […]
Photoshopがもっと便利になるすごい機能拡張・プラグインのまとめ
Post on:2015年1月13日
Photoshopは標準機能だけでも便利なツールですが、もっともっと便利になる機能拡張やアクションを紹介します。 定番として入れておきたいものから、特別な使用シーンに使うものまで、優れ物ばかりです。
商用利用無料！ミニマルにデザインされた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年 春のトレン […]
Webデザインで魅力的なビジュアルを作りだすパステルカラーの効果的な使い方
Post on:2014年12月24日
Webデザインでパステルカラーを使うのは最近のトレンド、またはそれ以上といってもよいでしょう。魅力的なビジュアルを作るために、デザイナーがマスターしておきたいパステルカラーの効果的な使い方を紹介します。 「パステル」と聞 […]
sponsors
