Tools & Resources

SassのコードをCSSに即時変換・「SassMeister」

作成したフォントをパブリックドメインで公開・「ドットコロン」

URLを入力すると、そのWebサイトの配色を取得する・「Web Colour Data」

Ads

JavaScript、HTML,CSSを書いてその場で動作確認出来る環境を作れるOSS・「Editr」

プログラミングに適したフォントをまとめている・「What are the best programming fonts?」

OSSで公開されているHTML5製のノベルゲームエンジン・「TyranoScript」

ミニマルなマークアップで書かれたCSSフレームワーク・「Markup Framework」

PNGやEPS形式のワイヤーフレーム作成用キット・「WIRED」

フリーでオープンソースなフォントのプロジェクトサイト・「The League of Moveable Type」

jQueryのプラグインを大量に収集している・「Unheap」

PhotoshopをWebデザインで使う際のファイルの扱い方をまとめる・「The Photoshop Etiquette Manifesto」

Webページのベースラインをチェック出来るブックマークレット・「Gridwax」

ドラッグ&ドロップでBootstrapのレイアウトを作成出来る・「LayoutIt!」

CSSのショートハンドを解除してから整形する・「FESS」

正規表現をブラウザ上で実行テスト・「refiddle」

素敵なデザインのランディングページをまとめたギャラリー・「Land-book」

国産のダミー画像生成サービス・「Placehold.jp」

PDFファイルを画像やWord、Excel等にコンバートしたり24時間ホスティングしてくれる・「Cometdocs」

Webサイトのスクリーンショットを撮って注釈をつけて共有できる・「Bounce」

ダミー画像を手軽に作成する・「PlaceIMG」

CSSフレームワークの機能が一目で分かる一覧表・「CSS Front-end Frameworks with comparison」

CSSを書いてリアルタイムでプレビューできる・「CSSDesk」