SVGによるシンプルなパターン背景を作るためのライブラリ・「Textures.js」 Textures.js Textures.jsはSVGで線や点を使ったシンプルなパターン背景を作るためのライブラリです。d3.jsを使ってビジュアライズされたデータの背景を作るために設計された様です。点はtextures.circle...2015.03.19 | 10時39分15秒
現在のURLに任意のパラメーターを付与する為のスクリプト・「url.js」 url.js url.jsは現在閲覧中のページのURLに任意のパラメーターを付与する為のスクリプトです。例えばといったURLをその場でのような任意のパラメーターを付与したり、削除する事も出来ます。汎用的なライブラリでは有りませんが痒い...2015.03.18 | 12時31分06秒
BootstrapよりもミニマルなCSSフレームワークを目指した・「SkyBlue CSS Framework」 SkyBlue CSS Framework SkyBlue CSS Frameworkは当初より肥大化したBootstrapに疑問を感じ、もう少しライトに使える事を目指したミニマルなCSSフレームワークです。必要最低限なコンポーネント...2015.03.15 | 11時45分06秒
jQueryを使った100のテクニックとサンプルコードを一括配布している・「jQuery Trickshots」 jQuery Trickshots jQuery TrickshotsはjQueryを使った100のテクニックとそのサンプルを配布するプロジェクトです。週1で届くTutorialzineのニュースレターを購読する事でダウンロード出来る...2015.03.13 | 12時00分14秒
WebGLを使って画像にエフェクトを与える為のJavaScriptライブラリ・「glfx.js」 glfx.js glfx.jsはWebGLを使用して画像を編集出来るようにする為のJSライブラリです。セピア加工やチルトシフト、ボケ、ノイズ効果などのエフェクトを与えることが出来ます。WebGLなので対応ブラウザが限られる為、すぐに実...2015.03.12 | 10時41分47秒
オープンソースのHTML5製ゲームエンジン・「Kiwi.js」 Kiwi.js Kiwi.jsはオープンソースとして公開されているHTML5製のゲームエンジンです。モバイルでもPCでも動くゲームコンテンツ構築の為に開発された様です。CanvasにもWebGLにも適しており、Cocoon.jsを併用...2015.03.11 | 11時08分47秒
llustratorで作成したAIファイルをHTMLにコンバートするスクリプト・「ai2html」 ai2html ai2htmlはAIファイルをHTMLに変換する為のスクリプトです。AIファイル内のオブジェクトを解析、処理してHTMLファイルにコンバートするみたいです。オプション機能としてコンバートの際に任意の拡張子への変更やjP...2015.03.09 | 11時30分24秒
CSSとテキストで作るローディングアニメーション・「Animated Type Loader」 Animated Type Loader Animated Type Loaderはテキストで作られたローディングを実装する為のCSSです。keyframesと:nth-of-typeを使ってspanでラップしたテキストを順番に表示さ...2015.03.05 | 11時31分21秒
フレキシブルでパワフルなRWD対応のSCSS/CSSフレームワーク・「BLACKHOLE」 BLACKHOLE BLACKHOLEは柔軟性とカスタマイズ性を重視したレスポンシブWebデザイン対応のSCSS/CSSフレームワークです。モジュール型で基本的には軽量なサイズを保てるように設計しているそうです。コンポーネントもひと通...2015.03.04 | 11時34分05秒
様々なシーンに対応可能なスマフォ対応のコンテンツスライダー・「Swiper」 Swiper Swiperは様々なシーンに対応可能なコンテンツスライダーです。スライダーのネスト化やカルーセル、3Dな遷移エフェクトなどの設定が可能でスマフォでのフリック操作にも対応しています。また、マウスホイール対応、オートプレイ化...2015.03.03 | 11時07分39秒
シングルページ向けに開発されたHTML&SASSなボイラープレート・「Rin」 Rin Rinはシングルページ向けに開発されたHTML/CSSフレームワークです。ランディングページや名刺サイトのような、所謂ペラサイトの構築と相性良さそうです。英語で書かれてますが開発者さんは日本の方(SANOGRAPHIX.NET...2015.03.01 | 12時09分02秒
input要素にシンプルなオートコンプリート機能を付加する軽量なスクリプト・「Awesomplete」 Awesomplete Awesompleteはinput要素にオートコンプリート機能を付加する為のJavaScriptです。カスタムデータ属性に候補として出すキーワードを設定する、という仕様なので使用するシーンは限られそうですが、そ...2015.02.27 | 11時00分05秒
Googleマテリアルデザインを導入したCSS/JSフレームワーク・「MUI」 MUI MUIはGoogleマテリアルデザインのガイドラインに沿ってデザインされたCSS/JavaScriptフレームワークです。基本的なコンポーネントも揃っていて直ぐに開発を始めることが出来ます。また、ReactJSやWeb Com...2015.02.20 | 11時18分19秒
HighCharts.jsとjqueryでtableをグラフ化するスクリプト・「jQuery HighchartTable」 jQuery HighchartTable jQuery HighchartTableはHighCharts.jsとjqueryを使ってHTMLで書いたtableのデータを自動でグラフにしてくれるスクリプトです。既存のtableにカス...2015.02.18 | 10時55分04秒
可愛らしいスタイルの日付ピッカーを実装するスクリプト・「DATEDROPPER」 DATEDROPPER DATEDROPPERは可愛らしいスタイルの日付ピッカーを実装するためのスクリプトです。jQueryに依存しています。よく見かける日付ピッカーはその月のカレンダーから選択するスタイルがほぼ定番ですが、こちらはス...2015.02.17 | 11時12分38秒
軽量でベーシックなCSSフレームワーク・「Open Style」 Open Style Open Styleは軽量でベーシックなタイプのCSSフレームワークです。normalize.cssを併用するみたいですね。SASS対応でグリッドシステム、エレメントのポジションサポート、背景への動画導入などが主...2015.02.16 | 11時34分26秒
OpenTypeやTrueTypeフォントをパース出来るスクリプト・「opentype.js」 opentype.js opentype.jsはOpenTypeやTrueTypeフォントをパースする為のJavaScriptライブラリです。パスや、メトリックスを調整する事でフォントを別の形状に変化させる事が出来る、というものっぽい...2015.02.14 | 10時15分18秒
デザイン性と柔軟性にフォーカスしたD3.jsベースのチャートライブラリ・「Taucharts」 Taucharts Tauchartsはデザイン性と柔軟性を重視したD3.jsベースのJSライブラリです。多くのチャートライブラリが見難いと感じた為、本職のデザイナーや情報視覚化の専門家の監修のもと、情報の整理、可視性が向上されたデザ...2015.02.10 | 11時31分32秒
フリックにも対応のレスポンシブなスライダーを実装出来るスクリプト・「Flickity」 Flickity Flickityはスマフォのフリック操作にも対応したレスポンシブなイメージスライダーの為のスクリプトです。非依存型ですが、jQueryを使ってセッティングのコードを簡略化する事も出来るように設計されているみたいです。...2015.02.09 | 12時20分32秒
ページ遷移にアニメーションエフェクトを付加するスクリプト・「Animsition」 Animsition Animsitionはページ遷移時にアニメーションエフェクトを加える事ができるJavaScriptです。jQueryに依存しています。エフェクトのセッティングはカスタムデータ属性で出来るので手軽に導入できそうです...2015.02.07 | 11時29分31秒
別アイコンにアニメーション付きで切り替える方法をまとめている・「MENU TO CROSS ICON」 MENU TO CROSS ICON MENU TO CROSS ICONは別アイコンにアニメーションエフェクト付きで切り替える方法を紹介しているWebサイトです。SVGやアイコンフォント、ユニコードと、CSS3やJavaScript...2015.02.05 | 10時42分14秒
GithubのリポジトリやGistのフィードを表示するスクリプト・「github-feed.js」 github-feed.js github-feed.jsはGithubのリポジトリやGistのフィードを表示するスクリプトです。jQueryに依存しています。シンプルで良いですね。Gistのタイトル部分はdescriptionの...2015.02.03 | 10時40分58秒