東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します
東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します ロンドン地下鉄路線図での作図方法に基づいた東京の鉄道路線図を作ったので公開・配布します time2014/12/20 hatenabookmark- Illustratorを使って、東京圏の交通路線図を作りました。 現在、これを書きだしたSVGファイルを以下に置いて、ウェブ上から見られるようにしています。まだマップとして大した処理はしていないので、PCとかだとスクロールが面倒ですが、スマートフォンなどタッチ端末だとそこそこ見られると思います。 なお、AIファイル・SVGファイルはパブリックドメイン(CC0)としますので、配布・改変・販売含め、煮るなり焼くなり好きに使っていただいてかまいません。 railmaps - github どうして描いたの？ 昔からハリーベック氏のロンドン地下鉄路線図がとても好きで、自分もこういうも
レスポンシブデザイン・マルチカラー化対応で汎用性の高いSVG形式アイコン「Iconic」
「モダンなウェブのためのインタラクティブアイコンを」ということで作られたのが「Iconic」です。アイコンはSVG形式でも提供されているのでウェブ上でも簡単に利用でき、なおかつ、CSSを使ってアイコンの一部分だけに色をつけたり、マルチカラーで統一したり、変形させたり、レスポンシブにサイズ変更したりということも可能です。 Iconic https://useiconic.com/ Finally, Iconic is available! — In the kitchen at Iconic http://blog.useiconic.com/finally-iconic-is-available/ Iconicはもともとは2013年9月から10月にかけてKickstarterで出資を募っていたプロジェクトで、1万5000ドル(約153万円)の出資募集に対してなんと9万2000ドル(約937
Railroad Diagram Generator
Welcome to Railroad Diagram Generator! This is a tool for creating syntax diagrams, also known as railroad diagrams, from context-free grammars specified in EBNF. Syntax diagrams have been used for decades now, so the concept is well-known, and some tools for diagram generation are in existence. The features of this one are usage of the W3C's EBNF notation, web-scraping of grammars from W3C specif
Snap.svg - The JavaScript SVG library for the modern web.
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
SVGのTIPSなどのまとめ (2012/1/6)
スマホサイト制作に役立つかもしれないSVG画像 (アスデザ) SVGを始めるためのベストプラクティス (Internet Explorerブログ) Windows Phone対応のHTML5のWebページで、SVGとECMAScriptを使う (MSDNサンプルギャラリー) SVG GradientをSASS/LESSで生成してCSS Gradientとして扱うmixin (ヨモツネット) Raphael.jsでアニメーションするボタンを作る (5for1) SVG 透過していない部分だけクリックイベントを発生させる方法 (強火で進め) SVG 1.1での改行について質問です (Yahoo!知恵袋)
iOS 5が正式公開、Mobile SafariもHTML5関連が大幅機能アップ
Safari on iOS 5, HTML5 evolution for iPhone and iPad (Mobile Web Programming) Appleから10月12日に正式公開された、iPhone/iPad/iPod touch向けのiOS 5に内蔵されているMobile Safariは、HTML5関連機能も大幅に機能向上していると紹介されています。 (英語) 主な新機能や機能向上： HTML5 canvasやJavaScriptなどの速度向上 フォームのInput typeがdate, time, datetime, monthやrangeに対応 MathMLに対応 インラインSVGに対応 position:fixed; や overflow:scroll; に対応 Web Workers API, History Management API, XMLHttpReque
monoe's blog - Site Home - MSDN Blogs
In Visual Studio 2022 17.10 Preview 2, we’ve introduced some UX updates and usability improvements to the Connection Manager. With these updates we provide a more seamless experience when connecting to remote systems and/or debugging failed connections. Please install the latest Preview to try it out. Read on to learn what the Connection ...
SVGでグラフを描くJSライブラリ「Highcharts JS」
Highcharts JS - Interactive JavaScript charts for your web projects SVGで使って様々なグラフを描く、JavaScriptライブラリ「Highcharts JS」が公開されています。 (英語) 読み込み時にはアニメーションしながら表示されます。 ライセンスは非商用であれば無料で使えるようです。 株価チャートに適した「Highstock」というプロダクトもあります。
SVG To RaphaelJS Converter - Ready.Set.Raphael. Beta 2
Select File View It! Just a few things... This converter is using Raphaël 2.1.2 This converter will continue to use the latest available version of the Raphaël JavaScript Library. Click here to download the latest version from Github. If you'd like to help us maintain and/or enhance our converter, feel free to join in. Need fresh perspectives for your project? Explore what a reliable dissertation
ノウハウが世の中にない、まったくの手探り状態だった。 - WEBクリエイティブの舞台裏 第2回「SVG女子」 - MdN Design Interactive
<<< 前ページ：「読み込み高速化、データ軽量化への挑戦。」 日本マイクロソフト株式会社でUXエバンジェリズムを担当する春日井良隆氏。今回のコンテンツ制作に至った背景、プロモーションの狙いについて語ってもらった。 ──今回、SVGというフォーマットを使用した真意は？ 春日井●IE9がSVGをサポートして、SVGのレンダリングにGPUアクセラレーションが効くので、その機能をコンテンツとして見せたかった。Webで一般的に扱われる画像はJPEGかPNG、GIFなどの、いわゆるビットマップ画像です。それに対してSVGはベクターフォーマット。一般的には、地図や設計図のような精細な線画に使われていますが、スクリーンの大きさに関わらず滑らかな線画を見せられるのはベクターフォーマットならではの特性ですし、エンターテイメントでも使い道はあるはずだと思っていました。これで全ブラウザがSVGをサポートしたので、
はいだしょうこ画伯の5年間の成長を、SVGでモーフィングにしてみた - jsdo.it - Share JavaScript, HTML5 and CSS
Inkscapeで描いたpath要素をRaphaëlを使ってアニメーションさせています。 まるで成長していない・・・・・・・・・・ はいだしょうこ画伯の5年間の成長を、SVGでモーフィングにしてみた jQuery UI v1.8.1 Raphael 1.4.3 - JavaScript Vector Library jQuery v1.6 (function($) { /** * MorphingImage class */ MorphingImage = function(name, data) { this.name = name this.data = data || [] } MorphingImage.prototype = { addData: function(pathName, pathData) { if(typeof pathData !== "object" || $
SVG Girlの公開と内部実装 - KAYAC engineers' blog
乗り換え以外で初めてアメリカ行きました。ago（@kyo_ago）です。 すでに先週のこととなってしまいましたが、jsdo.it上でSVG Girlというコンテンツを発表したのでご紹介させていただきます。 （現在IE9のリリースに合わせて英語版のみ公開しています。日本語版は26日の日本語版IE9リリースにあわせて公開を予定しています） SVG Girlって？ SVG GirlはSVGを使ったアニメーション作品で、動画コンテンツの中身をすべてSVGのみで表現しています。 先週開催されたMicrosoft主催のMIX11のキーノートでも発表され（00:08:40ぐらいからご覧いただけます）、大画面に表示されたアニメーションで会場をわかせました。 SVGって？ SVGはテキストで表現されたベクターデータで、XMLで線画情報を保持しています。 ブラウザ上からは通常のDOM API経由で操作すること
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
Android Honeycomb's Browser Supports SVG
One of the most annoying things about Android's built-in browser was the lack of support for SVG (Scalable Vector Graphics). Android's browser was the most popular mobile browser that didn't support SVG and that was surprising, considering Google's push for better web apps. Ariya Hidayat tried to see if Honeycomb's browser can handle SVG files and the good news is that the answer is affirmative. H
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Map With Texture
SVGeodata
SVG MANIAX - CSS Nite After dark7
Snap.svg - Snap Demos
http://en.wikipedia.org//commons.wikimedia.org/wiki/File:Blank_US_Map.svg
SVG Demo
