サイト構築
CSSの素晴らしいアイデアが満載！2014年スタイルシートのテクニックのまとめ
Post on:2014年12月22日
これからのプロジェクトに使ってみたくなるような素敵なアイデア満載のクリエイティブなスタイルシートのテクニックを紹介します。 今年もCSSの進化がすごかったですね。 Form Buttons with Love ホバー・ク […]
各コンテンツがカーテンを上げるように表示される縦長ページを簡単に実装できるシンプルなテンプレート -OnePageR
Post on:2014年12月19日
div, section要素で配置したパネルをブラウザいっぱいに表示にし、スクロールするとカーテンを上げるようにパネルを次々に表示させるスクリプトを使ったテンプレートを紹介します。 キーボード操作、タッチ・スワイプ操作対 […]
フォントの選び方の参考になる！世界で活躍している有名デザイナーたちが選んだフォントのランキング -Typographer's Typefaces
Post on:2014年12月18日
8 Faces magazineで特集されたリードデザイナー8人、世界で活躍している有名なデザイナー64人に4年に渡りアンケートを実施。「もしも8つしか書体を使えないなら、どれを選びますか？」で選ばれたTop25、27書 […]
ウェブデザインのセンスを磨こう！ 2014年洗練されたディテールのUIデザインのまとめ
Post on:2014年12月17日
2014年、チェックしておきたいUIデザインをdribbbleから紹介します。 高解像度の.psdや.pngファイルをダウンロードできたり、動きをアニメーションgifで楽しめたりします。 2014年を振り返りつつ、来年は […]
よくあるWebデザインにSVGで一手間加え、さまざまな要素がアニメーションで楽しくなる -Elastic SVG Elements
Post on:2014年12月16日
ボタンがぷるるんと弾けたり、サイドバーがゴムのようにびよ～んとスライドしたり、フォームがぶるったりと、Webページのさまざまな要素に柔軟性を加え、操作が楽しくなる「Elastic SVG Elements」を紹介します。 […]
[JS]スマホやタブレットのタッチデバイスでの操作がめちゃ快適な画像ギャラリーのスクリプト -PhotoSwipe
Post on:2014年12月16日
スワイプでの操作が非常に快適な画像ギャラリーのスクリプトを紹介します。 スマホやタブレットだけでなく、デスクトップでのクリックやドラッグ、そしてキーボード操作にも対応している優れ物です。 PhotoSwipe Photo […]
2014年のWebデザインのトレンドがたくさん詰まったHTML5+CSS3の無料のテンプレート -Beetle
Post on:2014年12月15日
レスポンシブ対応の縦長ページ、プロダクトページ、ランディングページ、ポートフォリオ、ブログなど、今時のかっこいいエフェクトを備えたHTML5+CSS3の無料のテンプレートを紹介します。 そのまま使うもよし、スキルアップ用 […]
グリッドからナビゲーション、スライダー、フォームなど、レスポンシブ対応のさまざまなコンポーネントが利用できるフレームワーク -Responsive Framework
Post on:2014年12月12日
ページのグリッドをはじめ、ナビゲーション、スライダー、タブ、アコーディオン、フォーム、ショッピングカートなど、レスポンシブ対応のさまざまなコンポーネントが利用できるフレームワークを紹介します。 Free Responsi […]
JavaScriptとCSSは不要！SVGの気持ちいいアニメーションで作られた超軽量のかわいいローディング -SVG Loaders
Post on:2014年12月10日
JavaScriptもCSSも画像も使用せず、SVGで実装された軽快で気持ちいいアニメーションで動くローディングのアイコンを紹介します。 ページに実装する時もJavaScript/CSSは必要ありません。簡単なHTMLで […]
[JS]縦長ページでデスクトップでもスマホでもデザインの邪魔をしないナビゲーションを実装するスクリプト -MenuItems
Post on:2014年12月9日
最近どんどん増えてきた縦長ページ用でデザインの邪魔をせずに、使い勝手を向上させるかっこいいアニメーションを備えたナビゲーションを実装するjQueryのプラグインを紹介します。 MenuItems MenuItems -G […]
sponsors
