HTML&CSS Dreamweaverのツールバーの表示〜地球マークの出し方
よく出る質問で、いつも出し方がわからなくなるのでメモ。
Dreamweaverのツールバーの中のブラウザ表示の「地球マーク」がある「ドキュメント」といわれる部分が何かの拍子で非表示になった場合、再度表示させる方法です。
下の図の赤枠...
2015-03
HTML&CSS 
Tips 現在のカテゴリの親カテゴリを表示したい〜WordPress
現在のカテゴリを表示するにはthe_category()を使います。
子カテゴリの場合に子カテゴリ名と親カテゴリ名も表示したい場合はthe_category('-','multiple')とします。第一引数の-は区切り文字ですから好きな記...
HTML&CSS jQuery Mobile1.4でスマホサイト作成４〜テーマの変更
data-thema属性で変更できるテーマは、jQuery Mobile 1.4の場合は「a」（白ベース）と「b」（黒ベース）の2種類のみです。
data-theme="a"またはdata-theme="b"
ThemaRoller...
HTML&CSS jQuery Mobile1.4でスマホサイト作成３〜開閉式コンテンツとPOPアップ
完成例サンプル
リストをうまく利用することで小さなモバイル画面で情報を見やすく整理することができます。
リストビューの作成
リストの作成はul要素にdata-role="listview"属性を付加します。a要素でリンク設定すると...
HTML&CSS jQuery Mobile1.4でスマホサイト作成２〜ボタンの作成
完成例サンプル
リンクボタンの作成
リンクボタンの作成は簡単です。a要素にclass="ui-btn"というクラスを指定するだけです。
リンクボタンの作成は旧バージョンから1.4になってから大きく変更されていますので注意してくださ...
HTML&CSS jQuery Mobile1.4でスマホサイト作成１〜文書構造作成
jQuery Mobileのバージョン1.4では、従来バージョンから変更があります。1.4に対応した記述方法を学習します。
jQuery Mobileの準備
モバイルページサンプル
meta要素にviewportの設定を記述します...
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...
HTML&CSS マウスホバーで画像を入れ替える〜jQuery
マウスホバーでボタンなどの画像をフワッとクロスフェードさせたいという相談が多いので、何種類かのアプローチと失敗例などを書きました。
CSS3でクロスフェードさせるサンプル
jQueryでimgタグの画像をクロスフェードさせる（成...