HTML&CSS

Dreamweaverのツールバーの表示〜地球マークの出し方

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

jQuery Mobile1.4でスマホサイト作成2〜ボタンの作成

完成例サンプル リンクボタンの作成 リンクボタンの作成は簡単です。a要素にclass=”ui-btn”というクラスを指定するだけです。 リンクボタンの作成は旧バージョンから1.4になってから大きく変更されていますので注意してください。 data-属性からクラスでの指定に変更さ  >>続きを読む

jQuery Mobile1.4でスマホサイト作成1〜文書構造作成

jQuery Mobileのバージョン1.4では、従来バージョンから変更があります。1.4に対応した記述方法を学習します。 jQuery Mobileの準備 モバイルページサンプル meta要素にviewportの設定を記述します。Viewportを指定することで表示サイズを設定することができます。  >>続きを読む

iOSシミュレータの使い方〜Macユーザー用

スマホサイト作成のときにiOSの実機をシミュレーションする必要があります。 その場合MacにはiOSシミュレータが用意されています。 iOSシミュレータを使用するにはXcodeがインストールされている必要があります。 XcodeはApp Storeで無料でダウンロードできます。Macでの開発で何かと  >>続きを読む

scrollTopとscrollTop()の使い方〜jQuery

scrollTopとscrollTop() 似ているけれども違うものです。 それぞれの使い方をしっかりとマスターしましょう。 scrollTop()について scrollTop()はメソッドです。 scrollTop()は、引数を指定した場合としない場合で働きが変わります。 引数を指定しない場合はj  >>続きを読む

マウスホバーで画像を入れ替える〜jQuery

マウスホバーでボタンなどの画像をフワッとクロスフェードさせたいという相談が多いので、何種類かのアプローチと失敗例などを書きました。 CSS3でクロスフェードさせるサンプル jQueryでimgタグの画像をクロスフェードさせる(成功例) jQueryでCSSのbackground-mageをクロスフェ  >>続きを読む