can I useの特定の項目のブラウザ対応表をWebサイトに埋め込める・「The (Unofficial) CanIUse Embed」 The (Unofficial) CanIUse Embed Can I Use transforms3d? Data on support for the transforms3d feature across the maj...2016.04.08 | 10時32分38秒
Webアプリ向けに設計された非依存型で軽量なツールチップ実装スクリプト・「Popper.js」 Popper.js Popper.jsは常に見やすい状態に維持してくれるツールチップ実装スクリプトです。圧縮版で3.5KBと軽量且つ非依存型で単体で動作してくれます。うまく説明出来ませんが、任意のコンテナにツールチップを表示した際、ス...2016.04.07 | 9時49分19秒
インタラクティブなグラフやチャートの為のjQueryプラグイン・「FusionCharts」 FusionCharts FusionChartsはインタラクティブなグラフやチャート構築の為のスクリプトです。jQueryに依存してます。シンプルなグラフはもちろん、3Dな円グラフや棒や線などの複合チャート、エクスポート機能の他、J...2016.04.06 | 10時13分08秒
様々なUIのデザインをパーツ別に収集しているギャラリーサイト・「Collect UI」 Collect UI Collect UIは様々なUIデザインを収集しているギャラリーサイトです。よくあるギャラリーサイトですが、他と違う点は大量のカテゴリに分けられている点です。主なソース元はDribbbleだそうですが、自動ではな...2016.04.05 | 9時49分54秒
ブラウザやOS、デバイス等を検出してclassを付与するスクリプト・「Detectr.js」 Detectr.js Detectr.jsはブラウザやOS、デバイス等を検出してclassを付与するスクリプトです。他ライブラリに依存せず単体で動作し、圧縮版で3.6KByと軽量です。下記のようにclassが付与されます。 ...2016.04.04 | 12時13分28秒
再利用も視野にいれたオブジェクト指向CSSフレームワーク・「RichCSS」 RichCSS RichCSSは再利用も視野に入れて設計されたオブジェクト指向のCSSフレームワークです。各コンポーネント毎にファイルを別にしているみたいですね。クリーンなCSS設計になるよう心がけて設計してあるそうです。隙を見て触っ...2016.04.02 | 10時51分16秒
HTML5製の管理画面構築のためのOSSなダッシュボードフレームワーク・「RazorFlow」 RazorFlow RazorFlowはHTML5製のダッシュボード用フレームワークです。オープンソースとして公開されています。円グラフや棒グラフ等のチャート、管理画面のスタイルビルダー、リアルタイム更新、軽量且つ高速でタッチデバイス...2016.03.31 | 10時28分50秒
Chromeの設定画面等を表示するコマンドをまとめた・「CHROME://COMMANDS」 CHROME://COMMANDS CHROME://COMMANDSはChromeの様々な設定画面を表示するコマンドの一覧です。定番のものからFLAGSのような、実験的に備えられている機能の設定が可能なコマンドなどなど。ご存知の方も...2016.03.29 | 10時43分54秒
微調整可能な拡大鏡を実装出来るスクリプト・「jfMagnify」 jfMagnify jfMagnifyは微調整可能な拡大鏡を実装出来るスクリプト。jQueryとjQuery UIに依存します。上記のように拡大鏡に+-ボタンが付いており、拡大鏡内の微調整が可能となっています。拡大鏡はCSSのみで...2016.03.28 | 10時48分50秒
データベース不要のフラットファイル型オープンソースCMS・「Grav」 Grav Gravはデータベース不要のオープンソースなCMSです。Markdown記法が採用されています。フラットファイル構成でDBが無くてもCMSとして機能してくれます。シンプル且つ高速な点が売りのようですね。多言語化対応でテーマフ...2016.03.27 | 10時20分36秒
文章に注釈を加えるためのシンプルなスクリプト・「marginotes」 marginotes marginotesは文章内の任意のキーワードに注釈を加えるためのシンプルなスクリプトです。jQuery版と単体で動くvanilla版があります。マウスホバーで左端にちょろっと注釈が出る、というシンプルなもの。ツ...2016.03.26 | 10時57分58秒
チャートを手軽に作成、embedも出来るWebサービス・「BEAM」 BEAM BEAMはチャートを手軽に作成出来るWebサービスです。円グラフや棒、線グラフが用意されており、数値やラベルはその場に表示してくれる簡易的なスプレッドシートに記入すれば反映されるようになっています。embedも可能です。 ...2016.03.25 | 10時06分17秒
画像のExif情報を読み取るためのJavaScriptライブラリ・「Exif.js」 Exif.js Exif.jsは画像のExif情報を読み取るスクリプトです。画像のメタデータを読み取って取り出すだけのもの。上図のように動作テストしてみましたが項目数は52ほど用意されているようですので全てではないにしても割と揃えられ...2016.03.24 | 10時07分21秒
WordPressのプラグイン作成のためのフレームワーク・「Herbert」 Herbert HerbertはWPのプラグインを作成するためのフレームワークです。ショートコード追加、プラグインのアクティブ/非アクティブ時の処理、ウィジェット、データ保存、カスタム投稿タイプ周り等に対応出来るように構築してあるみた...2016.03.23 | 10時00分48秒
Foundationベースの、ライトに使えるオープンソースCMS・「lifejacket」 lifejacket lifejacketはフロントエンドフレームワークのFoundationをベースに設計されたオープンソースのCMSです。PHP製で、機能もCMSとしての基本的な部分に絞って備えてあるとの事。WordPressやD...2016.03.21 | 10時42分16秒
美しいWebデザインのECサイトのみを収集しているデザインギャラリー・「Beautiful Stores」 Beautiful Stores Beautiful StoresはWebデザインのECサイトを収集しているWebデザインギャラリーです。なんとなくこの手のギャラリーサイトは懐かしい気がします。美しい=使いやすいとは限らないですがイン...2016.03.20 | 10時13分54秒
プレースホルダーを複数の任意のテキストに変更するスクリプト・「superplaceholder.js」 superplaceholder.js superplaceholder.jsはプレースホルダーを任意のキーワードで変更するスクリプトです。非常に軽量で他ライブラリに依存しません。需要があるかは置いておいて・・どこかで役に立つかもしれ...2016.03.19 | 10時37分57秒
任意の画像にプレビューを確認しながらフィルタをかけてCSSのfilterでコードを出せる・「」 CSS Filter See the Pen CSS Filter by Jordano Aragão (@jordanoaragao) on CodePen. CSS Filterは任意の画像にCSSのfilterをテストでき...2016.03.18 | 11時02分55秒
シンプルさと軽量さを重視したFlexboxベースのCSSグリッドフレームワーク・「Grd」 Grd Grdはシンプルさと軽量さを重視したFlexboxベースのグリッドフレームワークです。単純にグリッドシステムの提供のみでUIの提供は一切ありません。圧縮版で512バイトとの事。グリッドシステムはよくあるUIフレームワークの一部...2016.03.17 | 10時28分37秒
オープンソースとしても公開されているシンプルなビデオチャットツール・「Hubl.in」 Hubl.in Hubl.inは手軽にビデオチャットのルームを作成出来るWebサービスです。サービス提供だけでなく、オープンソースとしても公開されています。ユーザー登録も不要です。部屋を作ったらチャットしたいユーザーを招待すれば良いだ...2016.03.16 | 10時52分42秒
UI / UXデザイナー向けの、紙にデバイスの形状を印刷する為のテンプレートのまとめ・「Sketchsheets」 Sketchsheets Sketchsheetsはモバイルやタブレットデバイスの形状を印刷するためのテンプレートです。UI/UXデザイナー向けに作成したそうで、スケッチ等の為に紙にタブレットやモバイルデバイスを用紙に印刷出来るように...2016.03.14 | 10時45分00秒
スマフォアプリのUIを動画で紹介するシンプルなギャラリーサイト・「Appealing」 Appealing AppealingはスマフォアプリのUIを動画で紹介しているWebデザインギャラリーです。Tumblrで更新、その場で動画の閲覧が可能です。一応タグで分けられていますが、そこまでしっかりカテゴライズされている訳では...2016.03.13 | 10時32分56秒