HTML&CSS ナビゲーションの中央揃え
グローバルナビなどのナビゲーションを中央揃えにする方法です。
ナビゲーションが固定幅なら両サイドのマージンをautoにすれば済みます。
ナビゲーションを中央揃えにするサンプル
CSSコード
HTMLコード
けれども、計...
Tips
HTML&CSS HTML&CSS WordPressのナビゲーションにBootstrapを組み込む
WordPressのナビゲーションにBootstrapのグローバルナビの設定を組み込むにはWordPressの書き出すタグのclass名にBootstrap用の「.nav」と「.navbar-nav」の２つのclass名を適用させる必要があ...
HTML&CSS Atomの使い方
高機能テキストエディタとして人気のSublime Textに代わる勢いのAtom。
Githubが提供するWeb開発用エディタです。その力は鉄腕アトムなみ。。
Atomのインストール〜Mac
Macへの導入で説明します。
Atomの...
HTML&CSS Sublime Textにftpを設定
Sublime Textから直接アップロードできると嬉しいですね。プラグインで実現できますのでやってみましょう。
Dreamweaverでいうところのサイトにあたる新規プロジェクトの作成から始めます。
この内容はすでにFTPを使いこなし...
HTML&CSS Sublime TextにEmmetを導入
Zen Codingの進化形であるEmmetを導入するとコーディングが楽になります。コーダーを目指す方は必須のアイテムとなるでしょう。
導入方法
Dreamweaverの代わりにSublime Textを導入している人も多いと思います。...
HTML&CSS Dreamweaverのツールバーの表示〜地球マークの出し方
よく出る質問で、いつも出し方がわからなくなるのでメモ。
Dreamweaverのツールバーの中のブラウザ表示の「地球マーク」がある「ドキュメント」といわれる部分が何かの拍子で非表示になった場合、再度表示させる方法です。
下の図の赤枠...
Tips 現在のカテゴリの親カテゴリを表示したい〜WordPress
現在のカテゴリを表示するにはthe_category()を使います。
子カテゴリの場合に子カテゴリ名と親カテゴリ名も表示したい場合はthe_category('-','multiple')とします。第一引数の-は区切り文字ですから好きな記...
HTML&CSS iOSシミュレータの使い方〜Macユーザー用
スマホサイト作成のときにiOSの実機をシミュレーションする必要があります。
その場合MacにはiOSシミュレータが用意されています。
iOSシミュレータを使用するにはXcodeがインストールされている必要があります。
Xcod...
jQuery scrollTopとscrollTop()の使い方〜jQuery
scrollTopとscrollTop() 似ているけれども違うものです。
それぞれの使い方をしっかりとマスターしましょう。
scrollTop()について
scrollTop()はメソッドです。
scrollTop()は、引数...
Tips is_category とin_category とhas_categoryの使い分け〜WordPress
is_category() と in_category() と has_category()の使い分けについて考えてみます。
どれも引数に指定したカテゴリがあるかどうか判定する条件式で使用されます。
どう使い分けるのか？
Wo...