レスポンシブWebデザイン対応確認用ブックマークレット・「VIEWPORT RESIZER」 VIEWPORT RESIZER VIEWPORT RESIZERは、閲覧中のWebサイトをリサイズしてレスポンシブWebデザイン対応状態を表示確認するブックマークレットです。PCと、タブレットやスマフォサイズに対応。 VIEW...2013.02.26 | 16時56分02秒
アップロードした画像をスマフォのアプリアイコンにする・「Makeappicon」 Makeappicon Makeappiconは、アップロードした画像をスマフォ用のアプリアイコンのサイズにしてくれるジェネレーターです。画像は画面上にドロップすればアップロードできます。 Makeappicon2013.02.26 | 16時47分08秒
シンプルなオンラインSVGエディタ・「Method Draw」 Method Draw Method DrawはシンプルなSVGエディタです。高機能ではありませんが、動作も軽量で基本機能もしっかいr備わっています。 Method Draw2013.02.25 | 13時51分11秒
Twitter BootstrapのCSSをオンラインで作成・「StyleBootstrap.info」 StyleBootstrap.info StyleBootstrap.infoは、Twitter BootstrapのCSSをオンラインで作成出来るジェネレーター。容易にBootstrapのカラーをカスタマイズする事が出来ます。ただし...2013.02.25 | 13時51分04秒
様々なコードスニペットを保存、編集できる・「SnipSave」 SnipSave SnipSaveは、スニペットコードを保存できるシンプルなコード共有サービスです。ユーザー登録も無料。高機能では有りませんが、使いやすく、広告も無いので見やすいです。 SnipSave2013.02.24 | 18時30分31秒
Webサイトの表示速度を計測できる・「Pingdom」 Pingdom Pingdomは、公開されているWebサイトの表示速度を計測し、速度を遅くしている要因を教えてくれるツール。URLを入力するだけで計測してくれます。 Pingdom2013.02.23 | 12時02分42秒
Web上でSQLをテストできる・「SQL Fiddle」 SQL Fiddle SQL FiddleはWeb上でSQLを実行テストできるツールです。MySQLやPostgreSQL、SQLiteなどに対応しています。 SQL Fiddle2013.02.23 | 11時02分28秒
レスポンシブWebデザインのレイアウトチェックツール・「The Responsinator」 The Responsinator The Responsinatorは、レスポンシブWebデザインの表示テストを行えるツールです。縦長になってしまうのですが、まとめて表示確認出来るのは便利だと思います。 The Respons...2013.02.21 | 22時14分17秒
オンラインでCSSやJavaScriptを圧縮・「Online YUI Compressor」 Online YUI Compressor Online YUI CompressorはYUIのオンライン版でCSSやJavaScriptを圧縮するツールです。公開しているファイルにも対応できます。 Online YUI Com...2013.02.21 | 21時33分17秒
レスポンシブWebデザイン対応のテンプレ生成ジェネレーター・「Responsify」 Responsify Responsifyは、レスポンシブWebデザインに対応したWebサイトのテンプレートを作成出来るジェネレーターです。グリッドのカラム数やブレークポイントなどを指定してからダウンロードします。 Respon...2013.02.21 | 20時22分34秒
画像をDataURIスキームに変換する・「Data URI Generator」 Data URI Generator Data URI Generatorは画像をアップロードすると、同じ画像をDataURI形式で出してくれるジェネレーターです。尚、画像の大きさには制限があります。 Data URI Gene...2013.02.21 | 20時15分58秒
画面サイズごとの表示を確認出来る・「Screenqueri.es」 Screenqueri.es Screenqueri.esはレスポンシブWebデザインの表示確認ツール。iPhone、iPadやAndroidのような人気デバイスに限らず、GalaxyやBlackBerry、Kindleなど様々なデバ...2013.02.21 | 19時57分04秒
色を指定したら、その色に関連した色合いを抽出してくれる・「colllor」 colllor colllorは色のコードを指定する事で、その色と相性の良い色、トーンなどを抽出してくれるカラーツールです。 colllor2013.02.21 | 19時37分51秒
難読化、圧縮されたJavaScriptコードを綺麗に整形・「Online javascript beautifier」 Online javascript beautifier Online javascript beautifierは難読化、圧縮化されたjsコードをインデントして綺麗にしてくれるツールです。OSSとしても公開されています。 On...2013.02.21 | 18時59分37秒
様々なWebサイトのワイヤーフレームを紹介する・「Wireframe Showcase」 Wireframe Showcase Wireframe Showcaseは様々なWebサイトのワイヤーフレームを紹介するギャラリーサイト。実際に公開されているサイトとそのワイヤーフレームをギャラリーとして紹介しています。 Wi...2013.02.21 | 18時54分49秒
複数ブックマークレットを一纏めに・「Bookmarklet Combiner」 Bookmarklet Combiner Bookmarklet Combinerは複数のブックマークレットを一つのブックマークレットに纏めてくれるWebツールです。多数のブックマークレットを使用しているなら使う価値はありそう。 ...2013.02.21 | 18時47分53秒
様々なAPIを叩けるコードテスト&共有ツール・「CodeNow」 CodeNow CodeNowは、気軽にWeb APIをテストできるツール。特別な環境を必要とせずにAPIを試すことが出来ます。これからチャレンジしたい、という方の為のツールのようですね。 CodeNow2013.02.21 | 18時42分54秒
ドラッグ&ドロップでGIFアニメをオンライン生成・「Mothereffinanimatedgif」 Mothereffinanimatedgif Mothereffinanimatedgifはドラッグ&ドロップでアニメーションgifを作成出来るジェネレーター。中央にgifアニメに使いたい画像をドロップしていけばアニメーションgifが...2013.02.21 | 18時26分22秒
HTML5のテンプレートを作るスタータージェネレーター・「Initializr」 Initializr InitializrはHTML5で作るWebサイトを構築するためのスターターキットをジェネレートするツールです。様々なオプションもあるので好みの雛形を作成する事が可能です。 Initializr2013.02.21 | 18時18分43秒
オンラインでクロスブラウザテスト・「browserling」 browserling browserlingはクロスブラウザのテストを行えるツールです。バージョン別の様々なブラウザでの表示を確認できます。 browserling2013.02.21 | 18時14分35秒
WordPressでfunctions.phpによく含めるコードのスニペット集・「WP FUNCTION ME」 WP FUNCTION ME WP FUNCTION MEはWordPressのfunctions.phpによく書くコードをまとめたスニペット集です。必要な物だけをチェックしてコード化する事が出来ます。 WP FUNCTION ...2013.02.21 | 18時05分17秒
JPGをオンライン上で圧縮、最適化する「JPEGmini」 JPEGmini JPEGminiはjpg画像を劣化させずにサイズのみ縮小してくれるツール。圧縮後と圧縮前のファイルサイズの比較も出来る様になっています。 JPEGmini2013.02.21 | 17時53分09秒