最近の覚書やメモ

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

htmlcss Compass のベンダープレフィックス

2016年5月22日

目次 久しぶりに Compass を 1.0.3 (Polaris) にアップデートしたら、コンパイル時に以下のような警告がコマンドプロンプトに表示されるようになりました。 C:\xampp\htdocs\compass>compass w >>> Compass is watching for changes. Press Ctrl-C to Stop. modified sass/_setting.scss WARNING: Compass has changed how browser support is configur…

続きを読む

php Google reCAPTCHA を使ってみる(コンタクトフォーム)

2016年2月14日

コンタクトフォームで Google が提供するキャプチャ「reCAPTCHA」を使ってみたので、その使い方や設定に関するメモです。 目次 reCAPTCHA を利用するサイトの登録 reCAPTCHA の API をサイトに導入するには、reCAPTCHA 公式ページでサイトを登録する必要があります。また、そのためには Google のユーザーアカウントが必要です。 ページの左側の「Create an API Key」のリンクをクリックして表示されるページで登録することができます。 Google のアカウントにログイン後、以下のページで登録します。 La…

続きを読む

jquery jQuery lightGallery (Version 1.2.x) の使い方や設定

2016年1月16日

jQuery LightBox 系プラグイン lightGallery の基本的な使い方や設定に関する個人的なメモ。この時点での lightGallery のバージョンは「Version 1.2.13」。以前「Version 1.1.4」の時にも調べたけれど、最近使おうと思ったらバージョンが上がっていました。Version 1.2.0 で全面的に書き換えたとなっています。(Completely re-written the plugin..) lightGallery ホーム(デモ) lightGallery GitHub 目次 jQuery light…

続きを読む

wordpress WordPress 4.4 にアップデートしたら jQuery で操作している画像が表示されない(srcset)

2015年12月28日

数日前にあるサイトの WordPress を 4.4 にアップデートしたら、サムネイルをクリックすると画像が変わるはずなのに変わらないとの報告がありました。 調べてみると、jQuery を使って対応するアイキャッチ画像の src 属性を取得して、それを表示する画像の src 属性に設定するというような処理になっていて、問題なく src 属性は変更されているのに画像は変わらない状態になっていました。 以下がその jQuery の処理ですが、この処理自体に問題はありませんでした。 $(‘.xxxx img’).css(‘display’, ‘none’).a…

続きを読む

jquery フォームを送信(submit)した時の位置を保持する方法

2015年12月20日

フォームを送信(submit)すると、 action 属性で指定したファイルが読み込まれ、送信した際の画面の表示位置はリセットされページの先頭が表示されます。 フォームがページの中ほどや後半にある場合で、自分自身($_SERVER[‘PHP_SELF’])に送信した際に、送信(submit)した際の表示位置を保持して、ページロード後もスクロール位置を変更しないで表示したいことがあります。 そのためには、Javascript(jQuery)で submit した時の位置情報を取得して、ロード後の画面でその位置に戻すようにします。 以…

続きを読む

jquery Window オブジェクトや Document オブジェクト、DOMなど

2015年6月13日

Window オブジェクトや Document オブジェクト、DOM (Document Object Model) 、DOM 要素、jQuery オブジェクト等に関する個人的なメモ。 目次 Window オブジェクト ブラウザを操作するための機能を集めたオブジェクトがブラウザオブジェクトです。ブラウザオブジェクトは標準の規格があるわけではなく、個々のブラウザごとに独自に実装されています。(その中の Document オブジェクトは、ドキュメントオブジェクトモデル:DOM としてほぼ標準化されています。) そのため以前はブラウザごとの仕様の違いによりクロ…

続きを読む

htmlcss Google Fonts の使い方・利用方法

2015年5月31日

Google Fonts(GoogleFonts)の基本的な使い方・利用方法に関するメモ。 Google Fonts は「Open Source Fonts」で商用・非商用に関わらす無料で使用することができます。About Google Fonts 目次 Google Fonts で使いたいフォントを探す Google Fonts (https://www.google.com/fonts/) にアクセスして使いたいフォントを探します。 もし、使いたいフォントのキーワードがわかっていれば、左上の検索ボックスにキーワードを入れて検索することができます。 検…

続きを読む

jquery jQuery load() を使って別のページの見出しを表示する

2015年5月16日

jQuery の load() を使って同じサイト内の別のページの見出しを表示する方法に関するメモ。load() の基本的な使い方等についても再度メモ。 目次 load() の概要 書式 パラメータと戻り値 url (String) 要求を送信するサーバ側リソース(読む込むデータ)のURL。 オプションとして jQuery セレクタを使い(指定して)取得したいインスタンスを絞り込める 。(後述) parameters (String|Object|Array)  オプション。 リクエストと一緒に送信するデータ(要求のパラメータとして渡すべきデータ)を指定…

続きを読む

htmlcss MailChimp 無料で使えるメール配信サービスの使い方

2015年5月8日

アメリカのメールマガジン(ニュースレター)配信サービス、MailChimp の登録方法と基本的な使い方について。 MailChimp には無料利用枠があり、メールアドレス登録数が 2,000件未満で、月間の送信回数が 12,000件までなら無料で利用可能です。 メール編集にはいくつかのテンプレートがあり、予めデザインされたものやドラッグ&ドロップで簡単に編集できるもの、カスタムデザインなどが用意されています。HTML 及びテキスト形式に対応しています。 また、有料でしか使用できない機能には以下のようなものがあります。 Automation (マーケッティ…

続きを読む

wordpress WordPress プラグイン クロスサイトスクリプティング(XSS)の脆弱性

2015年4月25日

今朝、ThemeForest から WordPress のプラグインやテーマに関するクロスサイトスクリプティング(XSS)の脆弱性に関するメールが来ていたので、調べたら以前メモしたプラグイン(My Calendar)も含まれていた。 追加情報 WordPress は7日、重要なセキュリティアップデートとして「WordPress 4.2.2」を公開しています。以下「WordPress 4.2.2 セキュリティリリース」より抜粋。(2015年5月9日) 関連リンク:「WordPress」のデフォルト環境にXSSの脆弱性/japan.zdnet.com 追加情…

続きを読む