[B! SVG] manatenのブックマーク

manaten id:manaten

SVGに関するmanatenのブックマーク (16)

GitHub - edent/SuperTinyIcons: Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
manaten 2017/04/18
svg
リンク
Book Release: SVG Animations | CSS-Tricks
Get 30% off on all hosting plans with Cloudways, a managed cloud hosting platform for WordPress and more. Our own Sarah Drasner has published a book! You can grab it from the O’Reilly website or Amazon. If you need a little convincing, I figured I would post the foreword I wrote for the book here, then you can continue reading over on the O’Reilly site. Foreword Have you ever learned a new word, t
manaten 2017/04/02
SVG
リンク
Amazon.co.jp: できるクリエイター Inkscape独習ナビ Windows&Mac対応できるクリエイターシリーズ: 大西すみこ, 小笠原種高, 羽石相, 山本潤一, できるシリーズ編集部: Digital Ebook Purchas
manaten 2016/10/14
svg
リンク
Tumblr
manaten 2015/08/30
SVG
リンク
OKBTOGEL > Situs Bandar Togel 5D dengan Hadiah Terbesar di Nusantara Raya
HOME > OKBTOGEL > OKBTOGEL > Situs Bandar Togel 5D dengan Hadiah Terbesar di Nusantara Raya OKBTOGEL > Situs Bandar Togel 5D dengan Hadiah Terbesar di Nusantara Raya OKBTOGEL hadir sebagai salah satu bandar togel online yang menawarkan hadiah terbesar khususnya untuk pasaran 5D. Bagi Anda penggemar togel yang mencari situs tepercaya dengan berbagai keuntungan, OKBTOGEL adalah pilihan tepat. Di sin
manaten 2015/08/27
最近svgへの関心が高まってるので期待。

SVG
リンク
A JavaScript framework for building fantastic SVG widgets - Svidget.js
Build fantastic visual SVG Widgets. Svidget.js is a JavaScript framework for creating immersive and fully interactive SVG widgets. By componentizing your data visualizations as widgets, you can quickly and easily embed them on any website while keeping a clean separation between SVG and HTML. Svidget.js is no longer being maintained, and has been archived. You can still use it, but it is recommend
manaten 2015/04/06
SVG

Javascript
リンク
HTML5 と SVG で考える、これからの画像アクセシビリティ
7. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http:// www.w3.org/1999/xlink" viewBox="0 0 100 100"> <path d="M0,42.197C0,18.892,18.892,0,42.197 ... "/> <rect x="0" y="20" width="10" height="10"/> <polygon points="81.098,61.017 88.796,76.614 ... "/> <text>Lorem ipsum dolor</text> </svg>
manaten 2015/03/07
SVG
リンク
Snap.svgの使い方まとめ
Snap.svgの使い方まとめ How to useすなっぷ.svg タイトル svg要素の基本的な使い方まとめ・別館 written by DEFGHI1977@xboxlive 本記事ではsvg世代のjavascriptライブラリとして有望なSnap.svgの使い方について実際に動作しているサンプルを交えて解説しています（これは動作サンプルであると同時にテストコードと言えるものですね）．なお間違いがあったり，バージョンアップに伴う不整合が発生するかも知れませんので，その点ご容赦下さいね．やっぱり手でゴリゴリ書いてます．なお，Snap.svgを用いたSVG(もしくはjavascriptの)入門記事ではありません．Snap.svgを上手く活用したいのであれば，背後で動いているsvgについてよく知っている必要があります．そのため，ある程度SVGやプログラミングの知識があることを前提に話を
manaten 2015/02/04
javascript

SVG
リンク
Inkscapeで絵を描いてみる
ラスタライズするときはGimp2を使うと便利です。Inkscape SVG形式のファイルを読み込み時に画像ピクセル数・パスのインポートの有無が指定でき、殆どのラスター形式で書き出すことが出来ます(ただしInkscapeのレイヤーは統合されます)。 Inkscapeのエクスポート→pngは透過属性が保持された32bit-pngで書き出されます。書き出す範囲(ページ全体/選択範囲のみ/座標指定)や画像ピクセル数をダイアログで変更できますが、オブジェクトを複数選択していると、それらは統合されて出力されます。 Effectメニューからスクリプトで全オブジェクトを1枚ずつ書き出す[Group to PNGs]は、デフォルトの解像度(90dpi = Zoom率100%の表示サイズと同じ大きさ)でオブジェクトごとの範囲で切り出されてしまいますが、スクリプトファイルをテキストエディタで編集する事で用紙サ
manaten 2015/01/25
SVG
リンク
Microsoft Corporation
Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find
manaten 2014/08/21
SVG
リンク
WebフォントとSVGフォント
2. HTML5とWebフォント  HTML5の概要    HTMLの10年振りの新バージョン（2011年 5月にLast Call、2014年にW3C勧告予定） www.w3.org/TR/html5/ 広義のHTML5はHTML5/CSS/SVG/WOFF から構成されるOpen Web Platformを指す Webフォントとは    CSS フォント機構（@font-face）によりWeb ブラウザからダウンロード表示可能なフォント対応フォントフォーマットはOpenType、SVG フォント、WOFFフォントなど欧米では多くのWebフォントサービスがスタート 4. Webフォントの仕様  WebフォントのW3C標準仕様    CSS Level 2において1998年に導入 www.w3.org/TR/CSS2/ 策定中のCSS Fonts Level 3で機
manaten 2014/02/03
font

