フロントエンド開発の為のコンポーネント集・「FORMSTONE」
FORMSTONE FORMSTONEはフロントエンド開発のためのコンポーネントを集約しているWebサイトです。RWD対応のCSSグリッドシステムやドラッグ&ドロップで出来るアップローダー、モーダルウィンドウ、カルーセルなど様々なコン...
Resource - Archives
Web Audioの制御やOSCデータの送信が可能なオーディオUI向けJavaScriptライブラリ・「NexusUI」
NexusUI NexusUIはWeb Audioの制御や他アプリケーションへのOSCデータの送信等が可能な、Webブラウザ向けのオーディオUIを設計する為のJSライブラリです。モバイルフレンドリーに作られているとの事です。名前はこん...
商用でも無料で利用できる、高解像度な写真素材の配布サイト・「KaboomPics.com」
KaboomPics.com KaboomPics.comは商用としても利用可能な、高解像度の写真を配布するWebサイトです。ブロガーやフリーランサーに是非使って欲しいとの事。現在は約500ほどの写真が公開されています。サイズは主に3...
BingのTOPページで利用された高品質な写真を壁紙用としてダウンロード出来る・「Bing Homepage Gallery」
Bing Homepage Gallery Bing Homepage GalleryはBingが過去5年間に渡ってTOPページで使用してきた高品質な写真を壁紙としてダウンロードできるギャラリーサイトです。カテゴリや色などから探すこと...
PSDファイルで利用されているフォントを調べるツール・「.psd fonts」
.psd fonts .psd fontsはPSDファイルに含まれているフォントの名前を調べてくれるツールです。PSDファイルをアップロードすると解析し、フォント名を挙げてくれます。詳しく調べていませんので精度は分かりませんが、便利と...
様々なWebサービスのブランドガイドラインをまとめた・「Find Guidelines」
Find Guidelines Find Guidelinesは様々なWebサービスのブランドのガイドラインへのリンクをまとめたWebサイトです。プロモーションやマーケティングにWebサービスのロゴを使用したい時などにお世話になるペー...
OSSとして公開されている、匿名でメッセージを共有出来るAndoroidアプリ・「Faceless」
Faceless Facelessはオープンソースとしても公開されている、匿名型メッセージ共有Androidアプリです。ユーザーは名を伏せた状態でメッセージを発信する事が出来ます。アプリはPHPとMySQLで動作させているみたいですね...
テキストやMarkdownにも対応したテーブル作成ツール・「Tables Generator」
Tables Generator Tables GeneratorはHTMLだけでなく、プレーンテキストやMarkdown記法、LaTeX、MediaWiki記法にも対応したテーブル作成ジェネレーターです。プレーンテキストのテーブ...
専用のドローツールで描いた絵を元にロゴをデザインしてくれる・「Logoshi」
Logoshi Logoshiは用意されたドローツールで描いた絵を元にロゴを自動でデザインしてくれるツールです。上図のように、適当に描いたものでもそれっぽいロゴを作成し、名刺やパンフレットにした際のプレビューも表示してくれます。アイデ...
開発者向けのアイコンフォント・「Devicons」
Devicons Deviconsは開発者向けのアイコンフォントです。Githubのロゴは勿論、各プログラミング言語のアイコンや人気のライブラリ、OSやCMSなど開発者の身近なアイコンがセットになっています。ライセンスはMITとの事で...
OSSとしても公開されているHTMLチェックツール・「HTMLHint」
HTMLHint HTMLHintはOSSとして公開されているHTMLの構文チェックツールです。従来の高性能なものではなく、シンプルなツールですが、インラインのCSSやJSもチェックする事ができます。エラー箇所はｘ印が付き、マウスホバ...
ユーザー登録不要のシンプルなビデオチャットサービス・「Talky」
Talky Talkyはユーザー登録不要で使えるビデオチャットサービスです。チャットルームの部屋の名前を決めてカメラへのアクセスを許可すれば開始出来ます。本ツールはsimpleWebRTCを使えば同じようにビデオチャットアプリを作るこ...
任意のキーワードからドメイン名を提案してくれるドメイン検索ツール・「Confirm.io」
Confirm.io Confirm.ioは任意のキーワードを入力すると、そのキーワードを使ったユニークなキーワードのドメイン名を提案してくれるドメイン検索ツールです。勿論普通に空きドメインを検索する事も可能です。こちらはインスタント...
OSSとして公開されているHTML5製のCSSスプライト作成ツール・「Stitches 」
Stitches Stitchesはオープンソースとして公開されているHTML5製のCSSスプライトジェネレーターです。画像をアップロードし、配置を決めてDownloadsをクリックすればコードとプレビューが表示される、というシンプ...
スマフォでも利用可能なオンラインブックマーク・「Raindrop.io」
Raindrop.io Raindrop.ioはスマフォでも利用可能なシンプルで綺麗なブックマークツールです。ChromeやFirefox、Safari、Opera等の拡張が用意されています。ユーザー登録後はすぐに利用可能で、リンクや...
記事にサブタイトルを加えるWordPressプラグイン・「Secondary Title」
Secondary Title Secondary Titleはブログの記事タイトルとは別にサブタイトルを加える事が出来るWordPressのプラグインです。まぁそれだけなのですが、個人的にこの発想がなかったので備忘録。これ、プラグイ...
閲覧中のWebサイトのブレークポイントに沿ったプレビューを作成するChromeエクステンション・「Emmet Re:View」
Emmet Re:View Emmet Re:Viewは閲覧中のWebサイトのCSSからブレークポイントを検出し、そのサイズに合わせたプレビューをその場で作成してくれるChromeエクステンションです。それぞれのプレビューはスクロール...
Bootstrapのテーマ専門のマーケットプレイス・「BootstrapBay」
BootstrapBay BootstrapBayはBootstrapのテーマを販売する専門のマーケットプレイスです。様々なテーマがリーズナブルな価格で販売されています。まだ数はそう多くないですが、モバイルファーストな管理画面とかラン...
画像をクリック時に全画面表示するスクリプト・「Intense Images」
Intense Images Intense Imagesは画像をクリックした際に全画面表示するスクリプトです。非依存型で、単体で動いてくれます。フルスクリーン化だけでなく、マウスを動かしてスクロールする事も可能です。うまく説明出来な...
動画やGIFで確認出来るiOSアプリのUIモーションギャラリー・「CAPPTIVATE.co」
CAPPTIVATE.co CAPPTIVATE.coはiOSアプリのUIモーションを動画やGIFで確認出来るデザインギャラリーです。様々なアプリのUIモーションを手軽に確認出来るのは有難いですね。実際に触ってみないと何とも言えない部...
コメントアウトや空要素等を取り除けるHTML圧縮ツール・「HTML Minifier」
HTML Minifier HTML MinifierはHTMLを圧縮するツールです。コメントアウトやスペースの除去、引用符の削除、空の要素、空の属性の除去などが可能です。それぞれの項目はチェックボックスで選択する事で圧縮します。HT...
Androidライクなパターンロックを実装するスクリプト・「Pattern Lock」
Pattern Lock Pattern LockはAndroidのようにパターンでロックを掛ける為のスクリプトです。jQueryに依存します。上記のようにcaptchaの通りなぞる事でロックが解除される、といった、スパム対策も可能で...