CDN

テクノロジー

jQueryプラグイン「iziModal.js」でモーダルウィンドウをもっとオシャレに!

今やBootstrapなどのCSSフレームワークを利用するのが当たり前な時代です。欲しい機能がほとんど詰まっているので、つい全ての機能をそれに頼って使っています。しかし、それぞれの機能にスポットを当ててみると、もっとオシャレに演出できるj...
テクノロジー

画像を自由にトリミングできるjQueryプラグイン「Cropper」

よくWEBサービスで、プロフィールなどを作成する際にアバター画像をアップロードすることがあります。その時に、そのサイトが指定する幅や高さに合わせるために、縦横比を合わせて強制的にカットする場合もありますが、親切なサイトだとその場でトリミン...
テクノロジー

JavaScriptで画像アップロード時にサムネイルを表示させる方法

<input type="file">で画像をアップロードする際、特に複数ある場合にファイル名だけでは、正直何をアップロードしようとしているのか確認できません。そこで、JavaScriptとWeb APIのFileReader...
テクノロジー

jQuery Validationプラグインの共通エラーメッセージを日本語化する方法

jQueryのバリデーションプラグインの中で3本指に入る(と勝手に思っている)jQuery Validationプラグインを日本語化する方法をご紹介。 ちなみに、3本指のあとの2本は、jQuery Validation EngineとBoo...
テクノロジー

テーブルで並び替え・検索するなら「DataTables」か「Tablesorter」の2強!

一覧系の画面で検索やページャー、ソート機能を付ける際は、SQLを利用したサーバー側との通信が発生すると思います。Ajaxを利用した非同期通信もありますが、通信するとどうしても遅くなります。今回紹介するjQueryのプラグインは、最初に一覧...
テクノロジー

あらゆるデータを可視化するJavaScriptライブラリ「D3.js」最強説

Adobe Flashが衰退していく中、WEB上での描画に関して最も優秀なJavaScriptライブラリとして今回紹介したいのが、「D3.js」です。 タイトルに「データを可視化する」と書くと、データをグラフ化すると捉えがちですが、D3.j...
テクノロジー

CDNでWEBサイトを高速化!CDNを利用する場合のメリットとデメリット

近年、特にスマホなどの回線の細い端末では、高速化することが重要視されるようになり、CDNの存在がが広まって認知されるようになってきています。私もCDNを利用する機会が増え、WEBサイトの高速化だけでなく開発が少し楽になったと感じています。...
テクノロジー

「Noto Sans CJK JP」フォントをサブセット化して配布中!

Googleが提供している人気のWebフォント「Noto Snas CJK JP」をサブセット化し、現在GitHubにて配布しています!今回はをサブセット化する方法と、CSSでフォントファイルを読み込む方法をご紹介します。 サブセッ...
タイトルとURLをコピーしました