サイト構築 -実装
[JS]気持ちいいアニメーションを伴ったさまざまなスクロールエフェクトが簡単に実装できてしまうスクリプト -Space.js
Post on:2015年4月3日
スクロールすると、ページに配置されているあらゆる要素が3D空間にあるみたいに気持ちよくアニメーションするjQueryのプラグインを紹介します。 さまざまなエフェクトが驚くほど簡単に実装できるので、お試しあれ！ Space […]
Web制作に役立つ便利すぎるブックマークレットのまとめ
Post on:2015年4月2日
Webサイトの制作に役立つ便利なブックマークレットを紹介します。 ブラウザの機能拡張も便利ですが、入れすぎると重くなったり、Chromeで使えるけど他で使えないなどあるので、ブックマークレットもなかなか重宝します。
BootstrapやjQuery UIのコンポーネントを使ったプロトタイプ作成ツールなどのWebアプリを開発できるツール -Wamer
Post on:2015年3月31日
Webページのプロトタイプ作成ツールやWordPress, Bootstrapなどのテーマ作成ツールなど、再利用可能な独立したユニットを組み合わせWebアプリを開発できるオンラインツールを紹介します。 Wamer
レスポンシブ対応のWebページを制作する時に役立つスクリプトのまとめ
Post on:2015年3月30日
bodyやページ上の各要素にレスポンシブ用のclassを付与、HTML, CSS, JavaScriptで利用できるブレイクポイントを一元管理、設定したブレイクポイントに応じて最適なサイズの画像を表示・レイアウトの変更な […]
デザインで色の組み合わせを決めるのに役立つ便利なオンラインツールのまとめ
Post on:2015年3月27日
一つのカラーを元にそれにあったカラーパレットやグラデーションを作成したり、トレンドカラーを使った配色サンプル、アクセシビリティガイドラインに沿ったカラーパレットなど、配色設計に役立つオンラインツールを紹介します。 Coo […]
[JS]スライダーなどのさまざまなUIエレメントのスクロール操作をスマホ対応・無限スクロール対応にするスクリプト -eco Scroll
Post on:2015年3月26日
コンテンツスライダー、画像ギャラリー、カルーセル、ウォールなど、スクロールするさまざまなUIエレメントを無限スクロール対応にするjQueryのプラグインを紹介します。 スクロール操作はデスクトップのドラッグやスマホのスワ […]
Bootstrapで作られたとは思えないほど洗練されたデザインのWebサイトのまとめ
Post on:2015年3月25日
Bootstrapで作ると似たデザインになってしまうのでは？ と、使用するのを躊躇している人は間違い。使い方はあなた次第です。 Bootstrapを使用して制作され、さまざまなアイデアが盛り込まれた洗練されたデザインのW […]
[JS]SVGのアイデアが広がる！かわいいパターンのテクスチャがSVGで作成できるスクリプト -Textures.js
Post on:2015年3月23日
画像は使用せずに、ラインやサークルや八角形や波線などのさまざまなパターンのテクスチャがSVGで描けるスクリプトを紹介します。 SVGで、テクスチャも作成できるようになってしまいました。 Textures.js Textu […]
[JS]かっこいい！ブラウザや要素いっぱいに背景画像やスライドショーをアニメーションで表示するスクリプト -Vegas 2
Post on:2015年3月19日
画像をブラウザやDOM要素の背景いっぱいに表示し、フル表示の画像にかっこいいエフェクトを加えたり、スライドショーを設置できるjQuery/Zeptoのプラグインを紹介します。 アニメーションやオーバーレイが数多く用意され […]
レスポンシブ対応の変化するグリッドを各デバイスの見え方を確認しながら設計できるオンラインツール -Shoelace
Post on:2015年3月19日
スマホ・タブレット・デスクトップ、それぞれで変化するレスポンシブ対応のグリッドを確認しながら設計ができるオンラインツールを紹介します。 Shoelace
sponsors
