Resource - Archives

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

ドットコロン ドットコロンは、作成したフォントをパブリックドメインで公開、配布してくれている日本のWebサイトです。欧文フォントではありますが、どれも綺麗で使いたくなりますね。勿論Webフォントとしても利用させて貰えます。 ドッ...

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

Web Colour Data Web Colour DataはURLを入力すると、そのWebサイトで使われている配色を取得してくれるWebツールです。少々重いかもしれませんが、なかなか面白い。CSSからのみ所得するツールというのはよ...

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

Editr Editrは、ブラウザでJavaScriptやHTML、CSSを動作確認出来るオープンソースのソフトウェアです。jsfiddleライクな環境を作成出来ますが、ユーザー登録、保存、Gist等に送るなどの機能の無い、シンプルな...
Ads

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

What are the best programming fonts? What are the best programming fonts?は、エディタでコードを書く際に適したフォントをまとめたWebページです。プログラミング向...

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

TyranoScript TyranoScriptはノベルゲームをHTML5で実装できるオープンソースのライブラリです。吉里吉里との親和性が高いのが特徴との事。ライセンスはMITで公開されています。国内の開発なのでドキュメントも日本語...

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

Markup Framework Markup Frameworkはミニマルなマークアップで書かれた、モバイルファーストなレスポンシブWebデザイン対応のCSSフレームワークです。必要最低限、をコンセプトに構成したようです。ベースとし...

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

WIRED WIREDはワイヤーフレームを作成するためのメディアファイルキットです。Webサイトでよく利用される様々なコンポーネントの素材がパッケージングされています。また、iPhone5用の素材もあるみたいです。 WIRED

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

The League of Moveable Type The League of Moveable Typeはオープンソースなフォントのプロジェクトサイトです。Webフォントにも利用出来るみたい。英字のみになります。フォントのライセ...

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

Unheap UnheapはjQueryのプラグインを大量の収集、紹介しているWebサイトです。かなり細かくカテゴライズされているので探しやすい印象でした。社内向けに作ったリソースサイトらしいです。 Unheap

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

The Photoshop Etiquette Manifesto The Photoshop Etiquette ManifestoはWebデザインをする上での、Photoshopのファイルの扱い方のエチケットをまとめているサイトで...

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

Gridwax GridwaxはWebページのベースラインをチェック出来るブックマークレットです。起動させると、ラインが表示されます。グリッドの高さはshift+↑や↓で、位置はshift+→や←で調整できます。グリッドの色は起動後に...

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

LayoutIt! LayoutIt!hは、D&DでBootstrapのレイアウトを作成出来るWebツールです。まだベータ版で若干バグ的なものも確認出来ますが、それなりに作成出来るようです。フォームやボタン、プログレスバーなどのコンポ...

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

FESS FESSはCSSのショートハンドを解除して整形するWebツール。解除する機会は一般的にはあまり無いかも知れない&まだベータ版なので優れた精度では無いけど、珍しいので。精度に関しては、例えば background:red u...

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

refiddle refiddleはWeb上で正規表現をテストできるツールです。jsfiddleライクに正規表現を試すことが出来ます。上にコード、下にテキストを書いて、マッチした部分がハイライトされる仕組み。 refiddle

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

Land-book Land-bookは素敵なデザインのランディングページを収集しているギャラリーサイトです。海外のなので参考になるかどうかは別の話ですが、覚えておいて損は無いかと思います。 Land-book

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

Placehold.jp Placehold.jpは国産のダミー画像生成ツールです。画像サイズや任意のテキスト、背景やテキストカラーの変更や、JSONを使ったCSSによるカスタマイズなども可能です。 Placehold.jp

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

Cometdocs CometdocsはPDFファイルを様々な形式にコンバートしたり、時間限定でホスティングしたり、特定の誰かにメールを送ったり出来るPDF管理サービス。変換できるファイル形式はWordやExcelは勿論、GIFやPN...

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

Bounce BounceはWebサイトのスクショを撮って、任意の箇所に注釈をつけてシェア出来るツールです。Web上の相手に的確に場所を伝えるのに便利そうですね。 Bounce

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

PlaceIMG PlaceIMGはダミー画像生成サービスです。マウスでスライダーを動かしてサイズを決めたり、数値でサイズを指定、ダミー画像のカテゴリの指定、フィルターでセピアやモノクロ化なども出来ます。 PlaceIMG

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

CSS Front-end Frameworks with comparison CSS Front-end Frameworks with comparisonは様々なCSSフレームワークの持ち合わせている機能を一目で確認出来る一覧...

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

CSSDesk CSSDeskはその場でCSSを書くと、すぐに結果が反映されるインタラクティブなWebツールです。背景の変更や書いたコードをHTMLでダウンロードする事も可能。 CSSDesk

iPhone, や、iPad、MacのアプリサイトのWebデザインギャラリー ・「App Sites」

App Sites App SitesはiPhoneやiPad、Macのアプリを紹介しているWebサイトのデザインギャラリーです。アプリデベロッパーの方のインスピレーション向上になりそう。Tumblrで作られています。 App ...
Ads