2012年04月26日
Dreamweaver CS6 の可変グリッドレイアウト @ ウェブ
Dreamweaver CS6 の新機能で「可変グリッドレイアウト」があるのですが、これがどのようなモノなのか気になり調べていたら、『Adobe HTML5 特設サイト』に気になる記述を発見。
説明の中に「Dreamweaver CS6 の可変グリッドレイアウトは、golden grid system と呼ばれる動的なレイアウトを、コーディング無しで実現するものです。」とあるではないですか。可変グリッドレイアウトの一般的な例としてGolden Grid Systemを取り上げているだけなのかもしれませんが、これが採用されているのかも。ただ、デモの時に見えたソースコードには、Respond,jsが使われていたので、まるまるGolden Grid Systemが採用されいているってのも違う気がする。ただ、一つのCSSファイルにまるまる書き出してしまっている点としては同じなんですよね。独自のものなのか既存のフレームワークを取り込んでいるのか、気になります。
Dreamweaver CS6 の新機能 - Adobe HTML5 特設サイト
>>関連リンク
Golden Grid System
>>関連リンク
何故、どのような仕組みが使われているか気になっているかと言うと、既存の多くのレスポンシブウェブデザインのフレームワークが、イマイチだからなのです。自分が作っているグリッドレイアウトフレームワークもちゃんと対応しなければならないのですが、メディアクエリだけで、分岐して表示している場合、パフォーマンスを気にしなければならない、スマートフォンですべてのスタイルシートを読み込んでしまっているケースが多い。逆にパソコン版で見ているにもかかわらず、画面の横幅320pxのレイアウトに使っているスタイルシートは必要？って事でもあるんです。
おそらく、Fireworks CS6のスタイルシートの対応状況などを見ると、今後ますますCSS3の記述が増えて、CSSファイル自体のサイズが大きくなるはず。そうなった時に、iPhoneで見ているにもかかわらず、iPadやPC(Mac)の画面サイズ用のスタイルシートの記述は邪魔でしかない。この辺の対応が出来ているフレームワークが現状ほとんどない。というか自分は把握してません。ぜひともCS6のDreamweaverではその辺を配慮したソースが容易にかけると良いと思っていたのですが、現時点でデモなどを見る限り対応しているように見えない。残念です。
Dreamweaver CS6の対応状況次第では自作のグリッドレイアウトフレームワークは、レスポンシブウェブデザインの対応までやらなくても良いかなと思ってましたが、やはり作らないとダメっぽいですね。
閲覧数:
4300 /
関連商品
関連日記
- 2010年01月09日 WWW SQL Designer (9971)@ ウェブ
- 2007年05月11日 Adobe CS3体験版 (8630)@ Mac
- 2007年11月26日 Dreamweaver CS3のテンプレート文字化けを検証 (6661)@ Mac
- 2008年10月17日 CSS Nite in HIROSHIMA powered by Webさわり会議 (6493)@ 広島
- 2008年09月04日 Dreamweaver CS4:Subversion Integration (5904)@ Mac
- 2007年12月26日 初めてのAIR (5534)@ Flash
- 2007年06月29日 Yahoo! Flash版地図API (5266)@ Flash
- 2008年01月10日 Flex BuilderでActionScriptプロジェクト (5220)@ Flash
- 2006年08月15日 DreamweaverのWordpress対応機能拡張 (5016)@ ウェブ
- 2010年02月10日 ウェブページ制作ツール「Flux」 (4995)@ Mac
- 2007年08月30日 DW CS3でテンプレートの文字コード変更 (4822)@ Mac
- 2008年11月21日 書籍「Dreamweaver & FireworksによるオープンソースCMSテンプレートデザイン Joomla/Nucleus/Zen Cartにもデザインを!」 (4742)@ ウェブ
- 2008年09月05日 Dreamweaver CS3以前とSubversion (4741)@ Mac
- 2007年07月05日 AIRサンプル「ScreenPlay」 (4690)@ Mac
- 2008年12月02日 目次「Adobe Dreamweaver Developer Toolboxを使おう！！」 (4661)@ ウェブ
- 2008年07月14日 Dreamweaver CS3アドビ認定エキスパート (4601)@ Mac
- 2007年07月01日 Adobe CS3 Web Premiumインストール (4563)@ Mac
- 2005年08月26日 ImageMagickかGD (4494)@ Mac
- 2007年02月02日 明日はDreamweaver 8+PHP+MySQLの勉強会 (4467)@ 広島
- 2007年09月19日 YSlowでウェブページのパフォーマンスチェック (4401)@ Mac
- 2007年07月09日 MySQLインストール (4380)@ Mac
- 2007年11月13日 spryを使った選択フォームがIEで動かない (4372)@ Windows
- 2007年09月24日 Spry XMLDataSetで表示数の制限 (4341)@ Mac
- 2008年10月04日 Adobe ACE、不合格(T_T) (4288)@ Mac
- 2005年08月30日 ImageMagick (4265)@ Mac
- 2007年11月10日 spryでサブカテゴリーフォーム (4252)@ Mac
- 2005年08月03日 DreamweaverでEUCを使ったPHPなサイト (4205)@ Mac
- 2009年12月10日 jQuery API extension for Dreamweaver (4200)@ Mac
- 2008年11月27日 第一回「Adobe Dreamweaver Developer Toolboxを使おう！！」 (4115)@ ウェブ
- 2008年10月15日 Adobe Dreamweaver Developer ToolboxのCS4アップデート (4079)@ Mac
アマゾン広告
この日記ページは閲覧数などの条件に応じて、閲覧制限を行っています。他からリンクしていただいても、そのリンクから辿った閲覧者が当ページの内容をご覧頂けない場合があります。ご了承下さい。
