jQueryやMootoolsとほぼ同等の機能を持った、パブリックドメインの軽量JavaScriptライブラリ・Minified.js
ちょっと気になったので備忘録。jQueryやMootools、ZeptなどのJavaScriptライブラリとほぼ同じ機能で、且つ軽量なライブラリのようです。一覧表を見る限りでは完全互換では無いようです。
Webデザイン
要素のドラッグ&ドロップを可能にするZeptoのプラグイン・HTML5 Drag & Swap Zepto Plugin
D&Dを可能にするZeptoのプラグインのご紹介。スマフォ向けに開発されたjQuery互換のライブラリ、Zeptoをコアとしてドラッグ&ドロップを実装するスクリプトです。
アイコンを表示させる際にSVGスプライトとPNGのどちらが重いかをテストした動作サンプル
SVGで書いたアイコンとPNGとで、どちらが重いかを調べた動作サンプルがあったので備忘録としてメモします。当然と言えば当然なんですけど、実際に見てみるとなんとも言えない気分になります・・
要素をフリップさせるためのライブラリ・Flippant.js
要素をフリップ（回転）させるためのライブラリのご紹介。CSS3の記事なんかでたまに見かけますね。使用シーンは限られそうですけど動きは面白いです。
Webサイトにツアーコンテンツを実装するjQueryプラグイン・jQuery TourBus
Webサイトツアーを実装できる、というスクリプトのご紹介。jQueryに依存します。よくある類のものと変わりませんが個人的に使いやすい印象だったので備忘録として。
select要素の使い勝手を向上させる（かもしれない）UIを実装するスクリプト・Selectize.js
select要素の使い勝手を良くする事が出来るかもしれないスクリプトのご紹介。モノによっては逆に分かりにくくなりそうなので使いどころを気をつける必要がありそうです。
動画やGoogleマップにも対応した軽量なモーダルウィンドウを実装するjQueryプラグイン・Pop Easy
使いやすそうなモーダルウィンドウのスクリプトがあったので備忘録。VimeoやGoogleマップにも対応しており、ファイル自体も圧縮版で2KB程度と軽量なのも嬉しいですね。
tableの幅をドラッグでリサイズ出来るようにするスクリプト・jQuery Resizable Column
table要素の幅をドラッグでリサイズ出来る様にする、というスクリプトのご紹介です。用途は少なそうですけど、テーブルの内容次第では便利かも。
要素を自動でセンタリングさせる為のスクリプト・Midway.js
要素をセンタリングさせる為だけのスクリプトです。CSSだけでも出来る事は出来るので無くても困りませんけど・・軽量で手軽に使えるのであっても困らないのでメモ的に。
Bootstrap向けの、select要素の複数選択を分かりやすくするjQueryプラグイン・Bootstrap Multiselect
Twitter Bootstrap向けに作られた、select要素の複数選択を分かりやすくするjQueryのプラグインのご紹介。個人的にBootstrapの使用率が減りましたので利用させてもらう機会は無いかもですけど・・
PCサイトではタブによる切り替え、スマフォ等ではアコーディオンで実装できるスクリプト・Easy-Responsive-Tabs-to-Accordion
必要になりそうだったのでメモ。通常のPCサイトではタブ、スマフォ等の画面の狭いデバイスではアコーディオンで実装するスクリプトのご紹介です。jQuery依存になります。
WYSIWYGエディタを実装するjQueryプラグイン・jQuery TE
WYSIWYGを実装するjQueryのプラグイン、jQuery TEのご紹介です。WYSIWYGエディタの割に軽量との事です。触って見たいけど時間無いので備忘録的にメモ。
商用でも無料の、合字を利用してアイコンを実装するWebフォント・MONO SOCIAL ICONS FONT
合字を利用してアイコンを表現できるWebフォント・MONO SOCIAL ICONS FONTのご紹介です。Open Font License(OFL)なので商用でも無料で利用する事が出来ます。
様々なシンボルアイコンを毎日1つ無料配布するプロジェクト・YEAR OF ICONS
様々なシンボルアイコンを毎日1つ、無料で配布するプロジェクト・YEAR OF ICONSのご紹介です。ライセンスは同梱されていますのでご確認下さい。
PCではマウスホバー、スマフォではタップで動作するレスポンシブなドロップダウンメニューを実装するjQueryプラグイン・FlexNav
レスポンシブWebデザイン対応サイト向けのドロップダウンメニューを実装する為のスクリプト・FlexNavのご紹介です。なかなか使い勝手も良さそうな印象でした。
商用でも無料の、凄くシンプルなアイコンのセット・Simplicity Vector Icon Set
凄くシンプルなアイコンが好みだったので備忘録。商用でも無料で利用出来るそうです。ファイルもPNGの他にPSDが同梱されていますので調整しやすいのでは。
新Gmailライクな、オーバーレイを利用したシンプルなWebサイトツアーっぽいのを実装するスクリプト・Chardin.js
なかなか良さそうだったので備忘録。最近GmailでUIが少し変更されましたが、その際に使い方をオーバーレイで教えてくれるようになっていました。そんなシンプルなサイトツアーを実装できる、というスクリプトです。
その日あったニュースをアイコンのデザインで伝えるニュースサイト・icons times
ユニークなサイトがあったのでご紹介。その日あったニュースをアイコンのデザインで伝える、というニュースサイト・icons timesです。アイコン作成のヒントになる・・かもしれない。
画像をFacebookやTwitter等のソーシャルサービスに投稿できる様にするjQueryプラグイン・Slingpic
画像のみをシェア出来るようにするjQueryのプラグイン、というかWebサービスのご紹介です。プラグインではあるんですけどCDNで提供している、みたいなやつ。
チェックボックスとラジオボタンをスタイリングする為のjQueryプラグイン・iCheck.js
checkboxesとradioボタンをスタイリングするjQueryのプラグインです。カスタマイズ性に優れており、使い方も手軽そうだったので備忘録的にご紹介します。
実践しながらjQueryを学べるオンライン学習サイト・Try jQuery
実際にコードを書いて学べる学習コンテンツ・Try jQueryのご紹介です。jQuery公式のオンライン学習サイトっぽいですね。英語ですけどこれから学ぼうという方にはうってつけかもしれません。
Twitter BootstrapをベースとしたフラットなデザインのUIキット・Flat UI
Twitter Bootstrapベースに作られたシンプルでフラットなデザインのUIキット・Flat UIのご紹介。今年はこの手のスタイルよく見かけますけど、確かに見やすいですね。