Resource - Archives

素敵なデザインのランディングページをまとめたギャラリー・「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...
Ads

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 ...

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

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

任意のWebサイトの使用カラーを抽出する・「ColrGrabr」

ColrGrabr ColrGrabrは、任意のWebサイトで使用されているカラーを抽出するツール。使う機会は少なそうだけど、時には便利な事もあるかも。ブックマークレットも用意されています。 ColrGrabr

CSS3のコードスニペットと動作デモを紹介する・「CSSFlow」

CSSFlow CSS3を使ったエレメント等をデモと共に紹介するWebサイト。上2つは有料みたいですが下のは無料で利用出来るみたいです。スマフォサイトなんかと相性良さそうなエレメントが目立ちますね。 CSSFlow

CSSによる三角形をジェネレートできる・「CSS triangle generator」

CSS triangle generator CSSで三角形を簡単に作成出来るツールです。オールドブラウザのシェアもかなり低下していて良い傾向ですけど、まだ対応する必要があるケースもあるので覚えておくと便利かもしれない。 C...

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

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

デバイスに応じたMedia Queriesのコードをコピペ出来るスニペット一覧表・「Media Query Snippets」

Media Query Snippets Media Query Snippetsは、任意のデバイスに対応する為のMedia Queriesのコードを一覧にしてコピペ出来るようにまとめているWebサイトです。チートシート的に使えて良さ...

テキストの差分をチェックするだけのシンプルツール・「Diff Checker」

Diff Checker Diff Checkerはテキストの差分をチェックするだけのシンプルなツールです。左と右のフィールド内のテキストの差分をハイライトします。軽量で地味に便利かもしれません。が、日本語対応はあまり期待できません。...

Webページの任意の箇所をハイライトして共有できる・「inFocus.cc」

inFocus.cc inFocus.ccは特定のWebページの任意の箇所をハイライトさせて共有できるWebツールです。画像として保存されるものではなく、マウスで設定して保存するとURLが発行される、というもの。特定の箇所をシンプルに...

PNGやPSDファイルとしてエクスポートできるグリッド生成ツール・「Modular Grid Pattern」

Modular Grid Pattern Modular Grid PatternはPNGやPSD形式でエクスポートできるグリッド生成ツールです。幅やカラム数を指定してダウンロードするだけ。PhotoShopのエクステンションもあるみ...

オンラインでシンプルなダイアグラムを生成出来る・「Graphity Diagram Editor」

Graphity Diagram Editor Graphity Diagram Editorはオンラインでシンプルなダイアグラムを生成できるWebツールです。マウスで直感的に作成、画像にエクスポートすることも出来ます。また、作成途中...

CSS3を使ったエレメントを簡単に作成出来るChrome拡張・「CSS-SHACK」

CSS-SHACK CSS-SHACKはChromeでCSS3を使ったエレメントを作成できるアプリケーションです。右のツールボックスで装飾するとリアルタイムで反映、そのままソースをエクスポートできるようになっています。レイヤー機能も付...

ベクターオブジェクトをソースコードに変換するIllustratorの拡張・「Drawscript」

Drawscript Drawscriptは、Illustratorで書いたベクターオブジェクトを様々なコードにコンバートするエクステンションです。拡張を使うと、リアルタイムでActionScript3.0、やCanvas、Objec...

一度だけダウンロードできるファイル転送サービス・「JustBeamIt」

JustBeamIt JustBeamItは一度だけダウンロードできるファイル転送サービスです。ファイルをドラッグ&ドロップするとアップロードされ、URLが発行されるので送りたい相手にそのURLを知らせる、というシンプルなもの。ファイ...

学生によって作成された作品のみを掲載しているWebギャラリー・「Student Show」

Student Show Student Showは、学生の方が作成した作品のみを紹介するWebギャラリーです。掲載されているものはイラストやロゴ、アニメーションなど様々。学校名でカテゴライズされています。Behanceの姉妹サイトの...
Ads