最近のWebサイトで使われている、レスポンシブ対応のページレイアウトに役立つスクリプトのまとめレスポンシブ対応のカード型レイアウト、中央で分割されたレイアウト、動画や画像や幾何学模様を背景に配置したり、画像やコンテナのサイズをデバイスごとに最適化したりなど、ページのレイアウトに役立つスクリプトを紹介します。 stackgrid.adem.js -GitHub デモページ HTMLの実装は非常にシンプルで、divで実装した各コンテナのカラム数・幅・溝をアニメーションで変更します。レスポンシブ対応で、コンテナの増減にも対応。 単体スクリプト・MITライセンス
Off-Canvas Menu Effects | Codrops
Some inspiration for off-canvas menu effects and styles using CSS transitions and SVG path animations. Today we’d like to share a couple of styles and effects for off-canvas menus. The off-canvas sidebar is widely used and we have already created some effect inspiration before. Like with everything, style evolves and today we want to show a new set of modern effects for your inspiration. Different
50 Impressive Fullscreen Websites for Your Inspiration
Fullscreen websites are those that fill the entire browser window (but not necessarily the entire screen), no matter what the screen resolution is. As screen sizes and resolutions are growing and internet speed is increasing, it seems like more and more web designers use full screen images for their websites backgrounds. Oversized background images can be stunning. Today we leave you with 50 impre
【デザイン】サイトマップのデザイン | モノづくりブログ 株式会社8bitのスタッフブログです
株式会社8bitのスタッフブログです。最近ガリゴリと大きなデザイン作業をやっていてふと困ったのが、サイトマップがいつも似たようなデザインになりがち…ということで、 今後の自分の為にも参考にしたいと思い、色んな構成のサイトマップを集めてみました。 カテゴリで分けてタイトルつけようと思っても１ページしかない箇所があったり、子階層どころか孫階層まであったりするページだったり、バランスが結構難しかったりするんですよね。 Apple 製品ごとに大見出しで分けて、さらに中に小見出しを作って綺麗にまとめています。シンプルだけど見やすいですね。ちょっと文字読みにくいけれど。 孫階層があるとこんなかんじ。 goo カテゴリが凄い多いのもあってか、目的別にそれぞれのTOPに飛ばすようになってますね。子階層は省略する形。 NHK ONLINE 私は今回これが一番好きですね。しっかり分けられているだけ
怒涛のサイトナビゲーション総まとめ！事例、チュートリアル、参考サイト、僕の知る何もかもを紹介！ | バンクーバーのうぇぶ屋
レスポンシブデザイン、パララックススクローリング、そういったレイアウトに関する変化に伴い、サイト内を誘導するナビゲーションの種類も多様化してきていますね。 元々、縦、横、ドロップダウン、固定、メガメニュー等、サイトの構造によって様々なナビゲーションを提案してきたわけですが、最近サイトのレイアウトを考える時、話に上がるナビゲーションの呼び方とか、種類とか、大量多量過ぎてもう分け分けらなくなってきたので、ちょっと僕自身の復習と、参考サイトやらチュートリアルやらないかを全部まとめてしまいたかったので、僕と、僕の周りのデザイナーさん達の役にたてるよう、今回記事にさせてもらうことにしました！ 実際にWEB制作に携わる中で、聞いたことのある物を分類させて頂くので、僕の勝手な分け方になってしまい申し訳ない限りなんですが、何かナビゲーションやレイアウトに悩んだ時にでも参考か何かにしていただければ嬉しい限り
Webサイトのレイアウト調整や補助に使えるjQueryプラグインいろいろ
レイアウトの調整を簡略化したり、通常 は難しいレイアウトを可能にしたり、とい った補助的なjQueryプラグインのまとめ です。最近探す機会が増えたので今後 の為に備忘録的に記事にしておきます。 この手のプラグインは数多にあるので 好みで端折っています。 レイアウトの調整や補助などに使えるjQueryプラグインのまとめ。と、言っても大抵は既出だと思います。順不同。 Supersized 画面に合わせて自動的に背景画像を伸縮してくれるだけでなく、スライドショーにもなってくれます。いつか仕事で使いたい。最近FlickrのAPIにも対応しました。 Supersized jQuery UI.Layout Plug-in ブラウザごとの差異を考えずに自由にレイアウトを組めます。 jQuery UI.Layout Plug-in JQUERY CUSTOM CONTENT SCROLLER スクロール
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
