Googleがモバイルサイトの速度をテストできる新ツール「Test My Site」をリリース Googleがモバイルサイトの速度をテストできる新ツール「Text My Site」をリリースしました。GoogleはユーザーのWeb体験向上のために、ウェブ全... 検証・テスト速度アップ
人気のJavaScriptライブラリ、jQueryプラグイン35選 2016年に人気だったJavaScriptライブラリ、jQueryプラグインを紹介します。最近は、jQueryなどの外部ライブラリを必要とせず、単独で動作するも... JavaScriptまとめ
これは便利!エクセルの表をブログやサイトに張り付けられるHTML形式の表データに一発で変換できるツール エクセルの表をブログやサイトに載せたいことってありますよね。でも、Excelの表をそのままコピペしても、変なスタイルが付いてしまったり、スタイルを解除して貼り付... おすすめコーディングツール
CSSだけで実装するクリエイティブなローディングアニメーション20選 CSSを使って実装するローディングアニメーションを紹介します。以前はGIFアニメーションを使うことが多かったのですが、最近はCSSアニメーションで実装することが... まとめHTML+CSS
レスポンシブ対応のHTMLメールテンプレートを簡単作成、ダウンロードできるサイト「Pulp」 PulpPulpは、レスポンシブ対応のHTMLメールテンプレートを簡単作成、ダウンロードできるサイトです。HTMLメールはいろいろと制限があるので、オリジナルで... HTMLメールテンプレート
フレッシュで美しいデザインのHTMLテンプレート【無料・商用可】「Splash」 SplashSplashは、フレッシュで美しいデザインが特徴的な無料のHTMLテンプレートです。デザインの完成度が高く、スクロールした際の適度なアニメーション表... おすすめHTMLテンプレート
画像を使わずにCSSだけで30種類のローディングアニメーションを実装できる「Text Spinners」 Text SpinnersText Spinnersは、画像を使わずにCSSだけで30種類のローディングアニメーションを実装できるCSSライブラリです。Text... おすすめHTML+CSS
コピペで使えるCSSグラデーションのジェネレーター「Blend」 BlendBlendは、コピペで使えるCSSのグラデーションジェネレーターです。左側と右側、2色のカラーを選択します。カラーはカラピッカーから直感的に選択するこ... HTML+CSS
CSSだけでツールチップを実装できる「Wenk.css」(超軽量) Wenk.cssWenk.cssはCSSだけでツールチップを実装できるCSSライブラリです。gzipに圧縮すれば701バイトと超軽量です。必要十分な機能が備わっ... おすすめHTML+CSS
Mozillaのオンラインコーディングツール「Thimble」が予想以上に使いやすい Firefoxを開発しているMozillaから、リリースされているオンラインコーディングツールThimbleが予想以上に使いやすかったです。HTML、CSS、J... コーディングツール
ドル、円、ユーロ、ポンドなど155種類の通貨フォーマットに対応した軽量JSライブラリ「CurrencyFormatter.js」 CurrencyFormatter.jsは、ドル、円、ユーロ、ポンドなど155種類の通貨フォーマットに対応した軽量JSライブラリです。ドル、円、ユーロ、ポンドな... JavaScript
商用OKのアニメーション効果つき無料HTMLテンプレート「Personal」(PSDファイルセット) Personalは、商用OKのアニメーション効果つき無料HTMLテンプレートです。PSDファイルがセットになっているので、デザインの編集も自由です。グリッドベー... おすすめPSDテンプレートHTMLテンプレート
iFrameやVideoなど非レスポンシブ要素をレスポンシブ対応に変えるJSプラグイン「Reframe.js」 Reframe.jsは、iFrameやVideoなど非レスポンシブ要素をレスポンシブ対応に変えることができるJavaScriptプラグインです。YouTubeの... JavaScript
CSSとJSで実装するおしゃれな五輪リング CSSとJSで実装したおしゃれな五輪リングです。アニメーションの動作はデモページで確認できます。実装方法HTMLSVGを使います。<div class="con... JavaScriptHTML+CSS
Google Mapを自由にカスタマイズして生成されたコードをコピペで利用きるオンラインツール『EZ MAP』 Google Mapを自由にカスタマイズして、生成されたコードをコピペで利用することができるオンラインツールを紹介します。Google Mapを自由にカスタマイ... JavaScript便利ツール
キャンペーンサイトに使えそう!<CANVAS>タグを使った画像のスクラッチ表現 <canvas>タグを使った、画像のスクラッチ表現を紹介します。キャンペーンサイトに使えそう!<CANVAS>タグを使った画像のスクラッチ表現Scratch R... JavaScriptHTML+CSS
このクオリティで無料だなんて!シングルページサイトのPSD/HTMLテンプレート『Global』 無料で使える高品質なシングルページサイトのPSD、HTMLテンプレートを紹介します。このクオリティで無料だなんて!シングルページサイトのPSD/HTMLテンプレ... おすすめPSDテンプレートHTMLテンプレート
YouTubeのようなHTML5動画プレイヤーを実装することができるJSライブラリ「Video.js」 YouTubeのようなHTML5動画プレイヤーを実装することができるJSライブラリを紹介します。YouTubeのようなHTML5動画プレイヤーを実装することがで... おすすめJavaScript
jQueryに依存しない、軽量、高機能、おしゃれな画像ギャラリーのJSライブラリ「lightgallery.js」 jQueryに依存しない、軽量、高機能、おしゃれな画像ギャラリーを実装することができるJSライブラリを紹介します。lightgallery.jsは、画像ギャラリ... おすすめJavaScript
mo.jsを使ってクリエイティブなモーショングラフィックを実装しよう! mo.jsはモーショングラフィックを実装することができるJSライブラリです。パワフルで、クリエイティブなモーションを実装することができます。まずは、mo.jsの... おすすめJavaScript
世界中の国旗をCSSとdivタグだけで実装する「CSS Flags」 CSS Flagsは、CSSとdivタグだけで、世界中の国旗を実装するプロジェクトです。世界251ヶ国の国旗が紹介されています。もちろん、日本の国旗もあります。... HTML+CSS