コーディング

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」

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

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

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

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

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

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

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

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

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

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

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

ドル、円、ユーロ、ポンドなど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で実装したおしゃれな五輪リングです。アニメーションの動作はデモページで確認できます。実装方法HTMLSVGを使います。<div class="con...

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

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

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

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

このクオリティで無料だなんて!シングルページサイトの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.jsの...

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

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