gazer_kojimaのブックマーク / 2013年3月22日

gazer_kojima id:gazer_kojima

2013年3月22日のブックマーク (3件)

SVGをもっと活用するために使いたい·svg.js MOONGIFT
svg.jsはアニメーションやイベント駆動型のSVGを実現するライブラリです。 SVGはまだ広く利用されているとは言いがたいですが、ビットマップではなくベクターデータなので拡大してもきれいなど特徴が多数あります。今回紹介するsvg.jsはSVGを使ったアニメーションを実現するライブラリになります。デモです。単純なオブジェクトの生成、移動、中央寄せが簡単に指定できます。クローンして重ね合わせ。重心の判定、傾けるのも手軽です。 X軸、Y軸のずらし。塗りつぶし。枠だけを描く、グラデーション（線形、円形）。クリック、マウスオーバー、画像マスクもできます。クリックしたオブジェクトだけ色を変更します。さらにアニメーションも自在に。プラグインによる拡張もサポート。 svg.jsを使えばアニメーションはもちろんのこと、画像を重ねて表示したり、マウスイベントによって形状や色を変更したりすること
gazer_kojima 2013/03/22
SVG

JavaScript

Web制作
リンク
[WebStorm]JavaScriptファイルをMinifyする(Source Maps対応) | バシャログ。
日頃から愛用してるIDEのPhpStorm 6 がリリースされました。JavaScriptにコンパイルされる系の言語のサポートが強化されたのが目立ちますね。今日は、6の新機能というわけではないですが、WebStormを使ってJavaScriptファイルをMinifyする方法について紹介します。概要 WebStormでjsファイルを編集したら自動的にMinifyされるようにします。JavaScriptにおいてMinifyとは余計な空白をとったり変数名を短くしたりして、機能的動作を変えずにJavaScriptのファイルサイズだけ小さくすることをいいます。今回はClosure Compilerを使います。インストールまず、Minifyを実行するプログラムをダウンロードします。Getting Started with the Closure Compiler Applicationからリン
gazer_kojima 2013/03/22
JavaScript

Mnify

WebStorm
リンク
CSSのみとSass/SCSS、Lessに対応したレイアウト系CSSフレームワークについて調べて表にしてみた | DevelopersIO
みなさまこんにちわ。 Webサイト高速化やSCSSの連載を書いている野中です。そういえばGoogle Readerが終了するとのことでとても残念ですね。読者のみなさまも次の引っ越し先ツール探しで忙しいところだと思います。そこで、クラスメソッド開発ブログのRSSも忘れずに登録をお願いします。とても更新頻度の高いブログということもあり、いろいろな切り口のRSSを用意しています。本題それでは本題ですが、レイアウト系のCSSフレームワークって色々ありますよね。個人的にはHTML上のクラスにあまり意味のない文字列は入れたくないので使っていませんでした。HTMLも編集しなければならないので。ふとSass/SCSSでExtendしたりMixinsで制御できるものであれば無駄なクラス指定を減らして可変でレスポンシブなグリッド制御ができるんじゃないか思って探してみたら色々とありました。最初
gazer_kojima 2013/03/22
SCSS

フレームワーク

Framework

Web制作

Responsive
リンク
- 2013年3月27日
- 2013年3月22日
- 2013年3月21日