Andoroidアプリ用プロトタイプを作成する為のHTML/CSSフレームワーク・「Fries」 Fries Frieshは、HTML/CSS/JavaScriptベースで作る、Androidアプリ用プロトタイプ作成フレームワーク。RATCHETに刺激されてAndorid向けも作成したくなった、との事らしいです。ライセンスはMIT...2013.05.13 | 10時20分13秒
Adobe製のレスポンシブ対応UIライブラリ・「Topcoat」 Topcoat TopcoatはAdobe社が提供するOSSのCSSフレームワークです。シンプルで使いやすいUIでレスポンシブWebデザインにも対応しています。モバイル版はタップしやすいようにエレメントの高さをやや高くしてくれてるのも...2013.05.09 | 10時16分04秒
フラットなデザインでよく使われてる色をまとめている・「Flat UI Colors」 Flat UI Colors Flat UI Colorsはフラットなデザインで良く用いられている色をまとめたWebサイトです。確かに見かける色合いはこんな感じですね。コンテンツに合うようなら導入も考えたいですけどその機会は今の所無さ...2013.05.06 | 12時10分52秒
SassのコードをCSSに即時変換・「SassMeister」 SassMeister SassMeisterはSass記法で書いたコードを即時CSSに変換するツールです。左に書き込めばCSSが右側に表示されます。OSSとしてGithubでも公開されています。Rubyで書かれているようですね。 ...2013.05.03 | 12時42分42秒
JavaScript、HTML,CSSを書いてその場で動作確認出来る環境を作れるOSS・「Editr」 Editr Editrは、ブラウザでJavaScriptやHTML、CSSを動作確認出来るオープンソースのソフトウェアです。jsfiddleライクな環境を作成出来ますが、ユーザー登録、保存、Gist等に送るなどの機能の無い、シンプルな...2013.04.30 | 10時33分32秒
ミニマルなマークアップで書かれたCSSフレームワーク・「Markup Framework」 Markup Framework Markup Frameworkはミニマルなマークアップで書かれた、モバイルファーストなレスポンシブWebデザイン対応のCSSフレームワークです。必要最低限、をコンセプトに構成したようです。ベースとし...2013.04.27 | 10時29分05秒
CSSのショートハンドを解除してから整形する・「FESS」 FESS FESSはCSSのショートハンドを解除して整形するWebツール。解除する機会は一般的にはあまり無いかも知れない&まだベータ版なので優れた精度では無いけど、珍しいので。精度に関しては、例えば background:red u...2013.04.18 | 10時12分29秒
CSSフレームワークの機能が一目で分かる一覧表・「CSS Front-end Frameworks with comparison」 CSS Front-end Frameworks with comparison CSS Front-end Frameworks with comparisonは様々なCSSフレームワークの持ち合わせている機能を一目で確認出来る一覧...2013.04.12 | 12時40分32秒
CSSを書いてリアルタイムでプレビューできる・「CSSDesk」 CSSDesk CSSDeskはその場でCSSを書くと、すぐに結果が反映されるインタラクティブなWebツールです。背景の変更や書いたコードをHTMLでダウンロードする事も可能。 CSSDesk2013.04.12 | 12時37分00秒
CSSによる三角形をジェネレートできる・「CSS triangle generator」 CSS triangle generator CSSで三角形を簡単に作成出来るツールです。オールドブラウザのシェアもかなり低下していて良い傾向ですけど、まだ対応する必要があるケースもあるので覚えておくと便利かもしれない。 C...2013.04.08 | 10時23分09秒
Sass用のカラー調整Webツール・「SassMe」 SassMe SassMeはリアルタイムでSass用のカラー調整を行えるWebツールです。カラー関数のサブセットを視覚化してくれる、というシンプルなもの。使い方はベースカラーを入力してスライダーをマウスで操作するだけ。Githubでも...2013.03.21 | 10時40分58秒
モバイルファーストなCSSフレームワーク・「Blok Grid System」 Blok Grid System Blok Grid SystemはモバイルファーストなレスポンシブWebデザイン対応のCSSフレームワークです。スマフォ、タブレットを中心に考えたCSSで構築されています。IE8にも対応。 Bl...2013.03.15 | 13時24分38秒
CSSタイポグラフィの使用例をコレクションしている・「Typespiration」 Typespiration TypespirationはWebフォントとCSSによるタイポグラフィをコレクションしているギャラリーサイトです。CSSコード、カラースキーム、利用したフォントと使用例を紹介しています。 Typesp...2013.03.12 | 10時15分45秒
レスポンシブ且つグリッドなレイアウト生成ジェネレーター・「gridpak」 gridpak gridpakは、レスポンシブWebデザインに対応したグリッドレイアウトジェネレーターです。従来のグリッドジェネレーターにブレークポイントを設定出来る項目が付いているので操作も楽に行えます。 gridpak2013.03.09 | 15時42分27秒
面倒な作業のみをカバーしたシンプルなCSSフレームワーク・「inuit.css」 inuit.css inuit.cssは、面倒な作業のみをカバーしたシンプルなSassベースのCSSフレームワークです。コアと別用途向けのCSSを分けてあるため、例えばグリッドレイアウトにする場合は別途用意されたCSSを使うようにしま...2013.03.08 | 13時55分02秒
CSSを即時整形するツール・「CSS Beautify」 CSS Beautify CSS BeautifyはCSSを入力するだけで即時整形してくれるツール。SENCHAから提供されたソフトウェアです。 CSS Beautify2013.03.07 | 12時19分07秒
CSSの更新状態を監視し、表示を即時反映させる・「CSSrefresh」 CSSrefresh CSSrefreshはサーバー側のCSSに更新があったら表示を即時反映させるスクリプトとブックマークレットです。開発者向けになります。環境次第では楽になる方もいるかもしれませんね。 CSSrefresh2013.03.01 | 13時46分00秒
HTML、CSS、JavaScriptのコード整形ツール・「Dirty Markup」 Dirty Markup Dirty Markupは、HTMl、css、JavaScriptのコードをインデントして整形してくれるツールです。高機能ではありませんが、シンプルで使いやすく、動作も軽量です。 Dirty Marku...2013.02.27 | 18時44分47秒
4つのCSSツールを1つのサイトに集約した・「CSSmatic」 CSSmatic CSSmaticは、4つのCSSツールを集約したツールサイトです。グラデーション、角丸、ノイズテクスチャ、ドロップシャドウを作成出来ます。 CSSmatic2013.02.27 | 10時53分02秒
Twitter BootstrapのCSSをオンラインで作成・「StyleBootstrap.info」 StyleBootstrap.info StyleBootstrap.infoは、Twitter BootstrapのCSSをオンラインで作成出来るジェネレーター。容易にBootstrapのカラーをカスタマイズする事が出来ます。ただし...2013.02.25 | 13時51分04秒
オンラインでCSSやJavaScriptを圧縮・「Online YUI Compressor」 Online YUI Compressor Online YUI CompressorはYUIのオンライン版でCSSやJavaScriptを圧縮するツールです。公開しているファイルにも対応できます。 Online YUI Com...2013.02.21 | 21時33分17秒
HTMLを読みこませてCSSのclass,idをテキスト化・「Bear CSS」 Bear CSS Bear CSSはHTMLファイルからclassやIDを抜き出し、CSSの雛形を作成してくれるツールです。 Bear CSS2013.02.21 | 17時07分51秒