HTML&CSS

グローバルナビなどのナビゲーションを中央揃えにする方法です。 ナビゲーションが固定幅なら両サイドのマージンをautoにすれば済みます。 ナビゲーションを中央揃えにするサンプル CSSコード HTMLコード けれども、計...

WordPressのナビゲーションにBootstrapのグローバルナビの設定を組み込むにはWordPressの書き出すタグのclass名にBootstrap用の「.nav」と「.navbar-nav」の２つのclass名を適用させる必要があ...

高機能テキストエディタとして人気のSublime Textに代わる勢いのAtom。 Githubが提供するWeb開発用エディタです。その力は鉄腕アトムなみ。。 Atomのインストール〜Mac Macへの導入で説明します。 Atomの...

Sublime Textから直接アップロードできると嬉しいですね。プラグインで実現できますのでやってみましょう。 Dreamweaverでいうところのサイトにあたる新規プロジェクトの作成から始めます。 この内容はすでにFTPを使いこなし...

Zen Codingの進化形であるEmmetを導入するとコーディングが楽になります。コーダーを目指す方は必須のアイテムとなるでしょう。 導入方法 Dreamweaverの代わりにSublime Textを導入している人も多いと思います。...

よく出る質問で、いつも出し方がわからなくなるのでメモ。 Dreamweaverのツールバーの中のブラウザ表示の「地球マーク」がある「ドキュメント」といわれる部分が何かの拍子で非表示になった場合、再度表示させる方法です。 下の図の赤枠...

2カラムのレイアウト作成 2カラムレイアウトで基本的なレイアウトを作成する例です。固定幅の場合と可変幅の場合、そして固定幅と可変幅の場合をそれぞれ紹介します。 固定幅の場合 これはfloatで2カラムにしたものです。ボックスモデルの計...

box-sizingの値は次のようになっています。 content-box パディングとボーダーを幅と高さに含めない（初期値） border-box パディングとボーダーを幅と高さに含める content-...