Resource - その他

Markdown記法で書けるWiki・「Scribble」

Scribble ScribbleはMarkdown記法で書けるWikiサービスです。編集機能以外には特に機能の無い、非常にシンプルなもので使いやすい印象でした。プレビューも即時反映されます。 Scribble ※私事です...

ダイナミックなグリッドレイアウトを実装するスクリプト・「Free Wall」

Free Wall Free Wallはダイナミックなグリッドレイアウトを実装するスクリプトです。jQuery又はZeptoに依存します。モニターの幅に合わせてレイアウトが可変、ネストされたボックスにも対応しています。オプションも豊富...

ChromeやFiredoxなどのデベロッパーツールのコンソールで使えるスニペットをまとめた・「DevTools Snippets」

DevTools Snippets DevTools Snippetsは、ChromeやFirefoxなどのデベロッパーツールのコンソールで使えるスニペットをまとめているプロジェクトサイト。画像をData URI schemeに変換し...
Ads

レスポンシブWebデザインのリソースをまとめているハブサイト・「Responsive Design Knowledge Hub」

Responsive Design Knowledge Hub Responsive Design Knowledge HubはRWDの情報を収集したナレッジハブサイトです。定義に始まり、チュートリアルやツール、インスピレーション向上...

サンプルデータを手軽に作成出来るオンラインツール・「generatedata.com」

generatedata.com generatedata.comは名前や住所等のデータのサンプルを生成してくれるオンラインツールです。HTMLのテーブルやリストなどのテストに役立ちそうですね。データのタイプもかなり豊富に揃えられてい...

APIのドキュメントを作成/公開できる・「Apiary」

Apiary ApiaryはAPIのドキュメントを作成、公開できるWebサービスです。用途や利用法、コードなどを書けるだけでなく、目次も作成してくれるみたいです。ドキュメントの作成は割と面倒な作業なのでこういったツールを使うと楽できそ...

HTML5のフォーム要素のデフォルト表示を確認出来る・「Native form elements」

Native form elements Native form elementsはHTML5のフォーム要素のデフォルト表示がブラウザでどのように見えるかを確認出来るWebサイトです。各エレメントの表示確認を手軽に行えるようになってい...

JSONデータをtableタグに変換する・「json.human.js」

json.human.js json.human.jsはJSONデータを人間がパッと見で分かりやすいようにtableタグにコンバートするスクリプトです。ネストされたデータにも対応しています。ライセンスはMIT。 json.hum...

:nth-childの使い方を分かりやすく教えてくれる・「Master of the :nth-child」

Master of the :nth-child Master of the :nth-childは:nth-child擬似クラスの使い方を視覚的に分かりやすく教えてくれるWebサイトです。覚えれば何てことは無いんですけど、少し理解し...

Web制作に使えそうなWebツールを週一で知らせてくれるメールマガジン・「WEB TOOLS WEEKLY」

WEB TOOLS WEEKLY WEB TOOLS WEEKLYは週一でWeb制作に役立ちそうなWebツールを教えてくれるメールマガジンです。まだ始まったばかりのメルマガですが、今の所はCSSやHTML、JavaScriptに関する...

CSSのセレクターの知識を再確認できるクイズ・「Tricky CSS Selectors Quiz」

Tricky CSS Selectors Quiz Tricky CSS Selectors QuizはCSSのセレクタに関するクイズサイトです。表示されえたセレクタの影響を受ける列をクリックするだけの簡易的なものですがこういう形で見...

HTML5やCSS、jQueryなどのAPIのドキュメントサイト・「DevDocs」

DevDocs DevDocsはHTML5やCSS、jQueryなどのAPIに関する情報をまとめたサイトです。かなりの情報量で綺麗に纏められているのでとても探しやすい印象でした。キーワードを入力するだけで即時に候補を抽出するインスタン...

地図用に作られたマーカーアイコンのセット・「Maki」

Maki Makiはマップ上に表示させるマーカー用に作られたアイコンのセットです。電車やレストラン、ガソリンスタンド、駐車場や病院など、よく使われるアイコンが揃っています。Makiはオープンソースプロジェクトで、BSDライセンスの元で...

ソーシャルコーディングが可能なオンライン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...
Ads