Hacker Newsライクなデザイナー向けニュースサイト・「Designer News」 Designer News Designer NewsはHacker Newsのデザイナー版ニュースサイトです。登録ユーザーが投稿し、議論が展開される、というもの。コメント数から見てもまだそこまでユーザーが多いわけでは無さそうですね。...2013.06.20 | 10時25分50秒
Web上でアイコンフォントを作成できる・「Fontastic」 Fontastic Fontasticはオンラインでアイコンフォントを作成出来るWebサービスです。用意されたアイコンから必要な物を選択してダウンロードしたり、SVGをアップロードしてオリジナルのアイコンフォントを作成する事も出来るみ...2013.06.19 | 9時57分59秒
iOS7向けのアイコン作成用Fireworksテンプレート・「Template for iOS 7 App Icons (FW)」 Template for iOS 7 App Icons (FW) Template for iOS 7 App Icons (FW)はFireworks向けのiOS7用アイコンテンプレートです。探せばPSDやSkechファイルも出て...2013.06.16 | 13時51分41秒
CSSのみで書かれたアイコンのセット・「CIKONSS」 CIKONSS CIKONSSはCSSのみで書かれたアイコンのソースを配布するWebサイトです。IE8までなら同じ表示が可能のようです。アイコンの種類もそれなりにあるみたい。実用性は置いておいて、どこかでコードが役に立つかもしれないと...2013.06.14 | 12時38分08秒
FFFFOUND!からダミー画像を生成・「hhhhold!」 hhhhold! hhhhold!は、画像共有サイト、FFFFOUND!に上げられた画像をダミー画像にできるサービスです。サイズは固定サイズや任意のサイズで指定可能のようです。色合いも指定出来るみたいですね。 hhhhold!2013.06.13 | 11時39分48秒
CSSライブラリをコレクションしている・「CSSDB.co」 CSSDB.co CSSDB.coはCSSライブラリをコレクションしているWebサイトです。似たようなサイトを紹介した気もしますが・・割と評価の高めなライブラリに絞ってるっぽいですね。Githubへのリンクもあります。 CSSD...2013.06.12 | 12時40分17秒
カラーパレットを共有できる・「PLTTS」 PLTTS PLTTSはカラーパレットを共有出来るWebサービスです。カラーコードで検索すると、そのカラーが含まれるパレットを調べられるので参考にしたりインスピレーションの向上にもなるかもしれません。まだ数は多くないですが、シェアサー...2013.06.08 | 11時57分20秒
Sketchのファイルをアーカイブしている・「SketchMine」 SketchMine SketchMineはSketchで作成されたファイルをアーカイブ・共有しているWebサイトです。ザックリとですがカテゴリ分けもされていますのでざっと見るのもいいかもしれません。 SketchMine2013.06.02 | 13時46分27秒
様々なスマフォやタブレット、PCなどのスクリーンのサイズを一覧化・「Screensiz.es」 Screensiz.es Screensiz.esはスマフォやタブレット、PCなどのスクリーンサイズを一覧化したWebサイトです。一覧テーブルではOSや普及率、サイズなどでソートも可能で、不要な項目は非表示にする事も出来ます。 ...2013.05.30 | 11時25分10秒
Webサイトのサイトマップを作る為のCSS・「SlickMap CSS」 SlickMap CSS SlickMap CSSは、サイトマップを作る為のCSSです(sitemap.xmlではなく、人用のサイトマップ)。上図のように、階層を分かりやすく可視化し、ユーザーに取って分かりやすいナビゲーションを作成す...2013.05.29 | 10時38分32秒
レスポンシブWebデザイン対応のシンプルで軽量なグリッドシステム・「.FITGRD」 .FITGRD .FITGRDはレスポンシブWebデザインにも対応したグリッドレイアウトを構築する為のCSSです。フレームワークではない、との事です。(当記事では一応フレームワークのカテゴリに含めています)CSS自体は非圧縮でも4KB...2013.05.18 | 12時03分28秒
Webフォントとしても使えるMetroスタイルのアイコンセット・「Metrize Icons」 Metrize Icons Metrize IconsはMetroスタイルなアイコンのセットです。シンプルで使いやすそうですね。SVGやWebフォントも用意されています。ライセンス形態は明示されていませんが、商用で使えて帰属表記の必要...2013.05.09 | 18時20分48秒
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秒
Retinaディスプレイ用の画像を作成できるPhotoshopアクション・「Retinize It」 Retinize It Retinize ItはiOSで採用されているRetinaディスプレイに対応する為の画像を作れるPhotoshopアクションです。@2xのファイルを作成する事ができます。ドロップシャドウを用いている場合は諸注意...2013.05.04 | 10時31分08秒
作成したフォントをパブリックドメインで公開・「ドットコロン」 ドットコロン ドットコロンは、作成したフォントをパブリックドメインで公開、配布してくれている日本のWebサイトです。欧文フォントではありますが、どれも綺麗で使いたくなりますね。勿論Webフォントとしても利用させて貰えます。 ドッ...2013.05.01 | 13時23分18秒
URLを入力すると、そのWebサイトの配色を取得する・「Web Colour Data」 Web Colour Data Web Colour DataはURLを入力すると、そのWebサイトで使われている配色を取得してくれるWebツールです。少々重いかもしれませんが、なかなか面白い。CSSからのみ所得するツールというのはよ...2013.05.01 | 10時35分16秒
ミニマルなマークアップで書かれたCSSフレームワーク・「Markup Framework」 Markup Framework Markup Frameworkはミニマルなマークアップで書かれた、モバイルファーストなレスポンシブWebデザイン対応のCSSフレームワークです。必要最低限、をコンセプトに構成したようです。ベースとし...2013.04.27 | 10時29分05秒
PNGやEPS形式のワイヤーフレーム作成用キット・「WIRED」 WIRED WIREDはワイヤーフレームを作成するためのメディアファイルキットです。Webサイトでよく利用される様々なコンポーネントの素材がパッケージングされています。また、iPhone5用の素材もあるみたいです。 WIRED2013.04.26 | 10時26分31秒
フリーでオープンソースなフォントのプロジェクトサイト・「The League of Moveable Type」 The League of Moveable Type The League of Moveable Typeはオープンソースなフォントのプロジェクトサイトです。Webフォントにも利用出来るみたい。英字のみになります。フォントのライセ...2013.04.25 | 11時50分53秒
PhotoshopをWebデザインで使う際のファイルの扱い方をまとめる・「The Photoshop Etiquette Manifesto」 The Photoshop Etiquette Manifesto The Photoshop Etiquette ManifestoはWebデザインをする上での、Photoshopのファイルの扱い方のエチケットをまとめているサイトで...2013.04.24 | 12時42分51秒
Webページのベースラインをチェック出来るブックマークレット・「Gridwax」 Gridwax GridwaxはWebページのベースラインをチェック出来るブックマークレットです。起動させると、ラインが表示されます。グリッドの高さはshift+↑や↓で、位置はshift+→や←で調整できます。グリッドの色は起動後に...2013.04.23 | 10時42分48秒