2013-11-01から1ヶ月間の記事一覧
http://sk8.fool.jp/fashion_news/
chromeの画面で右クリックで要素検証。 要素検証の右下の設定(setting)ボタンで設定画面を開き、overridesを開く。 EnableとUserAgentにチェックをつけ、iphoneにチェック。
昨日書いたAddType application/x-httpd-php .php .htmlの記述ではロリポップサーバーでhtmlファイルでphpは動きませんでした。 下記のコードなら動きました↓AddHandler php4-script .html(PHP4 を利用したい場合) AddHandler php5-script .html(PHP5.2 …
全ての拡張子「.php」を「.html」に変換する記述↓AddType application/x-httpd-php .php .html .htaccessファイルの作り方 メモ帳に上記のコードを書き、ファイル名を.htaccessをする。
.htaccess ファイルを簡単作成「.htaccess Editor」 ↑このサイトで簡単にベーシック認証をかけれるコードを取得できる。 取得するさい、コードの最後の行の改行コードまで必ずコピーペーストする。
jQzoomがとても簡単で便利だけどサイズ指定が少し間違っただけで、IEでうまくいかなかった。 http://sk8.fool.jp/ec/ googleMapを修正とアナリティクスのscriptを入れたらjQueryが作動していないことに今日気づいたので修正。scriptのバッティングがあるので…
色々簡単なjQueryのぬるっとページ内指定リンクへ飛ぶやつを探していたところ この記事のが↓javaScript記述のみで一番簡単で使いやすそうだった 【jQuery】ページ内リンクをするするーっとスムースにスクロールするJavascript | KLUTCHE script <script type="text/javascript"> $(function…
http://sk8.fool.jp/firm/ ポートフォリオ用に一応レスポンシブデザインで作った恵比寿のセレクトショップのファンサイト。GoogleMapの位置がなぜか合わなかったが、終点・始点を交換してみたら正しく示した。 PCサイズ tabletサイズ smart phoneサイズ
レスポンシブデザイン「Media Queries」の外部スタイルシートの読み込みの記述。 <link rel="stylesheet" href="style-l.css">//PC用 <link rel="stylesheet" href="style-m.css" media="only screen and (min-width:640px) and (max-width:979px)">//tablet用 <link rel="stylesheet" href="style-s.css" media="only screen and (max-width:639px)">//smart…</link></link></link>
CSS3のとても便利なnth-child要素。 nthのnってただのnumberのことでした。例)nth-child(5) = 5th(列の5番目) nth-child(4n-7) = 4の倍数マイナス7だから、1,5,9,13,17....と選択されていきます。
HTML5 レスポンシブデザインサイト スタイルシートの書き方 以下のようにスタイルシートを3つ用意する。 各サイズで読み込むスタイルシートが変わる。 <link rel="stylesheet" href="style-small.css">//スマートフォンサイト用 <link rel="stylesheet" href="style-medium.css" media="only screen and (min-width:600px) and (max-width:979px)">//タブレット用 </link></link>
Google Mapのカスタマイズ方法 Geocoding - 住所から緯度経度を検索 Google GeocordingでGoogle Mapで表示したい住所を入力し、検索 取得した緯度経度を以下のScriptのvar pointabs = new GLatLng(緯度,経度);部分にペースト あとは表示したいテキストを変更…