HTMLタグの閉じ忘れをチェックするブックマークレット タグ対応をチェック
タグ対応をチェックはHTMLタグの閉じ忘れをチェックするブックマークレットです。 ブックマークしたリンクをクリックするだけで、HTMLタグがきちんと閉じられてい...
コーディング
CSSでパーセント指定の要素を天地左右中央に表示する方法
CSSでパーセント指定された要素を天地左右中央に表示する方法を紹介します。 幅や高さが決まっている要素ならば簡単に配置できますが、最近はレスポンシブ対応のため、...
ファビコンの上に数字アラートを表示するjsライブラリ Tinycon
Tinyconはファビコンの上に数字アラートを表示するjsライブラリです。 アイコンに新着メッセージ数などを表示したいときに使えます。 Gmailにも未読数をア...
Chromeのデベロッパーツールでキャッシュの有効期限を調べる方法
Webサイトの高速化のために、キャッシュの有効期限を設定することが増えてきました。サーバーや.htaccessで設定を行いますが、設定できたかどうか、どのように...
サイトの速度を測定してスコアを表示できる Google PageSpeed Insights
Google PageSpeed Insightsはサイトの速度を測定してスコアを表示できるサービスです。 URLを入力すると、サイトを解析して、スコアと修正点...
背景動画をすぐに実装できるjQueryプラグイン VIDE
VIDEは背景動画をすぐに実装できるjQueryプラグインです。 背景に動画を使ったサイトが増えてきましたね。VIDEを使えば、本当にサクッと実装できちゃいます...
WordPressでYouTube、Vimeo動画をレスポンシブ対応させるためのCSS
※2016/03/17 WordPressの埋め込み表示の仕様が変わったので、最新版に合わせてCSSを更新しました。最新の情報は下記の記事をご覧ください。 最近...
背景いっぱいに画像や動画のスライドショーを表示できるjQueryプラグイン Vegas Background SlideShow
Vegas Background SlideShowは背景いっぱいに画像や動画のスライドショーを表示できるjQueryプラグインです。 背景として設定できるので...
無料でいい感じのHTMLメールを簡単に作ることができる
BeeFreeは無料でいい感じのHTMLメールを簡単に作ることができるサービスです。 コーディングの知識は不要です。テンプレートを選んで、用意されているパーツを...
レスポンシブ対応のオシャレなlightbox Strip – A Less Intrusive Responsive Lightbox
Stripはレスポンシブ対応のオシャレなlightboxです。 デザインがスタイリッシュで、余計な装飾が無いので、いろいろなサイトに使えます。 ↓写真をクリック...
画像をもっと軽くしよう！おすすめ画像圧縮サービス3選
Photoshopの画像圧縮よりも、専用ツールを使った方が圧縮率が高く、仕上がりも綺麗です。 レスポンシブ対応のサイトでは、容量の大きい写真を圧縮しておかないと...
ランディングページに使えるHTMLテンプレート
Appi – App Landing Pageはランディングページに使えるHTMLテンプレートです。 無料で利用できます。 アプリやサービス、製品の紹介におすす...
無料で使えるBootstrapテンプレート集
Start Bootstrapは無料で利用できるBootstrapのHTMLテンプレート集です。高品質なテンプレートが揃っています。 ライセンスはApache ...
軽量でめちゃくちゃ使いやすいアニメーションCSS Animate.css
Animate.cssは、軽量でめちゃくちゃ使いやすいアニメーションCSSです。 シンプルで、動きが綺麗です。実装も簡単です。 オリジナルデモを作ってみました。...
初心者から上級者まで役に立つjavascriptのチュートリアル3選
Web初心者でもGoogle Mapsをカスタマイズできるgmaps.jsでAPIを使い倒そう！ Google MapsのAPIを使いやすくしたライブラリーgm...
レスポンシブWebデザインに役立つチュートリアル
レスポンシブWebデザインに役立つチュートリアルを紹介します。 テーブルレイアウトのコツ レスポンシブで一番困るのは、テーブルレイアウトです。その解決策を複数紹...
ジムのサイトに使えるペライチページのHTMLテンプレート
Cardioはジムのサイトに使えるペライチページのHTMLテンプレートです。 細かなアクションなど、作りこみがしっかりとしています。 HTMLテンプレートなので...
iPhoneアプリの紹介ページに使えるHTMLテンプレート
LandyはiPhoneアプリの紹介ページに使えるHTMLテンプレートです。 アプリを作ったら、紹介ページも用意したいですよね。 でも、アプリ開発に力を入れたい...
レストランやカフェのWebサイトに使えるHTMLテンプレート
Cafe & Restaurant Free Website TemplatesはレストランやカフェのWebサイトに使えるHTMLテンプレートです。 無料で利用...
63種類のレスポンシブ対応HTMLテンプレートを19ドルでダウンロードできる
Pixelarityは63種類のレスポンシブ対応HTMLテンプレートを19ドルでダウンロードできる、HTMLテンプレート配布サイトです。 HTMLテンプレートな...
すぐに使えるHTML5のパララックステンプレート
LandedはパララックスのHTMLテンプレートです。HTMLテンプレートなので画像やテキストを差し替えるだけですぐに使うことができます。 レスポンシブ対応でP...