- 【CSS】リストマークに使える三角形をCSSだけで表示する方法。 リストマークや矢印として最適な三角形を、CSS だけで表示させる方法を紹介します。 キモとなるのは CSS の[border]プロパティ。この[border]の描画システムを覚えれば、三角形だけでなく様々な形を表現することができます。 まず… 【CSS】リストマークに使える三角形をCSSだけで表示する方法。続きを読む →
- 【jQuery】これだけで完璧に導入できる[Lightbox]の実装方法。 一時期、多くのサイトで導入され大流行した jQuery プラグイン[Lightbox]の使い方を紹介します。 皆様もうご存知でしょうけれど、念のために動作のサンプルを以下のURLに置いておきます。 画像をクリックすると背景が暗くなり、指定さ… 【jQuery】これだけで完璧に導入できる[Lightbox]の実装方法。続きを読む →
- 【iOS】遂に iPhone & iPad でも[ATOK]が利用できるようになりました! この日が来るのを待ち望んでいた方も多いのではないでしょうか。 とうとう iOS でも[ATOK]が利用できるようになりました。 ご存知のとおり、新しく発表された[iOS 8]では、サードパーティー製のキーボードが利用できるようになり、それに… 【iOS】遂に iPhone & iPad でも[ATOK]が利用できるようになりました!続きを読む →
- 【CSS3】ブラウザによって異なるフォーム要素のデザインをリセットする方法。 ウェブ観覧時に使用するブラウザによって、フォーム関連のデザインが若干異なって描画されます。 これを良しとしない場合、そのデザインをリセットするために、CSS3では新たに[appearance]プロパティが追加されています。 基本的な使い方は… 【CSS3】ブラウザによって異なるフォーム要素のデザインをリセットする方法。続きを読む →
- 【Illustlator】iOS 8 のデザインを模したベクター素材[Free iOS 8 Vector UI Kit]がイイ感じです。 iPhone 6 の発売に先駆けて[iOS 8]が公開されましたが、この[iOS 8]のデザインを完全に再現したIllustrator用のベクター素材[Free iOS 8 Vector UI Kit]が無料でダウンロード可能です。 [iO… 【Illustlator】iOS 8 のデザインを模したベクター素材[Free iOS 8 Vector UI Kit]がイイ感じです。続きを読む →
- 【WordPress】ローカル環境で[Jetpack]を導入する際の「ローカル開発モード」について。 ローカル環境でサイトを制作する際に、プラグインの[Jetpack]をテストしたいことがあると思います。 しかし通常、ローカル環境に構築したサーバーで動いている[WordPress]と WordPress.com のアカウントは連携させること… 【WordPress】ローカル環境で[Jetpack]を導入する際の「ローカル開発モード」について。続きを読む →
- 【JavaScript】超軽量・超高速のJavaScriptフレームワーク[Vanilla.js]をオススメします。 初心者には難しい印象の JavaScript ですが、より簡単に使いこなすために[jQuery]や[Prototype JS]などのライブラリが開発されています。 また、同様のフレームワークとして、最近では[angular.js]、[bac… 【JavaScript】超軽量・超高速のJavaScriptフレームワーク[Vanilla.js]をオススメします。続きを読む →
- サイトの高速化のために[DNS Lookup]を減らそう。 今日は、ウェブサイトを高速化するために[DNS Lookup]をどう扱うか、また SEO との兼ね合いなど、個人的な見解を紹介しようと思います。 DNS Lookup とは? そもそも[DNS Lookup]とは何か? 詳しい説明は以下にな… サイトの高速化のために[DNS Lookup]を減らそう。続きを読む →
- 【jQuery】超簡単jQueryスライダー[bxSlider]の使い方。 今日紹介する jQuery プラグイン[bxSlider]はレスポンシヴ・デザインにも対応した高性能なコンテンツ・スライダーです。 まずはサンプルをご覧ください。 jQuery bxSlider:サンプル・デモ 特徴は初心者でも簡単に設置で… 【jQuery】超簡単jQueryスライダー[bxSlider]の使い方。続きを読む →
- 【WordPress】独自プラグインを作成する方法。 今日紹介するのは、WordPress プラグインの簡単な作り方です。 手順は以下のとおり。 「wp-content/plugins/」の中、に任意の名前のフォルダを作成する。 オリジナルのプラグインのフォルダの中に「index.php」を作… 【WordPress】独自プラグインを作成する方法。続きを読む →
- 【jQuery】Manipulation API リファレンス 今日は備忘録を兼ねて[jQuery Manipulation API]のリファレンス一覧を紹介します。 [jQuery Manipulation API]とは DOM を操作する関数のこと。 [DOM]とは「Document Object … 【jQuery】Manipulation API リファレンス続きを読む →
- 【jQuery】iPhone や Android の反応速度向上のために「タッチイベント」を活用する方法。 スマートフォンサイトを作るとき、ちょっとした一手間を加えるだけで、驚くほどユーザビリティーが向上しますよ、というおハナシです。 その一手間とはズバリ、jQuery の「タッチイベント」を活用すること。 タッチイベントとは、その名のとおりスマ… 【jQuery】iPhone や Android の反応速度向上のために「タッチイベント」を活用する方法。続きを読む →
- 最新版の WordPress 4.0 がリリースされました。 遂に最新版の WordPress 4.0 がリリースされましたね! 今回のコードネーム「Benny」は、例のごとく著名なジャズ・ミュージシャンで、クラリネット奏者のベニー・グッドマンに由来するそうです。 特筆すべき新機能として以下の要素がフ… 最新版の WordPress 4.0 がリリースされました。続きを読む →
- 正しい[Copyright]の表記方法。 ネットサーフィンをしていると、ほぼすべてのウェブサイトに必ずと言っていいほど「Copyright」が記述されているのが目に留まると思います。 Copyright(コピーライト)とは著作権のことで、ウェブサイトはもちろん、映画や音楽、本や漫画… 正しい[Copyright]の表記方法。続きを読む →
- 【PHP】外部サイトのRSS情報を取得して表示させる方法。 昨日の記事で、[Google API を利用して外部サイトのRSS情報を取得して表示させる方法]を紹介しましたが、今回は同じ処理を PHP を用いて実装します。 以下、プログラムのコードはなるべくシンプルになるように徹しました。 <?… 【PHP】外部サイトのRSS情報を取得して表示させる方法。続きを読む →
- 【Google Feed API】外部サイトのRSS情報を取得して表示させる方法。 ※追記:2015年12月2日より Google Feed API がエラーを返すようになり、ここで紹介したコードが使えなくなりました。 代替案として PHP でプログラムを組む方法を紹介します。 PHP 使用版:コチラです。 以下、Goog… 【Google Feed API】外部サイトのRSS情報を取得して表示させる方法。続きを読む →