最近の覚書やメモ

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

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

jquery テキストをモーダルウィンドウに表示する

2013年11月16日

画像ではなく、テキスト要素をライトボックス風に表示する方法のメモ。 モーダルウィンドウなどを予め HTML に記述しておく場合 a 要素(class=”detail_btn”)をクリックすると、詳細情報(class=”detail_info”)をライトボックス風に表示 半透明のモーダルウィンドウの領域:id=&…

続きを読む

jquery JavaScript でブラウザの言語を判定

2013年11月15日

JavaScript でブラウザの言語を判定する方法のメモ。 日本語と英語の二ヶ国語サイトなどで、例えば日本語サイトへのリンクを「Japanese」となっているところを、ブラウザの言語を判定し、言語が日本語の場合には「日本語」と表示させる場合の例。 ブラウザの言語を取得するには以下のいずれかで取得可能。(日本語の場合、返ってくる値は「ja」「ja-JP」のい…

続きを読む

wordpress MAMP を使ってローカル WordPress(マルチサイト) 環境を構築

2013年10月12日

MAMP を使ってローカル環境にマルチサイトの WordPress を構築した際に気づいたことのメモ。WordPress のローカル環境へのインストール、MAMP のインストールや基本的な設定は色々なところで書かれているので省略。 MAMP のインストールや基本的な設定等に関する参考サイト 「MAMP を使ってお手軽にローカル WordPress 環境を構築…

続きを読む

wordpress jQuery Mobile で構築したサイトで Infinite Scroll を使うとリンクが認識されない

2013年10月2日

WordPress と jQuery Mobile で構築したサイトで Infinite Scroll を使ってコンテンツを読み込むと、何故か読み込まれたコンテンツのリンク(a 要素)が認識されなかったのでその解決方法に関するメモ。 現象 読み込まれたコンテンツのリンク(a 要素)の色が反映されない。 リンクにマウスオーバーしてもカーソルはデフォルトのままで…

続きを読む

wordpress WordPress + jQuery Mobile で Infinite Scroll を使ってみる

2013年10月2日

WordPress と jQuery Mobile で構築したサイトで Infinite Scroll を使ってみた際のメモ。 WordPress で構築したサイトで Infinite Scroll を使うのとそれほど違いはないが、いくつか気づいた点。 Infinite Scroll の読み込みと記述 Infinite Scroll のインストール:「Wor…

続きを読む

htmlcss ExpiresByType が JavaScript に対して効かない?

2013年9月26日

HTTP ヘッダ(Expires ヘッダ)を追加して、ファイルをブラウザにキャッシュさせるように .htaccess にキャッシュの期限を指定しているのに、YSlow の評価を見ると何故か JavaScript だけがキャッシュされていなかったのでその解決方法のメモ。 結論としては、ExpiresByType での JavaScript のファイルタイプの指…

続きを読む

wordpress UpdraftPlus のバグ?

2013年9月24日

WordPress のバックアップ用プラグイン「UpdraftPlus」を使用していたところ、ホスティングプロバイダ(レンタルサーバー)より「20~30のバックアップが同時に作成されそうになっていたため、UpdraftPlus を無効にしたので、必要であればマニュアルでバックアップを取るように」との連絡が来たのでメモ。 原因として考えられるのは、WordPr…

続きを読む

wordpress WordPress で Infinite Scroll を使ってみる

2013年9月21日

WordPress で Infinite Scroll を使った際のメモ。 Infinite Scroll には WordPress 用のプラグインもあるが、それは使わず jQuery のプラグインを使用。使用したページはカスタム投稿タイプのアーカイブページ(archive-xxxx.php や taxonomy-xxxx_cat.php)でページネーション…

続きを読む

htmlcss floatで並べた li 要素の中央寄せ

2013年9月21日

いつも忘れてしまうのでメモ。詳細は以下のサイトで。 参考にさせていただいたサイト:hail2u.net「floatで並べたリストのセンタリング」 以下のように、li 要素をフロートさせた場合、それらを中央寄せするには、「text-align: center;」や「margin: 0 auto;」ではうまくいかない。 以下のようにすると中央寄せできる。 ul …

続きを読む

htmlcss スクリーンサイズに合わせてフォントサイズを変更

2013年9月19日

スクリーンサイズに合わせてフォントサイズを変更方法のメモ。(2018/1/20 更新) 以下もよろしかったらご覧ください。 「レスポンシブ Web デザイン 作成資料」 文字のレスポンシブ対応 レスポンシブ・タイプセッティング 画面幅(ウインドウサイズ)によって文字サイズを変化させる手法をレスポンシブ・タイプセッティングと言います。レスポンシブ Web デザ…

続きを読む