CSSライブラリをコレクションしている・「CSSDB.co」
CSSDB.co CSSDB.coはCSSライブラリをコレクションしているWebサイトです。似たようなサイトを紹介した気もしますが・・割と評価の高めなライブラリに絞ってるっぽいですね。Githubへのリンクもあります。 CSSD...
Resource - github
Gistに書いたコードを管理するアプリ・「GistBox」
GistBox GistBoxはGistに書いたコードを管理、編集しやすくする為のアプリケーションです。インストールして認証を終えれば起動します。見やすいレイアウトでラベルによるソートも可能です。結構便利。 GistBox
ブラウザで使えるオープンソースのコードエディター・「ICEcoder」
ICEcoder ICEcoderはブラウザで使えるIDEです。PHP製となっており、サーバーに設置してブラウザ上でコードを書くことが出来ます。なかなか高機能のようですね。MITライセンスとしてGithubでもソースが公開されています...
LessやSass、CoffeescriptなどをコンパイルできるWindows用ソフトウェア・「Prepros」
Prepros PreprosはLessやSass、Coffeescript等のファイルを監視し、変更があった際に自動でコンパイルしてくれるWindows用のソフトウェアです。CodeKitほど高性能では無いにしても、割と似たようなも...
レスポンシブWebデザイン対応のシンプルで軽量なグリッドシステム・「.FITGRD」
.FITGRD .FITGRDはレスポンシブWebデザインにも対応したグリッドレイアウトを構築する為のCSSです。フレームワークではない、との事です。（当記事では一応フレームワークのカテゴリに含めています）CSS自体は非圧縮でも4KB...
Andoroidアプリ用プロトタイプを作成する為のHTML/CSSフレームワーク・「Fries」
Fries Frieshは、HTML/CSS/JavaScriptベースで作る、Androidアプリ用プロトタイプ作成フレームワーク。RATCHETに刺激されてAndorid向けも作成したくなった、との事らしいです。ライセンスはMIT...
タッチイベントをPCサイトで動作テストできるようにするブックマークレット・「Phantom Limb」
Phantom Limb Phantom Limbはデスクトップブラウザでタッチデバイス向けのイベントを動作テストできるブックマークレットです。任意のページでブックマークレットを起動するとクリックでタッチイベントが発火するようになりま...
Adobe製のレスポンシブ対応UIライブラリ・「Topcoat」
Topcoat TopcoatはAdobe社が提供するOSSのCSSフレームワークです。シンプルで使いやすいUIでレスポンシブWebデザインにも対応しています。モバイル版はタップしやすいようにエレメントの高さをやや高くしてくれてるのも...
SassのコードをCSSに即時変換・「SassMeister」
SassMeister SassMeisterはSass記法で書いたコードを即時CSSに変換するツールです。左に書き込めばCSSが右側に表示されます。OSSとしてGithubでも公開されています。Rubyで書かれているようですね。 ...
JavaScript、HTML,CSSを書いてその場で動作確認出来る環境を作れるOSS・「Editr」
Editr Editrは、ブラウザでJavaScriptやHTML、CSSを動作確認出来るオープンソースのソフトウェアです。jsfiddleライクな環境を作成出来ますが、ユーザー登録、保存、Gist等に送るなどの機能の無い、シンプルな...
フリーでオープンソースなフォントのプロジェクトサイト・「The League of Moveable Type」
The League of Moveable Type The League of Moveable Typeはオープンソースなフォントのプロジェクトサイトです。Webフォントにも利用出来るみたい。英字のみになります。フォントのライセ...
Webページのベースラインをチェック出来るブックマークレット・「Gridwax」
Gridwax GridwaxはWebページのベースラインをチェック出来るブックマークレットです。起動させると、ラインが表示されます。グリッドの高さはshift+↑や↓で、位置はshift+→や←で調整できます。グリッドの色は起動後に...
動作を確認しながらCSS3のkeyframeを使ったアニメーションを作成・「Stylie」
Stylie Stylieは動作デモを確認しながらCSS3のkeyframeを利用したアニメーション用コードを作成するOSSのツールです。右のボックスで軸等をセッティングしていきます。MITライセンスでGithubでも公開されています...
モバイルファーストなCSSフレームワーク・「Blok Grid System」
Blok Grid System Blok Grid SystemはモバイルファーストなレスポンシブWebデザイン対応のCSSフレームワークです。スマフォ、タブレットを中心に考えたCSSで構築されています。IE8にも対応。 Bl...
面倒な作業のみをカバーしたシンプルなCSSフレームワーク・「inuit.css」
inuit.css inuit.cssは、面倒な作業のみをカバーしたシンプルなSassベースのCSSフレームワークです。コアと別用途向けのCSSを分けてあるため、例えばグリッドレイアウトにする場合は別途用意されたCSSを使うようにしま...
難読化、圧縮されたJavaScriptコードを綺麗に整形・「Online javascript beautifier」
Online javascript beautifier Online javascript beautifierは難読化、圧縮化されたjsコードをインデントして綺麗にしてくれるツールです。OSSとしても公開されています。 On...
ドラッグ&ドロップでGIFアニメをオンライン生成・「Mothereffinanimatedgif」
Mothereffinanimatedgif Mothereffinanimatedgifはドラッグ&ドロップでアニメーションgifを作成出来るジェネレーター。中央にgifアニメに使いたい画像をドロップしていけばアニメーションgifが...
iPhone/iPad用のPhotoshop用テンプレート・「Photoshop Grids」
Photoshop Grids Photoshop Gridsは、iPad/iPhone用のグリッドとして作られたPhotoshop用テンプレート。ガイドも既に引かれており、モバイルファーストなWeb制作向けとして使えるようになってい...
Fireworksライクなモックアップ作成ツール・「Stylo」
Stylo StyloはFireworksっぽいUIのモックアップ作成Webツール。現在はCWebkitのみ対応。Githubでもソースが公開されています。 Stylo On github
CSSからLESSへ変換・「Css2Less」
Css2Less Css2LessはCSSをLESS形式に変換してくれるツール。OSSとしても公開されています。Rubyを使って動かしてるみたい。 Css2Less