画像に使われている色を抽出して、背景色を自動設定できるjQueryプラグイン「adaptive-backgrounds.js」
画像に使われている色を抽出して、背景色を自動設定できるjQueryプラグインを紹介します。 jquery.adaptive-backgrounds.js jqu...
コーディング
シンプルで使いやすい！アプリのランディングページテンプレート（商用可、無料）
シンプルで使いやすいアプリランディングページのテンプレートを紹介します。 Awesome App Landing Page Awesome App Landin...
headタグ内で使われるmetaタグ、linkタグ全網羅。
GitHubにheadタグ内で使われる100種類以上のエレメントが紹介されています。 HEAD CC0ライセンスのパブリック・ドメインとして公開されています。一...
これは便利！Flexboxレイアウトを簡単に実装することができるCSSライブラリ「Flex Layout Attribute」
Flexboxレイアウトを簡単に実装することができるCSSライブラリを紹介します。 Flex Layout Attribute Flexboxレイアウトを使う機...
動画を背景にフルスクリーンで表示できるJSライブラリ「bideo.js」
動画を背景にフルスクリーンで表示できるJSライブラリを紹介します。 bideo.js 背景に動画を表示するサイトが増えています。動画はユーザーの目を楽しませたり...
select要素のoptionをポップアップ選択できるUIを実装するjQueryプラグイン PopSelect
select要素のoptionをポップアップ選択できるUIを実装するjQueryプラグインを紹介します。 PopSelect PopSelectはselect要...
Bootstrapユーザーなら持っておきたい！コピペで使える便利なチートシート「Bootstrap 4 Cheat Sheet」
コピペで使えるBootstrapの便利なチートシートを紹介します。 Bootstrap 4 Cheat Sheet Bootstrap 4 Cheat Shee...
最近のWebサイトでよく見かける表現を実装できるJSライブラリ・チュートリアルまとめ
ユニークなタイムピッカーや画面遷移アニメーション、WebGLを使った陽炎エフェクトからプッシュ通知の実装まで、最近のWebサイトでよく見かける表現を実装できる注...
Chart.jsを使って、棒グラフ、折れ線グラフ、レーダーチャート、円グラフを表示しよう！（サンプル・解説付き）
Chart.jsはWebサイトにグラフを表示することができる、便利なライブラリです。 グラフ表示用のライブラリは色々とありますが、Chart.jsは軽量で、高機...
コピペで実装できるHTML/CSSスニペット、チュートリアルまとめ
コピペで実装できる今月注目のHTML/CSSスニペット、チュートリアルを紹介します。最近のWebサイトで見かける気持ちのいいインタラクションや面白い動きを実装で...
スタイリッシュで高機能、しかもシンプルで使いやすいHTML5メディアプレイヤー「Plyr.js」
スタイリッシュで高機能、しかもシンプルで使いやすいHTML5メディアプレイヤーを紹介します。 Plyrは、シンプルで高機能なHTML5メディアプレイヤーです。 ...
予算がなくても大丈夫。無料で使えるカミングスーンページのテンプレート9個まとめ
サービス公開前に、事前告知として用意するカミングスーンページ。メインのプロジェクトに注力したいときに、カミングスーンページの作成には時間、コストをかけられないと...
サイトの品質をチェックできるオンラインツール13選
写真: GRATISOGRAPHY Webサイトの品質をチェックできるオンラインツールを紹介します。 サイトの構築、運用にはたくさんの手間と時間がかかり、注意を...
新しくなったGoogleモバイルフレンドリーテストツールで、スマホサイトの対応状況をテストしよう。
スマホサイトの対応状況をテストできる、Googleのモバイルフレンドリーテストツールが新しくなりました。 Search Console モバイル フレンドリー ...
Flexbox内のテキストを一行表示にして余った文字を省略表示する方法
flexbox内のテキストを一行表示にして、横幅を縮めたときに余った文字を省略表示する方法を紹介します。 通常は簡単に実装できるのですが、テキストが子要素の中に...
SVGフィルターを使ってボタンにオリジナリティのある動きを実装するチュートリアル
CordropsにSVGフィルターを使ってボタンにオリジナリティのある動きを実装するチュートリアルが掲載されていました。 素敵なエフェクトなので、実装方法とあわ...
jQueryプラグイン「editableTableWidget」を使って、Table内のテキストのリアルタイム編集を可能にする方法
editableTableWidgetというjQueryプラグインを使用して、Table内のテキストのリアルタイム編集を可能にする方法を紹介します。 まずはこち...
Flexboxを使ったコードスニペット集 Flexbox Patterns
Flexboxを使ったコードスニペット集を紹介します。 Flexbox PatternsはFlexboxを使ったコードスニペットを集めたサイトです。 Flexb...
美しく機能的な日付入力、時刻入力を実装できるJSライブラリまとめ
シンプルで機能的な日付入力（日付ピッカー）、時刻入力を実装できるJavaScriptライブラリ、14個を紹介します。jQueryプラグインの他に、Angular...
レスポンシブ対応のグリッドレイアウトを簡単に実装できるテンプレート Gridfolio
レスポンシブ対応のグリッドレイアウトを簡単に実装できるテンプレートを紹介します。 Gridfolioを使えば、簡単にレスポンシブ対応のグリッドレイアウトを実装す...
最新のフリーHTMLテンプレート5選
今月注目の最新HTMLテンプレートを紹介します。 アプリの紹介ページに使える、シンプルなランディングページ用のテンプレート(PSD + HTML) New Pr...