サイト構築
Flexboxの勉強にも実務にも役立つ！レスポンシブ対応の柔軟なグリッドが簡単に実装できる -Flexbox Grid
Post on:2015年3月5日
企業サイトやブログなどで使われるシンプルなグリッドをはじめ、オフセットのカラム、ネストのグリッド、左・右・天地揃えと中央揃え、逆順配置など、柔軟なグリッドが簡単に実装できるスタイルシートを紹介します。 Flaxboxを勉 […]
[JS]操作が気持ちいいさまざまなアニメーションでモーダルウインドウを表示させるスクリプト -animatedModal.js
Post on:2015年3月4日
最近のUIの傾向として、ユーザーが操作して楽しくなるようなアニメーションは大切なポイントです。そんな気持ちいいCSS3のアニメーションでモーダルウインドウをページ全体に表示するjQueryのプラグインを紹介します。 横か […]
[JS]スマホ・タブレットでの操作性を重視したタッチデバイス対応のさまざまなスライダーを実装できるスクリプト -Swiper
Post on:2015年3月2日
iOS/Androidなど、モバイル向けのWebサイト、Webアプリ、ネイティブアプリでの利用に最適化されたタッチデバイス対応のスライダーを実装できるスクリプトを紹介します。 キーボード操作やマウスのホイール・ドラッグ操 […]
Web制作者はチェックしておきたい、面白いアイデアを使った最近のWebサイトのまとめ -2015年2月
Post on:2015年2月27日
トレンドをうまく取り入れ、デザインの細部まで徹底的にこだわり、気持ちのいいインタラクションとアイデア満載のUIを備えた素晴らしいウェブサイトを紹介します。 時間のある時に、じっくり楽しんでください！ /DVDTKM/ K […]
[JS]SVGを使ったアニメーションが楽しい、回転する新感覚のナビゲーションを実装するスクリプト -wheelnav.js
Post on:2015年2月24日
ピザのように切り分けたパイ状のナビゲーション、水平でも垂直でもない回転を取り入れたタブ、アイコンをクリック（タップ）するとぐるぐるっとアイテムが表示されるなど、回転を使った面白いナビゲーションを実装できるスクリプトを紹介 […]
[CSS]アイデアが面白い！画像無しで、かわいいデザインのラベルをスタイルシートで実装するテクニック
Post on:2015年2月23日
ペロっとかぶさっているようなかわいいデザインのラベルを画像無し、CSSで実装したテクニックを紹介します。 カード状のコンテンツにも画像に使っても面白そうです。
CSS, jQueryからPython, Rubyまで、制作者の困ったを解決するコードのスニペットを共有する無料サービス -Code Pad
Post on:2015年2月20日
Web制作に役立つHTML, CSS3, jQueryをはじめ、Python, Ruby, PHP, C など、さまざまなコードのスニペットを共有する無料サービスを紹介します。 デスクトップだけでなくスマホにも対応、いつ […]
ブックマークしておきたい、Bootstrapの商用利用無料のテーマがダウンロードできるサイトのまとめ
Post on:2015年2月19日
コーポレートサイトやスモールビジネスから、ランディングページ、プロダクトページ、ポートフォリオやギャラリーなど、BootstrapをベースにしたWebページが簡単に作成できる無料のテーマがダウンロードできるサイトを紹介し […]
ブログやサイトのパフォーマンス改善やセキュリティ向上のためによく使う.htaccessの設定のまとめ
Post on:2015年2月18日
ブログやWebサイトのパフォーマンスの改善やSEO、セキュリティの向上に役立つ.htaccessの設定を紹介します。 ドメインをwww有り・無しに統一、新ドメインに引っ越した時のリダイレクト、URLをクリーンなものにした […]
Webデザインの参考資料に！ブラウザの幅ではなく高さをみんながどのくらいにしているか分かる -I am the fold
Post on:2015年2月17日
Webページを見る時、ブラウザはどのくらいのサイズにしていますか？ フルスクリーン？ 小さいサイズ？ 縦長or横長？ ページを制作する際、レイアウトで重要なポイントはその幅ですが、高さを見落としてしまうと表示されないコン […]
sponsors
