みんな大好き、あるいは大嫌いなCSS設計。そんな言葉が生まれてから久しく、JavaScriptフレームワーク(以後JSフレームワーク)を始めとする技術が提供するスコープ付きのコンポーネント環境の登場によって、そのなりを潜めている気がしなくもない。そんなCSS設計とは何だったのか、をちょっと小難しく振り返ってみます。
みんな大好き、あるいは大嫌いなCSS設計。そんな言葉が生まれてから久しく、JavaScriptフレームワーク(以後JSフレームワーク)を始めとする技術が提供するスコープ付きのコンポーネント環境の登場によって、そのなりを潜めている気がしなくもない。そんなCSS設計とは何だったのか、をちょっと小難しく振り返ってみます。
IE6,7,8などは、FirefoxやSafariなど他のブラウザとスタイルシートの違いが多くて、個別にスタイルシートのファイルを設定したい場面が多くあります。そんな時よく条件付きコメント「<!–[if lt IE 9]>○○○○<![endif]–>」を使うのですが、そのままではDreamweaverのテンプレートでは使えません。 例えば、IE6-8に専用のスタイルシートを設定したい場合、<header>〜</header>にこのように条件付きコメントを書きまよね。 <!--[if lt IE 9]> <link href="style.css" rel="stylesheet" type="text/css" media="all" /> <![endif]--> 普通にhtmlファイルに書くならこれで良いですが、このままDreamweaverのテンプレ
Web制作者なら誰もが思うこと それは、ファイルを保存していちいちページ更新して確認するのは意外とめんどくさい。 微妙に時間がかかる・・・ ではないでしょうか? Dreamweaverとwordpressを連携させるとワンクリックで表示を確認することが出来ます。 7ヶ月前、設定方法をライトニングトークでお話しさせて頂きました。 ただ、当時はWordpressのこともphpが環境構築しないとローカルで動かないこともDreamweaverのこともろくに知らない状態で、知らないづくしで発表したので作成したスライドは何が言いたいのか分からないものになってしまっています。 今回、設定部分に焦点を当てて簡単にまとめてみます。 ★使用環境:Windows・Dreamweaver5.5 <目次> 1.XAMPPインストール 2.WordPressインストール 3.Dreamweaverの設定 4.Drea
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く