SVG
リンク
IcoMoon App
Easily mange your icons and integrate them in your projects. Browse free icons or import your own SVG icons to export as icon font, SVG, PNG, sprite and more.
manaten 2014/01/27
SVG

font
リンク
ドット絵svg化スクリプトver2
お手持ちの画像（jpg,png,gif等）をsvg形式に変換します．本プログラムで作ったsvg画像は元画像のピクセル情報を維持するように設定されているので，拡大してもドットがぼやける心配がありません．その為，ドット絵に適したスクリプトとなっているのですが，一般の画像においてもサイズがそこそこ（600px平方位）なら減色処理を行うことで割とまともに動作するsvg画像となります．前回公開したものは，1ピクセル毎に1要素を設定していたため，出来上がったsvg画像が重すぎると言った問題がありましたので，今回は色毎にpath要素に集約して見ました．従って，このバージョンでは色数が少ないほうが上手く行きます．動作はfirefox，chrome，operaで行なっています．webworkerが動作する環境でお試しください． chromeではsvgの動作が芳しくないため，処理結果そのものに問題は
manaten 2013/10/16
SVG
リンク
jQueryとSVGでhoverすると色かわるみたいな〜 - w7工廠
サンプルはこちら→W7工廠分室|トップページイメージマップ(map area要素)を作るより、イラレで直接SVG出力したほうが簡単かなと思って作りました。いいえ。半分は嘘ですｗ roomx氏に<map>と<area>で画像内にリンク配置。ソレにhoverで変色効果つけてネ…(；´Д｀) - roomX’s BLOGを作られてしまったので（jQueryなしで動くし、ソースコードも綺麗で解説も丁寧ｗ）最後に「ん？出来たんだ？じゃあ、次はSVG画像で造ってね…(；´Д｀)」って言われてるので作ってみましたｗ SVG自体中身をあまり見ていなかったのですが・・・こっちのほうが簡単？座標操作が要らないし、複雑になると下記のものだとだめなのでしょうが参考までに。 ■仕組みまず色設定が各図形で宣言されてなく、前に宣言された要素の情報を引き継ぐ形？＝個々に色設定がないの
manaten 2013/07/10
SVG
リンク
Apache(tm) Batik SVG Toolkit - a Java-based toolkit for applications or applets that want to use images in the Scalable Vector Graphics (SVG)
Apache Batik¶ Overview License Download Notes Status Demo FAQs Batik Wiki Mailing lists Contributors Bug database Projects using Batik Batik Tools¶ Overview Browser Rasterizer Font converter Pretty printer Using Batik¶ Overview Architecture Javadoc APIs DOM API Parsers Scripting¶ Scripting with ECMAScript Scripting with Java Scripting with Security SVG generator Swing components Transcoder API Ext
manaten 2010/12/23
java

svg
リンク
Batik SVG Toolkit
BatikはJava(tm)技術に基づく、スケーラブルなベクトルグラフィックス (SVG) フォーマットのイメージを、表示する、生成する、あるいは操作するといった様々な目的で、利用するアプリケーションのためのツールキットです。このプロジェクトの目標は、開発者に、個別のSVGソリューションをサポートするために利用できるように、提携できるような、あるいは単体としての、一連のコアモジュールを提供することです。モジュールの例としては、SVGパーサであり、SVGジェネレータであり、SVG DOM実装であります。Batikプロジェクトのもうひとつの目標は、これを高度に拡張可能にすることです（たとえば、Batikでは開発者がカスタムSVGタグを操作することを可能にしています）。プロジェクトのゴールが、一連のコアモジュールの提供にあるとしても、その派生物のひとつは、完全に成熟したSVGブラウザの実
manaten 2010/12/23
java

SVG
リンク
1