最近の覚書やメモ

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

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

htmlcss HTML ソースのエスケープ処理

2015年4月19日

HTML ソースをページに表示させる際、そのままソースを記述してしまうと、HTML 要素として解釈されてしまうので、「< 」や「 >」 は変換(エスケープ)しておく必要があるが、いちいち変換するのは面倒なので一括して変換する方法のメモ。 目次 概要 テキストエリアに入力した HTML ソースをボタンをクリックすると、エスケープ処理(変換)した文字…

続きを読む

htmlcss google-code-prettify を使ってシンタックスハイライト

2015年3月29日

google-code-prettify を使ってシンタックスハイライトする方法のメモ。 google-code-prettify の最も簡単な方法はオートローダーを使う方法で、以下をヘッダー部分に記述して、表示する部分を pre 要素で囲み、pre 要素に「prettyprint」というクラスを指定するだけ。 但し、オートローダを使う方法だとカスタマイズが…

続きを読む

htmlcss git の基本的な使い方に関するメモ

2015年3月8日

Windows 環境での git(バージョン管理システム/VCS)の使い方等に関する個人的なメモ(自分の学習のためのまとめ)。 公式サイト:http://git-scm.com/ 参考にさせていただいたサイト Git初心者が見るべきサイトまとめ Pro Git(日本語版):http://git-scm.com Try Git:https://try.gith…

続きを読む

wordpress Windows 環境に WP-CLI をインストール

2015年2月22日

WP-CLI は、WordPress へのいろいろな操作(本体のインストール・アップデート、プラグインやテーマ のインストール・アップデート、それらのバージョンの確認等)をコマンドラインから行えるようにするツール。 Windows 環境へのインストール方法は以下に掲載されているのでそれを元にインストールした際のメモ。この例では「Composer」を使用。 A…

続きを読む

wordpress WordPress-Coding-Standards の Windows 環境でのインストール

2015年2月19日

PHP_CodeSniffer を使ってWordPress のコーディングルールに準拠しているかをチェックしてくれる WordPress-Coding-Standards というツールを Windows 環境(XAMPP)にインストールする方法のメモ。 PHP_CodeSniffer PHP のコーディングルールに準拠しているかどうかをチェックしてくれるツー…

続きを読む

htmlcss sublime-autoprefixer : Sublime Text でベンダープレフィックスを最適化してくれるプラグイン

2015年2月5日

CSS のベンダープレフィックス(接頭語)を自動で最適化(追加・削除)してくれる Sublime Text のプラグイン「sublime-autoprefixer 」に関するメモ。 対象ブラウザやそのバージョンを指定することも可能。 適切なベンダープレフィックスを付けるのはとても面倒で大変だが、このプラグインを使用すると簡単に CSS に付与したベンダープレ…

続きを読む

jquery jQuery レスポンシブメニュープラグイン SlickNav の使い方

2015年1月18日

jQuery レスポンシブメニュープラグイン SlickNav の基本的な使い方や設定に関する個人的なメモ。マルチレベル(メニューの階層)にも対応しているので便利。 SlickNav Responsive Mobile Menu v1.0.1 licensed under MIT 目次 jQuery プラグイン SlickNav のダウンロード SlickN…

続きを読む

jquery jQuery プラグイン Wookmark の使い方や設定

2015年1月2日

jQuery プラグイン Wookmark の使い方や設定に関する個人的なメモ。 Wookmark は高さの異なる要素をタイル状に隙間なく並べてくれるプラグイン。但し、基本的に幅は一定にする必要があるみたい。 似たようなプラグインで jQuery Masonry があり、これは幅が異なってもそれなりにうまく並べてくれる(幅の設定の方法による)が、Wookma…

続きを読む

jquery jQuery lightSlider の使い方や設定

2014年12月31日

jQuery スライダープラグイン lightSlider の基本的な使い方や設定に関する個人的なメモ。この時点での lightSlider のバージョンは「Version 1.1.1」。 ライセンス:MIT License レスポンシブ対応 ギャラリーモード(スライドショー) サムネイル表示 Slide, Fade アニメーション youtube, vim…

続きを読む

jquery jQuery lightGallery の使い方や設定

2014年12月30日

追加情報 Version 1.2.x については「 jQuery lightGallery (Version 1.2.x) の使い方や設定」をご覧ください。 jQuery LightBox 系プラグイン lightGallery の基本的な使い方や設定に関する個人的なメモ。この時点での lightGallery のバージョンは「Version 1.1.4」。…

続きを読む