Magnific Popup は、レスポンシブデザインにも対応しているモーダルウィンドウ用jQueryプラグインです。 Magnific PopupでYouTubeの動画をポップアップ表示するページを作っていたのですが、 YouTubeの動画がうまく再生されないというトラブルがあったのでそ…

WordPressでの構築中に管理画面にログインすると「Undefined index:…」というエラーの表示が。 その時行った対処方法を書きます。 「Undefined index:…」のエラーが表示される WordPressでの構築中に「Custom Field Template」というプラグインを入れたとこ…

少し前の記事で常時SSL化の対応について書いたのですが、その時、悩まされた場面がありました。 常時SSL化対応で.htaccessへリダイレクト処理を記述したのですが、 WordPressのsingle.phpやcategory.phpに301リダイレクトが効かないという残念な感じに...。 …

コーディング（マークアップ）していると、position: fixedを指定した要素に横スクロールを効かせたい場面に遭遇しませんか？ スクロール時にページ上部のグローバルナビを追従させるために、fixedを指定することがありますが、これを指定するとtopだけでな…

マウスカーソルがセレクタの要素の上に乗ったとき／外れたときの処理の記述をメモ。 .hover()を使います。 $('#global-nav li').hover( function(){ // マウスが乗った時の処理 $('#overlay').addClass('-open'); }, function(){ // マウスが外れた時の処理 …

転職し、新しい職場でのお仕事を始めてからJavaScriptやjQueryを触る機会が増えました。 いや、フロントエンドなんだから当たり前なのだけど。。。 以前は社内のデザイナーがサイトのデザインを制作してくれていて、デザインや動きの部分も割と決まった「型…

お仕事でお客さんのWebサイトへの常時SSL化対応が必要になったので対応内容などをまとめます。 そもそも常時SSL化とは、Webサイト全ページをHTTPS化するセキュリティ手法です。 通信が暗号化されるので、 Webサイトから情報を送信する際に暗号化され、 第三…