グルーピングや入れ子、RWDにも対応の、エレメントの高さを揃えるスクリプト・「jquery.matchHeight.js」 jquery.matchHeight.js jquery.matchHeight.jsは様々な状況に対応可能な、エレメントの高さを揃えるスクリプトです。jQueryに依存しています。グルーピングされた要素やネストされた要素内のエレメン...2014.06.15 | 10時13分26秒
利用されているWebフォント名と、そのフォントの表示テストを行えるブックマークレット・「Type Sample」 Type Sample Type SampleはWebサイトの各エレメントで設定されているWebフォントの名前と、そのフォントを任意のテキストで表示テスト出来るブックマークレットです。任意のWebサイトで起動すると、各要素にカーソルを...2014.06.14 | 11時06分50秒
Webサイトにシンプルなスクロールエフェクトを追加できるスクリプト・「ScrollMe」 ScrollMe ScrollMeはWebページにシンプルなスクロールエフェクトを追加する為のスクリプトです。jQueryに依存しています。特別な設定は必要なく、スクリプトを読み込んで指定のclassを追加、エフェクトを追加したい要素...2014.06.13 | 10時20分46秒
デスクトップ/モバイル向けのHTML5製ゲームフレームワーク・「Phaser」 Phaser Phaserはモバイル/デスクトップ向けのHTML5製の2Dゲームフレームワークです。pixi.jsを使うことでCanvasやWebGLのレンダリングもサポート可能との事。大量の動作サンプルが用意されていますのでご興味の...2014.06.11 | 10時25分02秒
複数のチャートを連動させる多次元チャートライブラリ・「dc.js」 dc.js dc.jsは複数のチャートを連動させる多次元チャートライブラリです。例えば円グラフの任意の場所をクリックすると、他のグラフがその箇所に応じたデータに変化します。デモをご確認頂いたほうが早いかもしれません。複雑なデータの可視...2014.06.10 | 10時26分41秒
多数のコンポーネントが備わったCSSフレームワーク・「Maxmertkit」 Maxmertkit Maxmertkitはタイポグラフィやテーブル、ボタンやタブなどなどWebサイトに必要なコンポーネントを大量に備えたCSSデザインフレームワークです。RWDにも対応しています。Bootstrapのような使い方が出...2014.06.09 | 10時20分15秒
難読化されたJavaScriptコードを見やすく整形する・「JS NICE」 JS NICE JS NICEは難読化されたコードを読みやすく整形するツールです。ただ整形するだけでなく、ローカル変数の名前を変更する事も可能みたい。沢山のOSSから規則性を学習したプログラム解析技術を利用しており、適切な変数名を提案...2014.06.08 | 10時22分58秒
WordPressでメガメニューを実装出来るプラグイン・「JQuery Mega Menu Widget」 JQuery Mega Menu Widget JQuery Mega Menu WidgetはWordPressでメガメニューを実装できるプラグインです。ECサイトのような大量のコンテンツを持つWebサイトでもユーザーが迷いにくいナ...2014.06.07 | 10時26分07秒
モバイルファーストなUIコンポーネントのコレクション・「Titon Toolkit」 Titon Toolkit Titon ToolkitはモバイルファーストなUIコンポーネントのコレクションです。レイアウトやエフェクト、パンくずやボタン等のエレメントからアコーディオンやタブなどのモジュールまで様々。ボリュームも結構...2014.06.06 | 10時20分50秒
大量のデータもフィルタリング可能なデータテーブルを実装するjQueryプラグイン・「jQuery DataTables」 jQuery DataTables jQuery DataTablesは大量のデータも高速でフィルタリングしてくれるデータテーブルを実装するスクリプトです。jQueryに依存しています。動作デモでは、10万以上あるデータから瞬時にフィ...2014.06.04 | 10時37分00秒
Google+スタイルのBootstrap・「Bootplus」 Bootplus BootplusはGoogle+スタイルのBootstrapテーマキットです。各コンポーネントもGoogle+を彷彿とさせるUIに仕上がっていました。なかなか素敵。ライセンスはフッターに記載されていますのでご利用の際...2014.06.03 | 13時53分28秒
モバイル/デスクトップWebアプリ向けのリッチなUIを構築できるJavaScriptフレームワーク・「Webix」 Webix WebixはJavaScript、CSS、HTML5を使用した、インタラクティブなWebアプリケーションを構築するためのUIフレームワークです。クロスブラウザ、クロスデバイスとの事ですが、どれくらい対応しているかはちょっと...2014.06.02 | 11時02分49秒
日本語にも対応した、入力したテキストを音声ファイルでダウンロードできる・「Sound of Text」 Sound of Text Sound of Textは入力したテキストを音声に変換、MP3でダウンロードできるWebサービスです。多数言語に対応しているのが凄い。日本語もあり、何回かテストしてみましたが、十分実用可能なクオリティでし...2014.06.01 | 10時30分55秒
PhotoshopやBlender等のショートカットマップ・「Application Shortcut Mapper」 Application Shortcut Mapper Application Shortcut MapperはPhotoshopやBlender等のアプリのショートカットキーマップ。OSやアプリを選択すると、それぞれに割り当てられて...2014.05.31 | 10時33分04秒
クリッカブルな日本地図を実装するjQueryプラグイン・「Japan Map」 Japan Map Japan Mapは日本のクリッカブルマップを実装できるスクリプトです。都道府県だけでなく、地域でグループ化も出来るみたい。これは覚えておくと良さそうです。ライセンスはMITとの事。 Japan Map2014.05.30 | 11時56分39秒
ログイン画面やショッピングカート等の実装コードを配布する・「Cody」 Cody Codyはログイン画面やショッピングカートなど、Webプロジェクトでよく必要になるコンテンツのコードを配布するWebサイトです。現在配布されているものはRWDにも対応していますのでコンテンツにマッチしてれば工数を減らせるかも...2014.05.29 | 10時00分57秒
シンプルでミニマルなOSSのオンラインMarkdownエディタ・「Minimalist Online Markdown Editor」 Minimalist Online Markdown Editor Minimalist Online Markdown EditorはシンプルなMarkdownエディタです。特別な機能も一切なく、単純に左カラムで書くと右カラムに出力...2014.05.28 | 10時25分21秒
ネイティブアプリライクなWebアプリを実装する為のUIライブラリ・「App.js」 App.js App.jsはネイティブアプリのようなルック&フィールを持ったモバイルWebアプリを実装する為のUIライブラリです。軽量で対応幅も広そうな印象でした。ライセンスはMITとの事。まだ触ってないので何とも言えませんが、ちょっ...2014.05.27 | 10時19分04秒
Tumblrのオリジナルテーマを作成する為のHTML5製テンプレート・「tumblr boilerplate」 tumblr boilerplate tumblr boilerplateはTumblrのオリジナルテーマを作成するためのスターターテンプレートです。HTML5で作られています。装飾は一切なく、よく利用されるタグが概ね用意されています...2014.05.26 | 10時30分42秒
Webデザイナーの為のキュレーションサービス・「oozled」 oozled oozledはWebデザイナー向けのキュレーションサービスです。RWDやJS、CSS、Photoshop、モックアップツールやテキストエディタ、タイポグラフィなどなど様々なカテゴリが用意されています。無駄な情報もなく、シ...2014.05.25 | 10時07分05秒
手軽にガイドとグリッドを追加できるPhotoshop拡張・「Griddify」 Griddify Griddifyは自動でグリッドやガイドを追加できるPsプラグインです。幅やグリッドの数値を設定するだけで引いてくれます。また、範囲内で引くことも可能のようです。動画が分かりやすいのでチェックしてみては如何でしょうか...2014.05.24 | 10時20分25秒
電車の乗り換えマップを作成できるJavaScriptライブラリ・「transitive.js」 transitive.js transitive.jsはトランジットマップを作成できるライブラリです。デモではマウスで動かせます。SVGで描いてドラッグで動かせるようにしてるみたいですね。徒歩経路も自動で付いてきてくれます。需要はとも...2014.05.23 | 11時15分18秒