Resource - ユニーク

Webサイトのサイトマップを作る為のCSS・「SlickMap CSS」

SlickMap CSS SlickMap CSSは、サイトマップを作る為のCSSです(sitemap.xmlではなく、人用のサイトマップ)。上図のように、階層を分かりやすく可視化し、ユーザーに取って分かりやすいナビゲーションを作成す...

描いた絵をGifアニメに出来るペイントツール・「GIFPaint」

GIFPaint GIFPaintはGifアニメを作る為のヘペイントツールです。ちょっとネタ的なツールですが、面白かったので。絵を1枚1枚描いていき、Encoded GIFsを押せばダウンロード可能になります。そのまま直接Tumblr...

手軽にHTML形式のプレゼンテーションを作成できる・「Slid.es」

Slid.es Slid.esは、HTML形式のプレゼンテーションスライドを手軽に作成、共有出来るWebサービスです。モバイルにも対応しています。WYSIWYGを使ってスライドを作成していきます。アカウントはGoogleやFacebo...

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

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

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

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

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

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

Web制作に役立つツールをまとめている・「WebPlatformTools.org」

WebPlatformTools.org WebPlatformTools.orgはWeb制作に役立ちそうな様々なツールをまとめているWebサイトです。カテゴリ分けもしっかりされていてサムネイルもあるので探しやすいかも。 Web...

ソースコードを画像化してInstagramライクに装飾できる・「Instacode」

Instacode Instacodeはソースコードを画像化してInstagramライクに装飾できるWebサービスです。マウスホイールで拡大、ドラッグで角度を設定できます。ネタ要素が強いツールですが、一部の方には需要があるかも。 ...

PDFのグラフ用紙をオンラインで生成出来る・「Paperkit」

Paperkit Paperkitは、オンラインでグラフ用紙を生成出来るツール。サイズ、グリッドの幅や色を指定。PDFはBase64形式で発行されます。 Paperkit

様々なWebサイトのワイヤーフレームを紹介する・「Wireframe Showcase」

Wireframe Showcase Wireframe Showcaseは様々なWebサイトのワイヤーフレームを紹介するギャラリーサイト。実際に公開されているサイトとそのワイヤーフレームをギャラリーとして紹介しています。 Wi...

複数ブックマークレットを一纏めに・「Bookmarklet Combiner」

Bookmarklet Combiner Bookmarklet Combinerは複数のブックマークレットを一つのブックマークレットに纏めてくれるWebツールです。多数のブックマークレットを使用しているなら使う価値はありそう。 ...

HTMLを読みこませてCSSのclass,idをテキスト化・「Bear CSS」

Bear CSS Bear CSSはHTMLファイルからclassやIDを抜き出し、CSSの雛形を作成してくれるツールです。 Bear CSS
Ads