私のサイトは"SVG"を返す - cocuh's note
お久しぶりです。こくです。 私のサイトのことについての記事です。 1年前から変えてあるのですが、 だれも気づかないので そろそろ軽く書きます。 typowriter.org index.svgおじさん 私のサイトのスクショあるじゃろ。 ここに /i_love_svgへのリンクがあるじゃろ。 /index.svgに飛ぶのじゃ。 sidebarのアニメーションとかはないですが、ほとんど同じ見た目のページを返します。 これからちょくちょく index.svgのサイト増えていくんじゃないかなと思っていますが、まぁ流行らないでしょう。 (一度SVGで書くとhtml代わりにつかうツラさがわかります。。。座標全部手打ちなので。。。) http accept headerも 私にリアルで会っている方には話してたりしますが、 HTTPのacceptヘッダにimage/svg+xmlを入れて投げるとこっちも
Textures.js
SVG patterns for Data Visualization Textures are useful for the selective perception of different categories View on Github Getting started -- from the top of d3.js -- var svg = d3.select("#example") .append("svg"); var t = textures.lines() .thicker(); svg.call(t); svg.append("circle") .attr("r", radius) .style("fill", t.url()); Lines
HTML5 と SVG で考える、これからの画像アクセシビリティ
This document discusses Yarn and its advantages over npm. It notes that Yarn uses yarn.lock files instead of npm-shrinkwrap.json files to lock down dependency versions. Yarn is also described as being faster, able to work offline by caching dependencies, and potentially more secure than npm with features like flat mode and module folders. The document suggests Yarn may handle dependencies and devD
手軽に肩こりを治療する方法はこれです
人によって症状には個人差がありますが、肩こりの症状を訴える人は少なくありません。これだけパソコンが世の中に普及していると仕事でパソコンを使う人は多く、パソコンを使う時間も一日のうちの仕事をしている時間のほとんどをパソコンに費やすという人も少なくないでしょう。そんな状態で長く仕事をしていると、だんだんと肩が凝ってしまったり、腰を痛めたりします。そのまま痛い状態を放置していると、今度はその症状もさらに悪化してくるので、できるだけ早期に治療を行った方が良いでしょう。肩こりを手軽な方法で治療するなら、人にマッサージしてもらうのが良いでしょう。マッサージチェアを購入していれば、肩こりの症状が出た時に自宅で手軽にマッサージすることはできるでしょう。しかし、マッサージチェアはかなり高いのでなかなか手が出ないという人は少なくありません。できるだけ手軽にマッサージをするのであれば、てもみ系のマッサージのお店
SVGOMG - SVGO's Missing GUI
Global settings Show original Compare gzipped Prettify markup Multipass Number precision Transform precision Features Remove doctype Remove XML instructions Remove comments Remove <metadata> Remove xmlns Remove editor data Clean up attribute whitespace Merge styles Inline styles Minify styles Style to attributes Clean up IDs Remove raster images Remove unused defs Round/rewrite numbers Round/rewri
Dsaltaren - UAE, Middle East
Skip to content Latest Post FMCG B2B Platforms and Collaboration: Facilitating Communication and Coordination Between Business Partners Understanding Local SEO Search for: Search We can't seem to find any result that match your search key. Go To Homepage You Missed Business الأعمال On FMCG B2B Platforms and Collaboration: Facilitating Communication and Coordination Between Business Partners Digita
SVG Icons - Ready to use SVG Icons for the web.
Ready to use SVG icons for the web. Choose an icon. All you have to do is copy & paste the HTML code. Don't forget to load the basic CSS file. <path fill="none" d="M15.439,23.783c-4.852,0-8.784-3.932-8.784-8.784c0-0.423,0.038-0.835,0.095-1.242l1.837,1.837 c0.358,0.358,0.939,0.358,1.298,0s0.358-0.939,0-1.298l-3.436-3.436c-0.186-0.186-0.43-0.271-0.673-0.264 c-0.244-0.007-0.488,0.078-0.674,0.264L0.79
東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します
東京の鉄道路線図SVGを作りました＆パブリックドメインで配布します ロンドン地下鉄路線図での作図方法に基づいた東京の鉄道路線図を作ったので公開・配布します time2014/12/20 hatenabookmark- Illustratorを使って、東京圏の交通路線図を作りました。 現在、これを書きだしたSVGファイルを以下に置いて、ウェブ上から見られるようにしています。まだマップとして大した処理はしていないので、PCとかだとスクロールが面倒ですが、スマートフォンなどタッチ端末だとそこそこ見られると思います。 なお、AIファイル・SVGファイルはパブリックドメイン(CC0)としますので、配布・改変・販売含め、煮るなり焼くなり好きに使っていただいてかまいません。 railmaps - github どうして描いたの？ 昔からハリーベック氏のロンドン地下鉄路線図がとても好きで、自分もこういうも
SVGモーフィングで、図形を徐々に変化させてみよう
2015年12月28日 SVG モーフィングとは、ある図形から別の図形へと自然に変形するように中間の画像を補正して映像を見せる技法です。Flashでは「シェイプトゥイーン」でモーフィングを表現していましたね（懐かしい！）。CSS3のアニメーションだと、画像の移動・回転なんかはできちゃいますが、形そのものを変形させるのは難しいです。SVGを使えば、そんなアニメーションも作成可能！さっそく挑戦してみましょう！ ↑私が10年以上利用している会計ソフト！ 追記（2015年12月28日）：SMILはSVG次期バージョンから非推奨となるようです。 Intent to deprecate: SMIL – Google Groups SVGモーフィングを使った例 SVGモーフィングとはなんぞや？ってことで、まずは以下の作例をご覧ください。徐々に変化していく様子がおもしろいですね！ リンク先ではバットマンの
Visualization is for Sharing: Using React for Portable Data Visualization | Viget
Data visualization has become a more frequent element of our work at Viget. Be it simple pie charts or beautiful maps displaying jersey sales, visually representing data in a compelling way is a great device for storytelling and provides rich fuel for social sharing. Yet making these illustrations fast, shareable, and accessible has its challenges. Although browsers are powerful, tightly coupling
A more efficient and organized workflow for SVGs
SVGs can be messy to develop with, often times being exported from a graphics application and being pasted into a document. However, they become much more delightful to work with when you have a readable file and clean markup. Optimizing SVG for the web When an SVG is exported from an application, it usually comes with code that’s unnecessary for rendering it on the web. For example, in Sketch, th
Notification Styles Inspiration | Codrops
Some simple ideas and effects for unobtrusive website notifications. A little script is employed for showcasing some styles and CSS animations are used for the effects. Today we’d like to share a couple of simple styles and effects for website notifications. There are a lot of ways to show an unobtrusive message to a user: from the classic growl-like notification to a bar at the top of the viewpor
Import web pages into Sketch
Sometimes you need to tweak or slightly redesign an existing web page without original assets. Some common ways to do this would be to recreate a page from scratch, tweak it in a web inspector, or in the worst case make a screenshot and mess with bitmap (if you enjoy pain). Another hacky way to do that is to actually convert the web page to a vector graphic. Here is how I do it: 1. Convert page to
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Animated Text Fills - SVG text with animated dashed stroke pattern
GitHub - SamHerbert/SVG-Loaders: Loading icons and small animations built with pure SVG.
Evil Icons
Android SVG to VectorDrawable
SVG `use` with External Source | CSS-Tricks
SVG MANIAX Ver.2 - Mars vanilla
JoyPixels | Simple Emoji Licensing
