HTML&CSS Dreamweaverのツールバーの表示〜地球マークの出し方 よく出る質問で、いつも出し方がわからなくなるのでメモ。 Dreamweaverのツールバーの中のブラウザ表示の「地球マーク」がある「ドキュメント」といわれる部分が何かの拍子で非表示になった場合、再度表示させる方法です。 下の図の赤枠... 2015.03.26 HTML&CSSTips
Tips 現在のカテゴリの親カテゴリを表示したい〜WordPress 現在のカテゴリを表示するにはthe_category()を使います。 子カテゴリの場合に子カテゴリ名と親カテゴリ名も表示したい場合はthe_category('-','multiple')とします。第一引数の-は区切り文字ですから好きな記... 2015.03.25 TipsWordPress
HTML&CSS jQuery Mobile1.4でスマホサイト作成4〜テーマの変更 data-thema属性で変更できるテーマは、jQuery Mobile 1.4の場合は「a」(白ベース)と「b」(黒ベース)の2種類のみです。 data-theme="a"またはdata-theme="b" ThemaRoller... 2015.03.23 HTML&CSSjQuerylecture
HTML&CSS jQuery Mobile1.4でスマホサイト作成3〜開閉式コンテンツとPOPアップ 完成例サンプル リストをうまく利用することで小さなモバイル画面で情報を見やすく整理することができます。 リストビューの作成 リストの作成はul要素にdata-role="listview"属性を付加します。a要素でリンク設定すると... 2015.03.22 HTML&CSSjQuerylecture
HTML&CSS jQuery Mobile1.4でスマホサイト作成2〜ボタンの作成 完成例サンプル リンクボタンの作成 リンクボタンの作成は簡単です。a要素にclass="ui-btn"というクラスを指定するだけです。 リンクボタンの作成は旧バージョンから1.4になってから大きく変更されていますので注意してくださ... 2015.03.21 HTML&CSSjQuerylecture
HTML&CSS jQuery Mobile1.4でスマホサイト作成1〜文書構造作成 jQuery Mobileのバージョン1.4では、従来バージョンから変更があります。1.4に対応した記述方法を学習します。 jQuery Mobileの準備 モバイルページサンプル meta要素にviewportの設定を記述します... 2015.03.21 HTML&CSSjQuerylecture
HTML&CSS iOSシミュレータの使い方〜Macユーザー用 スマホサイト作成のときにiOSの実機をシミュレーションする必要があります。 その場合MacにはiOSシミュレータが用意されています。 iOSシミュレータを使用するにはXcodeがインストールされている必要があります。 Xcod... 2015.03.13 HTML&CSSjQueryTips
jQuery scrollTopとscrollTop()の使い方〜jQuery scrollTopとscrollTop() 似ているけれども違うものです。 それぞれの使い方をしっかりとマスターしましょう。 scrollTop()について scrollTop()はメソッドです。 scrollTop()は、引数... 2015.03.09 jQueryTips
Tips is_category とin_category とhas_categoryの使い分け〜WordPress is_category() と in_category() と has_category()の使い分けについて考えてみます。 どれも引数に指定したカテゴリがあるかどうか判定する条件式で使用されます。 どう使い分けるのか? Wo... 2015.03.05 TipsWordPress
HTML&CSS マウスホバーで画像を入れ替える〜jQuery マウスホバーでボタンなどの画像をフワッとクロスフェードさせたいという相談が多いので、何種類かのアプローチと失敗例などを書きました。 CSS3でクロスフェードさせるサンプル jQueryでimgタグの画像をクロスフェードさせる(成... 2015.03.02 HTML&CSSjQuery