WEB時短ツールWEB時短ツールは、Webのお仕事を快適にする便利なオンラインツール・素材へのリンク集。今日も少し早くお家に帰れますように。Workless2014/04/30フレームワークシンプルで、ポップなフレームワーク。Aeon2014/04/30フレームワーク飾りがなく、シンプルなレスポンシブグリッドです。Refills2014/04/28フレームワーク適度にアニメーションがついていて、使っていて心地の良いフレームワークです。Tutorials2014/04/28CSS関連HTML5はCanvasやVideoコード等を簡単書き出し。PropertiesやAnimationsコード等を簡単書き出し。Generator2014/04/24CSS関連css3のグラデーションを簡単に作成できるサービスです。プリセットからカラーを選択、または自由に色を選択すると自動でCSSコードが書き出されます。Grad32014/04/22CSS関連CSS3のグラデーション作成サービスですが、背景を付けたり、文字色・サイズの変更等もできて非常に便利です。CSSはグラデーションのみ、または文字なども含め全てのスタイルのダウンロードが選べます。自分でコードを書かなくても、項目を選択・スライダー調整するだけで、CSS3のコードを書き出してくれるサービスです。use...2014/04/22CSS関連CSS・HTML5・SVG・その他の各ブラウザ対応状況を確認できるサイトです。PCブラウザだけでなく、モバイルブラウザも一緒に確認可。レスポンシブサイト作成時に活躍しそうなサイトです。Browsershots2014/04/01その他ちょっと時間はかかりますが、特定ブラウザのスクリーンショットを確認することができます。Insightsを使うと、パソコンやモバイルでサイトにアクセスしたとき状態を診断することができます。タップしづらいボタンやリンク等も教えてくれるので、サイト制作時に非常に便利なツールです。2014/04/01その他レスポンシブデザインの検証をすることができるサービスです。様々なスマートフォン・タブレットで縦向き・横向きでサイトの確認ができます。IVORY2014/03/18フレームワーク12列のグリッドを持ったフレームワークです。2で割り切れる、3、4、6、12等分、または、5,8等分カラムにカスタマイズできます。moreIE7+で動作する軽量CSSフレームワーク.fitgrd2014/03/18フレームワーク12列のグリッドをもったレスポンシブCSSフレームワークです。IE7+で動作します。moreAdobeが作った軽量CSSフレームワーク2014/03/18フレームワークPSDファイルも用意されているので、デザイン案作成にも便利です。pure2014/03/18フレームワークYahooが提供している軽量のCSSフレームワークです。Builderページでは、色を選択することで、オリジナルのスキンを作成することもできます。公式サイトでレイアウト事例が紹介されていますので、参考にすることもできます。Cardinal2014/02/05フレームワークIE9以上で動作する、モバイルファーストのフレームワークです。指定するファイルを読み込むことでIE8まで対応できるようですが、動作保証はないようです。gridism.2014/02/05フレームワークシンプル・レスポンシブ・簡単なグリッドレイアウトです。Kraken2014/02/05フレームワークIE9以上で動作するCSSフレームワークです。IE8以下ではwidth:100%で表示されます。