ハイパフォーマンスで超多機能を謳うアニメーションライブラリーが登場しました。HTMLやSVG、テキストなど、プラグインで拡張できる注目のJavaScriptライブラリーを試してみましょう。 この記事ではthednpとdalisoftによって開発されたオープンソースの多機能 ...

SVGで棒グラフのバーをアニメーションさせる ベクターベースのSVGは、多くの解像度へ対応が必要な場面でとても有効な技術と言える。今回はSVGの画像を、JavaScriptを使用して簡単にアニメーションしてみよう。 SVGで描かれた画像はベクター形式のため拡大 ...

ここ数年で一気にメジャーになった画像フォーマットの「SVG」。解像度に依存しないのでスマホ、レスポンシブ案件に使いやすい、パスを利用したアニメーションができるなど、さまざまなメリットがあるSVGを使いこなすための情報を9つお届けします。

第1回はSVGの基礎知識を、第2回と第3回でIE9がサポートする範囲 （予定含む） を中心にSVGの書き方を解説しました。最終回となる今回はSVGを実際に活用していく上でのノウハウを解説したいと思います。 HTMLなページへのSVGの埋め込みテクニック 第1回で解説 ...

旅行が好きな人の中には、旅行先でいくつも写真をとってブログに公開したり、訪れた場所ごとの感想をSNSに投稿したりと、旅行の詳細な経験を記録する人もいます。ソフトウェアエンジニアのルーカス・ベバー氏が作成した「Storytelling Map」は、旅行で ...