コーディング

Googleがモバイルサイトの速度をテストできる新ツール「Test My Site」をリリース

Googleがモバイルサイトの速度をテストできる新ツール「Text My Site」をリリースしました。 GoogleはユーザーのWeb体験向上のために、ウェブ...

人気のJavaScriptライブラリ、jQueryプラグイン35選

2016年に人気だったJavaScriptライブラリ、jQueryプラグインを紹介します。 最近は、jQueryなどの外部ライブラリを必要とせず、単独で動作する...

これは便利!エクセルの表をブログやサイトに張り付けられるHTML形式の表データに一発で変換できるツール

エクセルの表をブログやサイトに載せたいことってありますよね。 でも、Excelの表をそのままコピペしても、変なスタイルが付いてしまったり、スタイルを解除して貼り...

CSSだけで実装するクリエイティブなローディングアニメーション20選

CSSを使って実装するローディングアニメーションを紹介します。以前はGIFアニメーションを使うことが多かったのですが、最近はCSSアニメーションで実装することが...

レスポンシブ対応のHTMLメールテンプレートを簡単作成、ダウンロードできるサイト「Pulp」

Pulp Pulpは、レスポンシブ対応のHTMLメールテンプレートを簡単作成、ダウンロードできるサイトです。 HTMLメールはいろいろと制限があるので、オリジナ...

フレッシュで美しいデザインのHTMLテンプレート【無料・商用可】「Splash」

Splash Splashは、フレッシュで美しいデザインが特徴的な無料のHTMLテンプレートです。 デザインの完成度が高く、スクロールした際の適度なアニメーショ...

画像を使わずにCSSだけで30種類のローディングアニメーションを実装できる「Text Spinners」

Text Spinners Text Spinnersは、画像を使わずにCSSだけで30種類のローディングアニメーションを実装できるCSSライブラリです。 Te...

コピペで使えるCSSグラデーションのジェネレーター「Blend」

Blend Blendは、コピペで使えるCSSのグラデーションジェネレーターです。 左側と右側、2色のカラーを選択します。カラーはカラピッカーから直感的に選択す...

CSSだけでツールチップを実装できる「Wenk.css」(超軽量)

Wenk.css Wenk.cssはCSSだけでツールチップを実装できるCSSライブラリです。gzipに圧縮すれば701バイトと超軽量です。 必要十分な機能が備...

Mozillaのオンラインコーディングツール「Thimble」が予想以上に使いやすい

Firefoxを開発しているMozillaから、リリースされているオンラインコーディングツールThimbleが予想以上に使いやすかったです。 HTML、CSS、...

ドル、円、ユーロ、ポンドなど155種類の通貨フォーマットに対応した軽量JSライブラリ「CurrencyFormatter.js」

CurrencyFormatter.jsは、ドル、円、ユーロ、ポンドなど155種類の通貨フォーマットに対応した軽量JSライブラリです。 ドル、円、ユーロ、ポンド...

商用OKのアニメーション効果つき無料HTMLテンプレート「Personal」(PSDファイルセット)

Personalは、商用OKのアニメーション効果つき無料HTMLテンプレートです。PSDファイルがセットになっているので、デザインの編集も自由です。 グリッドベ...

iFrameやVideoなど非レスポンシブ要素をレスポンシブ対応に変えるJSプラグイン「Reframe.js」

Reframe.jsは、iFrameやVideoなど非レスポンシブ要素をレスポンシブ対応に変えることができるJavaScriptプラグインです。 YouTube...

CSSとJSで実装するおしゃれな五輪リング

CSSとJSで実装したおしゃれな五輪リングです。 アニメーションの動作はデモページで確認できます。 実装方法 HTML SVGを使います。 <div class...

Google Mapを自由にカスタマイズして生成されたコードをコピペで利用きるオンラインツール『EZ MAP』

Google Mapを自由にカスタマイズして、生成されたコードをコピペで利用することができるオンラインツールを紹介します。 Google Mapを自由にカスタマ...

キャンペーンサイトに使えそう!<CANVAS>タグを使った画像のスクラッチ表現

<canvas>タグを使った、画像のスクラッチ表現を紹介します。 キャンペーンサイトに使えそう!<CANVAS>タグを使った画像のスクラッチ表現 Scratch...

このクオリティで無料だなんて!シングルページサイトのPSD/HTMLテンプレート『Global』

無料で使える高品質なシングルページサイトのPSD、HTMLテンプレートを紹介します。 このクオリティで無料だなんて!シングルページサイトのPSD/HTMLテンプ...

YouTubeのようなHTML5動画プレイヤーを実装することができるJSライブラリ「Video.js」

YouTubeのようなHTML5動画プレイヤーを実装することができるJSライブラリを紹介します。 YouTubeのようなHTML5動画プレイヤーを実装することが...

jQueryに依存しない、軽量、高機能、おしゃれな画像ギャラリーのJSライブラリ「lightgallery.js」

jQueryに依存しない、軽量、高機能、おしゃれな画像ギャラリーを実装することができるJSライブラリを紹介します。 lightgallery.jsは、画像ギャラ...

mo.jsを使ってクリエイティブなモーショングラフィックを実装しよう!

mo.jsはモーショングラフィックを実装することができるJSライブラリです。 パワフルで、クリエイティブなモーションを実装することができます。 まずは、mo.j...

世界中の国旗をCSSとdivタグだけで実装する「CSS Flags」

CSS Flagsは、CSSとdivタグだけで、世界中の国旗を実装するプロジェクトです。 世界251ヶ国の国旗が紹介されています。 もちろん、日本の国旗もありま...