Resource - Archives

画像をDataURIスキームに変換する・「Data URI Generator」

Data URI Generator Data URI Generatorは画像をアップロードすると、同じ画像をDataURI形式で出してくれるジェネレーターです。尚、画像の大きさには制限があります。 Data URI Gene...

画面サイズごとの表示を確認出来る・「Screenqueri.es」

Screenqueri.es Screenqueri.esはレスポンシブWebデザインの表示確認ツール。iPhone、iPadやAndroidのような人気デバイスに限らず、GalaxyやBlackBerry、Kindleなど様々なデバ...

色を指定したら、その色に関連した色合いを抽出してくれる・「colllor」

colllor colllorは色のコードを指定する事で、その色と相性の良い色、トーンなどを抽出してくれるカラーツールです。 colllor
Ads

難読化、圧縮されたJavaScriptコードを綺麗に整形・「Online javascript beautifier」

Online javascript beautifier Online javascript beautifierは難読化、圧縮化されたjsコードをインデントして綺麗にしてくれるツールです。OSSとしても公開されています。 On...

様々なWebサイトのワイヤーフレームを紹介する・「Wireframe Showcase」

Wireframe Showcase Wireframe Showcaseは様々なWebサイトのワイヤーフレームを紹介するギャラリーサイト。実際に公開されているサイトとそのワイヤーフレームをギャラリーとして紹介しています。 Wi...

複数ブックマークレットを一纏めに・「Bookmarklet Combiner」

Bookmarklet Combiner Bookmarklet Combinerは複数のブックマークレットを一つのブックマークレットに纏めてくれるWebツールです。多数のブックマークレットを使用しているなら使う価値はありそう。 ...

様々なAPIを叩けるコードテスト&共有ツール・「CodeNow」

CodeNow CodeNowは、気軽にWeb APIをテストできるツール。特別な環境を必要とせずにAPIを試すことが出来ます。これからチャレンジしたい、という方の為のツールのようですね。 CodeNow

ドラッグ&ドロップでGIFアニメをオンライン生成・「Mothereffinanimatedgif」

Mothereffinanimatedgif Mothereffinanimatedgifはドラッグ&ドロップでアニメーションgifを作成出来るジェネレーター。中央にgifアニメに使いたい画像をドロップしていけばアニメーションgifが...

HTML5のテンプレートを作るスタータージェネレーター・「Initializr」

Initializr InitializrはHTML5で作るWebサイトを構築するためのスターターキットをジェネレートするツールです。様々なオプションもあるので好みの雛形を作成する事が可能です。 Initializr

オンラインでクロスブラウザテスト・「browserling」

browserling browserlingはクロスブラウザのテストを行えるツールです。バージョン別の様々なブラウザでの表示を確認できます。 browserling

WordPressでfunctions.phpによく含めるコードのスニペット集・「WP FUNCTION ME」

WP FUNCTION ME WP FUNCTION MEはWordPressのfunctions.phpによく書くコードをまとめたスニペット集です。必要な物だけをチェックしてコード化する事が出来ます。 WP FUNCTION ...

JPGをオンライン上で圧縮、最適化する「JPEGmini」

JPEGmini JPEGminiはjpg画像を劣化させずにサイズのみ縮小してくれるツール。圧縮後と圧縮前のファイルサイズの比較も出来る様になっています。 JPEGmini

HTML5スニペットの共有サイト・「HTML5 Snippets」

HTML5 Snippets HTML5 SnippetsはHTML5で使えるスニペットをまとめたWebサイト。個別ページではサンプルコードと動作デモを確認する事が出来ます。 HTML5 Snippets

HTMLを読みこませてCSSのclass,idをテキスト化・「Bear CSS」

Bear CSS Bear CSSはHTMLファイルからclassやIDを抜き出し、CSSの雛形を作成してくれるツールです。 Bear CSS

diff機能の付いたコード共有サービス・「Diffboard」

Diffboard Diffboardは、コードの差分をチェックする機能の付いたコードスニペット共有サービス。コードを貼ることで以前のコードとの差分をチェックする事が出来ます。 Diffboard

Android専門のアプリUIギャラリー・「Android App Patterns」

Android App Patterns Android App PatternsはAndroidに特化したアプリのUIパターンデザインギャラリー。ユーザーに人気のアプリのUIを表示確認する事が出来ます。 Android App...

ダミー画像を簡単に生成出来る・「placebox.es」

placebox.es placebox.esはURLからダミー画像を生成出来るWebツール。サイズや色を指定すれば、その設定に見合ったダミー画像が表示される。 placebox.es

iPhoneのモックアップを作成・「iPhone Mockup」

iPhone Mockup iPhone MockupはオンラインでiPhone向けサイトやアプリのモックアップを作成できるツール。手書き風、イラスト風のスタイルを選択できます。多機能では有りませんが、サクッと作りたいときは便利です。...

専用アプリも充実しているコードスニペット共有サービス・「pastebin」

pastebin pastebinはシンプルなソースコード共有サイト。コードの種類も豊富に対応されており、保存期間も指定可能です。公開/非公開の選択も可能。 pastebin

iOS向けの様々なフレームワークをまとめた・「iOS Frameworks」

iOS Frameworks iOS FrameworksはiOS向けのアプリやWebサイトなどを制作するためのフレームワークをまとめたWebサイト。ゲームエンジンやUIフレームワークなどコレクションされたフレームワークの種類は様々で...

色に関する様々な情報を提示してくれる・「ColorHexa」

ColorHexa ColorHexaは色に関する様々な情報を教えてくれるWebツール。指定した色と相性の良い色やRGB、CMYKから、カラースキームなども生成。CSSや、テキストに使用した際のデモなども。 ColorHexa

iPhone/iPad用のPhotoshop用テンプレート・「Photoshop Grids」

Photoshop Grids Photoshop Gridsは、iPad/iPhone用のグリッドとして作られたPhotoshop用テンプレート。ガイドも既に引かれており、モバイルファーストなWeb制作向けとして使えるようになってい...
Ads