SVGMagic
div要素の背景画像としてSVGを使用します。 SVGMagicの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとしてhead内に記述します。 <head> ... <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script src="SVGMagic.min.js"></script> </head> SVG画像をPNG画像に変換するのには、PHPを使用しています。 converter.php（ダウンロードファイル一式に含まれています） SVGMagic.min.js内では、配布元のサーバーのファイルを参照してい
Snap.svgを使ったSVGアイコンアニメーションのデモがカッコいい:phpspot開発日誌
Animated SVG Icons: Using Snap.svg to animate SVG icons Snap.svgを使ったSVGアイコンアニメーションのデモがいかしてます。 Snap.svgはAdobeが公開したSVGアニメーションライブラリですが、これを使って、フラットなんですが、小気味よくアニメーションするiOS7みたいな効果のデモです。 それぞれのアニメーションは地味なんですが、なんだか気持ちいい。 UIを触っていてウザくないけどなんか気持ちよく動く、的なiOS7風なUIづくりに活用できそう。 デモ 数年前にはもっともっとリッチにリアルになっていくのかと思っていたWEBですが、フラットで気持ちよくアニメーションするというのがトレンドになっていきそうです。 関連エントリ SVG関連の操作・アニメーション処理をシンプルにかける「SVG.JS」 美しいSVG背景パターンギャラ
pixivにアクセス解析機能が付きましたよ（前編） - pixiv engineering blog
こんにちは。UI大好きフロントエンド担当の@ykskです。主な仕事はコメントを書くことです。。 さて、先日pixivにプレミアム会員限定のアクセス解析機能が付きました。 プレミアム会員の方はこちらからご自分のレポートを見ることがきます。会員でない方はこちらに登録ページが、また、こちらにサンプルページがあります。主な機能は現在のところ以下の通りです。 イラストの全作品とそれぞれの作品についての閲覧数、総合点/評価回数、コメント数、ブックマーク数と被フォローユーザー数を直近1週間のグラフで見ることができる 作品のリファラー（pixiv内外のどこから訪問されたか）を見ることができる 最近反応のあった作品のリストを見ることができる 今回僕はUIの設計とJS、HTML、CSSの実装を担当したのですが、その際メイン機能のグラフを描く部分ではD3というデータのビジュアライズに特化したライブラリを使ってみ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Inline SVG - トラブルとその対策
