Follow me
Bookmark
RSS講読
Webデザイン関連(
RSS)のトピックです。SEOとWebデザインを共有する、という観点で情報を配信します。
ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ
カテゴリ » WEBデザイン, その他のソフトウェア, インスピレーション
ウィンドウサイズを変えると
コンテンツ（記事等）が再配置される
可変グリッドレイアウトに関する
サンプルサイトやWPテーマ、
ライブラリなどの情報のまとめです。
詳しい方には参考にならないっぽいです。
いろいろ意見は分かれそうですが、知っておいて損は無いかなぁと思いますのでメモ。
可変グリッドレイアウトサイト
可変グリッドレイアウトを使用したサイトの例。
D&DEPARTMENT PROJECT
ECサイト。綺麗にまとまってます。MT使用。
daily vitamins
暇つぶしが出来るサイト？どういう趣旨か分かりませんが、可変グリッド。WPです。
小林聡美.jp
小林聡美さんのサイト。凄く見やすいです。MT使用。
Marunouchi.com
丸の内の情報サイト。ハイクオリティです。写真をダイナミックに使ってインパクトもありますね。
Fluid Grid Layout: 10+ Outstanding Examples & 1 Tutorial
海外のギャラリー記事。可変グリッドレイアウトを採用したサイトがいくつか。
JavaScript
上記のサンプルサイトのような滑らかな動きを実現するjs
jquery.vgrid.js
国産のjQueryプラグイン。Todoも参考に。デモが6種類用意されているのでぜひご覧下さい。特に6個目のサンプルはコンテンツを消す事も。
Smart Columns w/ CSS & jQuery
CSS & jQueryで滑らかな動きの可変グリッドを実現。海外。
Smart Columns w/ CSS & jQuery を MooTools で
上のSmart Columns w/ CSS & jQueryをMooToolsで実際にテスト、コードも書いてくれている国内サイト。英語が苦手な方はコチラがお勧め。デモもあります。
WordPressテーマ
可変グリッドレイアウトを実装済み（語弊あるかもです）のWordPressテーマ。
GRID wordpress theme
国産のフリーテーマ。GPLはありがたいですね。使ってみたい。
GRID—A—LICIOUS
GRID wordpress theme同様ですが、海外テーマ&規約が厳しい。。。個人は無料利用が可能。商用サイト（ビジネス、ECサイト以外にもバナーで収益をあげている等も含む）での利用は1000ユーロ＝約13万※2009・10現在
おまけ：IxEdit
素人の僕には今のところ必要としませんが、詳しい方には嬉しいツールかなと思ったのでおまけとして。国産です。コーディング無しで DOM スクリプティングを実践、Webコンテンツに動きを手軽に与える事が出来るそうです。可変グリッドに必要なファイルも作成可能では？興味のある方はチェックしてみてはいかがでしょうか。
以上、可変グリッドレイアウト情報でした。なんだかんだで僕が使うのはWPになりそうです。ブラウザ別の処理の差はしっかり確認しておきたいですね。。。
サイト内検索
- (3月14日)今日の「簡単海外記事」
- 高いところから地面を見下ろすとこんな感じ
- AmazonアソシエイトのツールはAZlinkが一番シンプルで使いやすい
- 日本語を完璧に使いこなすタイ人デベロッパー・タムタム氏のTwitterサービス3つ
- シンプル、ミニマルなサイトを作りたい時に役立ちそうなアイコンやフォント、ギャラリーなどのまとめ
- WordPressユーザーにお勧め。管理メニューを表示するブックマークレット・WP Toolbar
- 無料でユーザー登録も不要。Webサイトのモックアップを直感で作成、PDFやjpgで保存できるLumzy
- アメリカで宗教団体に属している人の所得の差が分かる（かもしれない）1枚の図
- 4分間の歌と共にひたすらピタゴラ装置が動き続ける「OK Go」のPVが楽しい
- 要連絡、漢字無しなど、条件付だけど商用利用可能なフリーの日本語フォントいくつか
RSSフィード
ブックマーク
Twitter
Web Tips on Twitter
まとめ記事 on TwitterTwitter Counter
ads
【ウィンドウサイズを変えるとコンテンツが再配置される可変グリッドレイアウトに関する情報まとめ】へのコメント 5
トラックバック
この記事のトラックバックとURL
URL:TRB:
お気軽にコメントして下さい
*は必須です