地図用に作られたマーカーアイコンのセット・「Maki」
Maki Makiはマップ上に表示させるマーカー用に作られたアイコンのセットです。電車やレストラン、ガソリンスタンド、駐車場や病院など、よく使われるアイコンが揃っています。Makiはオープンソースプロジェクトで、BSDライセンスの元で...
Resource - その他
ソーシャルコーディングが可能なオンラインIDE・「FriendCode」
FriendCode FriendCodeはブラウザで他のユーザーと共有しながら使えるオンラインのIDEです。プライベートなリポジトリも持てるみたい。アカウントはFacebookやGithubでログイン出来ます。他にもいろいろ。結構高...
CSSのみで書かれたアイコンのセット・「CIKONSS」
CIKONSS CIKONSSはCSSのみで書かれたアイコンのソースを配布するWebサイトです。IE8までなら同じ表示が可能のようです。アイコンの種類もそれなりにあるみたい。実用性は置いておいて、どこかでコードが役に立つかもしれないと...
FFFFOUND!からダミー画像を生成・「hhhhold!」
hhhhold! hhhhold!は、画像共有サイト、FFFFOUND!に上げられた画像をダミー画像にできるサービスです。サイズは固定サイズや任意のサイズで指定可能のようです。色合いも指定出来るみたいですね。 hhhhold!
描いた絵をGifアニメに出来るペイントツール・「GIFPaint」
GIFPaint GIFPaintはGifアニメを作る為のﾍペイントツールです。ちょっとネタ的なツールですが、面白かったので。絵を1枚1枚描いていき、Encoded GIFsを押せばダウンロード可能になります。そのまま直接Tumblr...
WordPressのプラグインで上位ダウンロード数TOP108を元素記号のように一覧化したWebサイト・「The Periodic Table of WordPress Plugins」
The Periodic Table of WordPress Plugins The Periodic Table of WordPress Pluginsは最もダウンロードされているWordPressプラグインを108個、一覧化し...
jQueryのプラグインを大量に収集している・「Unheap」
Unheap UnheapはjQueryのプラグインを大量の収集、紹介しているWebサイトです。かなり細かくカテゴライズされているので探しやすい印象でした。社内向けに作ったリソースサイトらしいです。 Unheap
PhotoshopをWebデザインで使う際のファイルの扱い方をまとめる・「The Photoshop Etiquette Manifesto」
The Photoshop Etiquette Manifesto The Photoshop Etiquette ManifestoはWebデザインをする上での、Photoshopのファイルの扱い方のエチケットをまとめているサイトで...
国産のダミー画像生成サービス・「Placehold.jp」
Placehold.jp Placehold.jpは国産のダミー画像生成ツールです。画像サイズや任意のテキスト、背景やテキストカラーの変更や、JSONを使ったCSSによるカスタマイズなども可能です。 Placehold.jp
PDFファイルを画像やWord、Excel等にコンバートしたり24時間ホスティングしてくれる・「Cometdocs」
Cometdocs CometdocsはPDFファイルを様々な形式にコンバートしたり、時間限定でホスティングしたり、特定の誰かにメールを送ったり出来るPDF管理サービス。変換できるファイル形式はWordやExcelは勿論、GIFやPN...
ダミー画像を手軽に作成する・「PlaceIMG」
PlaceIMG PlaceIMGはダミー画像生成サービスです。マウスでスライダーを動かしてサイズを決めたり、数値でサイズを指定、ダミー画像のカテゴリの指定、フィルターでセピアやモノクロ化なども出来ます。 PlaceIMG
Web制作に役立つツールをまとめている・「WebPlatformTools.org」
WebPlatformTools.org WebPlatformTools.orgはWeb制作に役立ちそうな様々なツールをまとめているWebサイトです。カテゴリ分けもしっかりされていてサムネイルもあるので探しやすいかも。 Web...
ソースコードを画像化して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が発行される、というもの。特定の箇所をシンプルに...
一度だけダウンロードできるファイル転送サービス・「JustBeamIt」
JustBeamIt JustBeamItは一度だけダウンロードできるファイル転送サービスです。ファイルをドラッグ&ドロップするとアップロードされ、URLが発行されるので送りたい相手にそのURLを知らせる、というシンプルなもの。ファイ...
猫の画像をダミー画像として使える・「{placekitten}」
{placekitten} {placekitten}は猫の画像をダミー画像として利用出来るツールです。URLでサイズやモノクロ指定をするだけでダミー画像が表示されます。 {placekitten}
transition-timing-functionのcubic-bezier関数を動作を見ながら設定出来る・「Visualize and manipulate CSS transition functions」
Visualize and manipulate CSS transition functions Visualize and manipulate CSS transition functionsはCSS3のtransition-t...
オンラインのMarkdownエディタ・「Dillinger」
Dillinger Dillingerは、オンラインのMarkdownエディタです。コードはリアルタイムで反映され、Dropboxに保存したり、HTMLでエクスポートする事も可能です。 Dillinger
CSSの更新状態を監視し、表示を即時反映させる・「CSSrefresh」
CSSrefresh CSSrefreshはサーバー側のCSSに更新があったら表示を即時反映させるスクリプトとブックマークレットです。開発者向けになります。環境次第では楽になる方もいるかもしれませんね。 CSSrefresh
複数ブックマークレットを一纏めに・「Bookmarklet Combiner」
Bookmarklet Combiner Bookmarklet Combinerは複数のブックマークレットを一つのブックマークレットに纏めてくれるWebツールです。多数のブックマークレットを使用しているなら使う価値はありそう。 ...