サイト構築
[CSS]classの命名など気になるテクニックがいろいろ取り入れられているレスポンシブ対応のフレームワーク -Skyline
Post on:2015年1月21日
大規模サイトから個人のポートフォリオやブログまで、さまざまなデザインをサポートするための汎用性に優れたアーキテクチャで設計されたCSSのフレームワーク「Skyline」を紹介します。 Skyline Skyline -G […]
[JS]懐かしい！あのテトリスがWebページに簡単に設置できるスクリプト -Blockrain.js
Post on:2015年1月20日
数行のコードをコピペするだけで、テトリスをWebページに簡単に設置できるjQueryのプラグインを紹介します。 テトリスは実際にプレイすることが可能で、スコア機能もついています。しかもレスポンシブ対応！ Blockrai […]
[JS]非常に少ないコードでパララックスのエフェクトを実装できるスクリプト -Parallaxor
Post on:2015年1月19日
指定した要素をスクロールに応じて、さまざまな方向に異なるタイミングでアニメーションさせることができるjQueryのプラグインを紹介します。 Parallaxor -GitHub
Webデザインの勉強になる！有名ブランドサイトのスタイルガイドのまとめ -Brand Style Guide Example
Post on:2015年1月16日
最近はスタイルガイドを公開しているサイトも増えてきました。有名ブランドのWebサイトのスタイルガイドやガイドラインを数多くまとめているサイトを紹介します。 なんとなく眺めるだけでもよし、もちろん実装方法やレイアウトのバリ […]
[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は非常にシンプルなので、簡単に利用できると思います。
sponsors
