[CSS3] Handy Roundup of CSS3 Generators and Tools – CSS3関連のオンラインジェネレーターまとめ
CSS3関連のオンラインツールまとめ。かなりの数のジェネレーターが紹介されてます。オールインワン型、レイアウト、グラデーション、ボタンジェネレーター、テキスト関連ツール、CSSスプライト、その他といった感じで、カテゴリ分けされて紹介されてます。しかしまぁこういうツールって色々あるもんスね。お世話になります。
Monthly Archives: 5月 2012
[Material] The Toolbox – Webデザインに使えるツール類を集めたサイト
Web制作の現場で使える各種ツールをまとめたサイト。JSやCSS、オンラインジェネレーター、アイコン素材、テクスチャ、コーディング向けスニペットなど色々あります。特にこれといってジャンルを限定していない分雑然とはしてるけど、なかなか役に立ちそうなものが多いので紹介。まぁウチのブログもやってる事は似たようなもんなのですが、なんつーか素材としての見せ方がウマいなーと思いました。
[Color Palette] ColorHexa – 色に関する情報やカラーパレットのサジェストをしてくれるサイト
RGBやCMYKなどで色指定をすると、その色に関する情報や、他の指定方法での記述例、カラーパレットなどを表示してくれるサイト。サクっと適当に色指定したいのであれば、入力フォーム左にカラーピッカーが用意されているので、そこから指定してみましょう。「Color Information」では、指定した色がRGB・CMYKでどの色で構成されているのかを見る事ができます。「Color Conversion」では他の指定方法における記述方法が。「Color Schemes」では指定した色に合うカラーパレットが出るようになってます。デザイン物のキーカラーを決めた後の配色なんかに使えそう。
[Web Design] 50 Remarkable Websites With Full Screen Backgrounds – フルスクリーン背景のクールサイトまとめ
背景が大きめ画像のフルスクリーン表示になってるクールサイトのまとめ記事。紹介されてる数はそれほど多くないけど、どのサイトもかっこ良く、この手のレイアウトをする際の参考になりそうなので紹介。インパクトの大きさだけでなく、レイアウトの参考にもなりそう。こういうの作りたいなー。
[Icon] Shifticons – アイコン素材ギャラリー
Webや印刷物などで使い勝手の良さそうなアイコンギャラリー。Browse Iconsから一覧を見る事ができます。有料のアイコンセットに関しては、1つあたりいくらのコストになるのかが明記されてて分かりやすいです。けど無料のアイコンセットの紹介が少ないのがちょっとなぁ・・・。探せば無料のものっていくらでもありますしね。あとサイトがオシャレです。アイコン探しの際に役立つかもしれません。
[Web Design] Reeoo – 流行りのウェブデザインギャラリー
流行りのウェブデザイン事例を集めたギャラリーサイト。各作例がサムネールで一覧になってて見やすい上に、紹介されてる量も多いです。あと質もなかなかな感じ。また色によるタグ付けもされているので、「黒っぽいサイト」みたいな条件でブラウズするのに向いてます。ウェブデザインのネタ帳に是非これひとつ。
[Web Tool] Em Calculator – Px to Em計算機
Px→Emの計算機。x pxで指定したい時に何emにすればいいのかサクっと計算できます。このツールのナイスな点は、要素をネストした際の親要素・子要素それぞれの計算をまとめてしてくれる点。Px単位突っ込むだけで算出してくれます。ただ現状SafariとOperaではバグがあるそうで、フィックス中だそうです。最近じゃフォントサイズなんかはEm指定が一般的ですしね。ナイスなので使わせてもらいます。
