ユーザー登録不要で手軽に使えるビデオチャットサービス・「appear.in」
appear.in appear.inはユーザー登録不要で使えるビデオチャットツールです。希望のアドレスを入力すればすぐに部屋が構築されますので、カメラ認証を終えれば即ビデオチャットをはじめることが出来るようになっています。気軽に使え...
Resource - その他
シンプルで丸みのあるデザインのアイコンセット・「IKONS」
IKONS IKONSはシンプルで丸みのあるデザインが可愛らしいアイコンセット。個人でも商用でも著作権表示不要で利用可能との事ですがご利用の際はご確認下さい。200以上のアイコンと、様々なフォーマットのデータも含まれています。最近はS...
様々なWebサービスのアカウント削除ページへのリンクと難易度をまとめた・「Just Delete Me」
Just Delete Me Just Delete Meは様々なWebサービスの退会ページのリンクと難易度をまとめたハブサイトです。退会しにくいサービス毎に色分けされています。面白い発想ですね。この機会に放置してしまっていたアカウン...
ネットワークがオフラインになるとアラートを出してくれるスクリプト・「Offline.js」
Offline.js Offline.jsはネットワークがオフラインになると通知を表示してくれるスクリプトです。接続が切れると同時に、そのユーザーにアラートを表示します。これはとても親切ですね。Webアプリ等にも良さそうです。ドキュメ...
フルスクリーン、入れ子、RWD対応などをサポートしたスライドコンテンツを実装するスクリプト・「SLIDEME!」
SLIDEME! SLIDEME!はフルスクリーンや入れ子、レスポンシブWebデザインなどにも対応したスライドコンテンツを実装するスクリプト。スライド内にスライドを入れ子で実装したりも出来ます。スライドに拘ったスクリプトですね。ちょっ...
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に変換し...
レスポンシブ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...