最近の覚書やメモ

Web 制作に関する個人的な覚書やメモです。記事中の内容やコード等には、誤りなどもある可能性があることをご了承ください。また、内容を利用される場合は、あくまでもご自身の責任においてご利用ください。

New Web 制作リファレンス
もう少し整理された形式のWeb制作参考資料です。

jquery jQuery プラグイン Lazy Load の使い方と設定

2014年11月30日

スクロールに応じて、画像データを遅延読込する jQuery プラグイン Lazy Load の設定と使い方に関する個人的なメモ。 Lazy Load プラグイン ページに含まれる画像のデータの読み込みを遅らせる(後から読み込ませる)ことにより、ロード時間を短縮することができるプラグイン。ビューポート(ブラウザの表示領域/画面)外の画像はユーザーがスクロールす…

続きを読む

jquery position: fixed を使ってメニュー(ナビゲーション)を固定する際の注意点

2014年11月28日

position: fixed を使ってメニューを固定する際に気をつける点などの個人的なメモ。 結論から言うと、メニュー(ナビゲーション)の高さを指定し忘れるとメニュー以降に出現するリンク要素(ハイパーリンク)のリンクがクリックできなく(リンクが効かなく)なったり、ブラウザ上の文字(テキスト)を選択しようとしても選択できなくなってしまう。 関連ページ:「レス…

続きを読む

htmlcss HTML5 の構造

2014年11月8日

HTML5 文書の構造や新しい要素に関する個人的なメモ。 参考: 「入門 HTML5(オライリー)」 「TAG index Webサイト」 「HTML5のセクションで“文書構造”を理解する atmarkIT」 目次 DOCTYPE HTML5 の DOCTYPE は以下のようになる。 DOCTYPE は HTML ファイルの最初の行に存在する必要がある。 そ…

続きを読む

htmlcss HTML5 の機能検出

2014年10月25日

HTML5 の機能を検出する方法の個人的なメモ。 参考:「入門 HTML5(オライリー)」 目次 Modernizr Modernizr は HTML5 と CSS3 の機能のサポートを検出してくれる JavaScript ライブラリ。(これを利用するのが一番簡単だと思う) Modernizr は読み込まれると、Modernizr という名前の JavaSc…

続きを読む

wordpress WordPress の表示が遅くなったので Debug Bar で調べてみた際のメモ

2014年10月12日

いつからから不明だが、気が付くといくつかのページの表示が恐ろしく時間がかかる(1分以上)ようになっていた。 結果的には「Debug Bar」と「Debug-Bar-Extender」というプラグインを使って切り分けたところ原因を特定できたけど、遠回りをしてしまった感もないではない。 取りあえずやってみたことをメモ。 注意事項:プラグインのインストールの前には…

続きを読む

htmlcss ブラウザの HTML5, CSS3 の機能を検出してくれる Modernizr

2014年10月4日

Modernizr の基本的な使い方に関する個人的なメモ。 Modernizr は、ユーザーのブラウザがどのような機能をサポートしているかを検出(テスト)し、その結果に基づき html 要素に特定のクラスを付与したり、Modernizr という名前のグローバルオブジェクトを生成しそのプロパティに各機能に関する情報を格納する JavaScript ライブラリ。…

続きを読む

wordpress WordPress プラグイン Visual Composer

2014年7月28日

用意されているモジュールをドラッグ&ドロップで簡単にページレイアウトができるプラグイン Visual Composer (WordPress 用のページビルダー)のインストールや基本的な使い方についてのメモ。 目次 オンライン・ドキュメント Visual Composer の特徴 HTML や CSS の知識がなくてもモジュールをドラッグ&ドロップで簡単にペ…

続きを読む

jquery Slider Revolution / jQuery スライダープラグイン

2014年7月24日

レスポンシブ対応で多機能なスライダープラグイン Slider Revolution (Version 4.5 SkyWood) の使い方等に関するメモ。 価格:$12 ダウンロード(販売元):codecanyon Slider Revolution のダウンロード(購入)とインストールに関しては以下のページをご参照ください。 関連ページ:Slider Rev…

続きを読む

jquery Slider Revolution / jQuery プラグインのダウンロードとインストール

2014年7月22日

jQuery のレスポンシブスライダープラグイン Slider Revolution のダウンロードとインストールに関するメモ。(Version 4.5 SkyWood) 価格:$12 ダウンロード(販売元):codecanyon どのようなスライダーが作成できるかは、Slider Revolution のサイトをご覧ください。 フル・レスポンシブ CSS …

続きを読む

wordpress Slider Revolution / WordPress スライダープラグイン

2014年7月21日

レスポンシブ・スライダープラグイン Slider Revolution (Version 4.5.95 SkyWood) の使い方等に関するメモ及びドキュメントの部分訳(拙い英語力のため、誤りがある可能性あり)。 Slider Revolution のダウンロード(購入)、インストールやサンプルのインポートに関しては以下のページをご参照ください。 関連ページ…

続きを読む