タグ

CSSとSVGに関するMukeのブックマーク (2)

  • コーディングを超加速するBrackets便利エクステンションまとめ

    最近色んなところでBrackets使ってますの声を聞けて嬉しい感じなんですが、Bracketsのアドベントカレンダーも余裕で挫折しているのでまた仕切り直して、せっせと紹介記事書いていきますね。今回は新しく知った拡張機能のなかでコーディング関連のものを紹介します。これまでの紹介したものはいくつかありますので見てみてくださいー。 Bracketsだって激しく進化してますよ!メインエディターとして1年使ってみて – WEBCRE8.jp PSDデザインカンプからのコーディングに超便利!Extract for Brackets – WEBCRE8.jp SVGをBracketsで使用・作成・編集するのに便利な拡張機能 – WEBCRE8.jp Brackets CSS Class Code hint 便利過ぎワロタ系のやつです。編集中のHTMLが読み込んでいるCSSのセレクターに書かれているcla

    コーディングを超加速するBrackets便利エクステンションまとめ
  • CSS Shaders はじめの一歩、CSS Filter を知る | Yomotsu net

    GraphicalWeb Advent Calendar 2012 の 6日目の記事です。 CSS Shaders は、利用することでこれまでの CSS の表現ではできなかった、要素に対する複雑な変形を行うことができます。例えば、サイン波を利用して次のような変形が可能です。 まずは CSS Shaders の書き方を知る前に CSS Filters についても少し知っておきましょう。 CSS Filters とはSVG にあった Filter 機能を整理した新しい仕様、Filter Effects 1.0の草案が現在 W3C に提出されています。この中には CSS のインターフェイスとして用意された filter プロパティーも含まれています。 CSS Filter とは特にこの filter プロパティーを指します。 CSS の filter プロパティーには値として指定できる関数がいく

    CSS Shaders はじめの一歩、CSS Filter を知る | Yomotsu net
  • 1