on:2013年12月12日sponsorsbox-shadowでふわりとした影をつくるCSSのジェネレーター、レスポンシブのチェック、アスペクト比の計算機、CSS/JSの軽量化など、たくさんの便利な時短ツールがありますが、それらの便利なツールを一つの場所にまとめたCovelopingを紹介します。Mapsの地図生成ツールもあり、新しいプロジェクトを始める時にも役立つものが揃っています。Coveloping便利ツールは現在23種類、アスペクト比の計算や一つのカラーに黒と白を加えたバリエーションを生成したり、box-shadowでふわりとした影をつけたり、jQueryのアニメーションのエフェクトなどがあります。これからもどんどん増えていくそうです。その中から、いくつか紹介します。Calculatorアスペクト比の計算ツール。黄金比や白銀比などの計算も簡単にできます。Generator一つのカラーを元に、ブラックとホワイトを加えたカラーを生成します。Generatorbox-shadowを使ってふわりと浮かんでいるようなエフェクトを生成します。Generator4つのコーナーそれぞれに角丸を設定でき、ラインもソリッド・点線・二重線などを使ったボーダーのCSSを生成します。Tester:nth-child()疑似クラスがどのように適用されるかテストできます。GeneratorCSSでさまざまな図形を描きます。デフォルトでもたくさん用意されており、オリジナルも作成できます。Tablesホバー時にその箇所が拡大して表示される価格表のリストをデザインできます。testerjQueryのアニメーションのエフェクトをテストできます。Minifier手元のスタイルシートから無駄なスペースや改行、コメントなどを削除し軽量化します。削除項目は全てオプションで選択できます。MinifierこちらはJavaScriptを軽量化します。Mapsを生成します。地図のデザインやマーカーの設置も簡単にできます。Obscurerスパムボットからメールアドレスを隠すため、ASCIIに変換します。TesterFacebookのOPGタグがサイトやブログにきちんと適用されているかテストします。