UIコンポーネントを大量に収集、検索出来る・「UIBox」 UIBox UIBoxはHTMLやCSS、JavaScriptによるUIコンポーネントを大量に収集、検索出来るWebサイトです。タグやキーワードで探せて、ダウンロードページへのリンクや詳細、ライセンスも記載されています。覚えておくと、...2013.08.29 | 10時30分29秒
コードスニペットを管理する為のシンプルなCMS・「codejab」 codejab codejabはコードスニペットを管理する為のシンプルなCMS。オープンソースとして公開されています。たまに見かけるスニペットの共有サイトを作れる、みたいなイメージでしょうか。Embed機能も付いてるのはちょっと素敵か...2013.08.24 | 10時30分38秒
入力したHTMLのclassやidを元にCSSの雛形を作る・「extractCSS」 extractCSS extractCSSは入力されたHTMLのclassやidを元にCSSを作るWebツール。Githubにてソースも公開されています。Bear CSSと同じようなツールですが、extractCSSは作成時にclas...2013.08.21 | 10時39分44秒
モバイルフレンドリーなWebアプリの為のUIコンポーネント・「Brick」 Brick BrickはモバイルフレンドリーなWebアプリの為に作られたUIコンポーネント集です。mozillaから提供されているみたいですね。同じくmozilla提供のX-Tagが使われています。カレンダーやデイトピッカー、スライダ...2013.08.20 | 10時30分23秒
Bootstrap向けのシンプルなWYSIWYGエディター・「Summernote」 Summernote SummernoteはBootstrap向けのシンプルなWYSIWYGエディターです。jQueryを使って動かしているみたい。機能も非常にシンプルで使いやすいイメージです。ライセンスはMITとのこと。 Su...2013.08.12 | 11時03分34秒
jQueryを使ってWin8のMetroライクなUIを実装・「Metro JS」 Metro JS Metro JSはWindows8のMetroライクなUIを実装するjQueryのスクリプトです。コンテンツのスライドやフリップエフェクトでMetroっぽいUIを構築することが出来ます。また、デザインのテーマジェネレ...2013.08.05 | 10時04分41秒
Illustratorで使えるiOS7用のワイヤーフレームキット・「iOS 7 Wireframe Kit」 iOS 7 Wireframe Kit iOS 7 Wireframe Kitはイラレで使えるiOS7用のワイヤーフレーム作成キットです。ツールやナビゲーションなどの各種バーコンテンツやスイッチボタン、テーブル、アラートなどなど一...2013.08.03 | 10時39分01秒
YoutubeやVimeo、Googleマップ等をレスポンシブWebデザインに対応させる為のツール・「Embed Responsively」 Embed Responsively Embed ResponsivelyはYoutubeやVimeo、Googleマップ等の埋め込み可能なサービスのコンテンツをレスポンシブWebデザインに対応させるツールです。指示に従って入力すると...2013.07.21 | 10時20分43秒
CSSによるアニメーションエフェクトをまとめた・「EFFECKT.CSS」 EFFECKT.CSS EFFECKT.CSSはCSSによるアニメーションエフェクトをまとめたサイト。Githubでもソースを公開しています。今まで見かけたCSSエフェクトが勢ぞろいしている印象です。尚、ソース元は見出しのタイトル右上...2013.07.19 | 11時09分57秒
主要ソーシャルサイトのWebアイコンフォント・「Socialicious」 Socialicious Socialiciousは主要なソーシャルサイトのアイコンをWebフォントにしたもの。Twitterやflickr、dribbble、githubやFacebook、tumblr、Youtubeなど、一通り揃...2013.07.15 | 11時58分23秒
フラットなWebサイトを構築する為のフロントエンドフレームワーク・「Furatto」 Furatto FurattoはフラットなWebデザインのサイトを迅速に構築する為のフロントエンドフレームワークです。Sassを使ってるみたい。ボタンやフォーム、テーブルからページネーションやツールチップなどのコンポーネント、カルーセ...2013.07.13 | 10時30分08秒
Markdown記法に対応したデータベース不要のOSSのCMS・「Pico」 Pico PicoはMarkdown記法で編集できるオープンソースのCMSです。MySQLなどのデータベースは不要、.mdファイル(Markdown)を生成して固定のページとして表示するとの事です。デザインテーマにはテンプレートエンジ...2013.07.03 | 10時00分53秒
CSSフレームワークのToastをベースとしたWordPressテーマ・「Toastpress」 Toastpress ToastpressはシンプルなcssフレームワークのToastをベースとしたWordPressテーマです。floatを使わず、inline-blockを使ってグリッドレイアウトを作っているのでie7には対応して...2013.07.02 | 10時35分21秒
YUIを使用したUIフレームワーク・「AlloyUI」 AlloyUI AlloyUIは、YUIを使ったUIのフレームワークです。よくあるタブやカルーセル、モーダルウィンドウなどに加えて、スケジューラー、レーティングシステムやツールバーなどのコンポーネントの対応も充実しているようです。なか...2013.07.01 | 10時20分43秒
要素をレンガ状に並べるライブラリ・「MASON.JS」 MASON.JS MASON.JSは要素をレンガ状に隙間なく並べてくれるライブラリです。jQueryに依存しています。余白を完全に埋める、という目的で作ったみたいですね。圧縮版で4KBほどなのも嬉しいです。 MASON.JS2013.06.30 | 18時55分42秒
地図用に作られたマーカーアイコンのセット・「Maki」 Maki Makiはマップ上に表示させるマーカー用に作られたアイコンのセットです。電車やレストラン、ガソリンスタンド、駐車場や病院など、よく使われるアイコンが揃っています。Makiはオープンソースプロジェクトで、BSDライセンスの元で...2013.06.28 | 12時08分37秒
モバイルファーストなCSSフレームワーク・「Cardinal」 Cardinal CardinalはモバイルファーストなCSSフレームワークです。必要最低限の設計で残りはユーザーがカスタマイズする、という事を念頭に置いて作られたようです。この手のフレームワークは数多に存在しますが、選択肢が大いに越...2013.06.26 | 10時09分29秒
オープンソースのGithubクローン・「GitPrep」 GitPrep GitPrepはOSSのGithubクローンです。Perlで出来ているようで、ライセンスもPerlと同じもの(Artistic LicenseおよびGPL)だそうです。UIも良く似ていますね。動作サンプルがありますので...2013.06.25 | 11時08分43秒
SASS/Compassで構築されたCSSボタンライブラリ・「Buttons」 Buttons ButtonsはSASS/Compassで構築されたCSSボタンのプロジェクトです。classを振るだけで様々なボタンに装飾する事が出来る様になっています。Font Awesomeを使ってアイコンを加えたりCSS3でぼ...2013.06.22 | 9時19分15秒
シンプルさを重視したOSSのCMS・「Anchor」 Anchor Anchorはシンプルさを重視したオープンソースのCMSです。必要最低限の機能だけ搭載されており、他は自分でカスタマイズする、というもののようですね。動作環境はPHP 5.3.6+、MySQL 5.2+です。 ...2013.06.21 | 13時06分15秒
CSSライブラリをコレクションしている・「CSSDB.co」 CSSDB.co CSSDB.coはCSSライブラリをコレクションしているWebサイトです。似たようなサイトを紹介した気もしますが・・割と評価の高めなライブラリに絞ってるっぽいですね。Githubへのリンクもあります。 CSSD...2013.06.12 | 12時40分17秒
Gistに書いたコードを管理するアプリ・「GistBox」 GistBox GistBoxはGistに書いたコードを管理、編集しやすくする為のアプリケーションです。インストールして認証を終えれば起動します。見やすいレイアウトでラベルによるソートも可能です。結構便利。 GistBox2013.06.07 | 11時20分32秒