[B! svg] haiji505のブックマーク

物理サーバを選定する際のポイント – Eureka Engineering – Medium

Eureka EngineeringLearn about Eureka’s engineering efforts, product developments and more.

haiji505 2016/12/09

CSS
SVG

リンク

Mediumに学ぶ！SVGシンボルとCSSでロゴやグラフィックを効率よく使い回すノウハウ

SVGの一部をCSSで操作してもっと効率よく使い回ししたい…そんなときは、ちょっとした発想の転換が必要です。ヒントはMediumのロゴにありました。 2016年、SVGは、ファイルサイズ、スケーラビリティ、CSSのおかげで、Webページで広く使われるようになりました。場合によってはアイコンフォントのほうが好まれることもありますが（「Build Your Own SVG Icons」参照）、アイコンシステムとして使われることもあります（「The Great Icon Debate: Fonts Vs SVG」参照）。それだけではありません。SVGはロゴやグラフィック要素にも使えます（少なくとも、過度に複雑なものでなければ）。また、もともと柔軟性に富んでいるので、レスポンシブなWebサイトを作るには完璧な味方になってくれます（Sara Soueidan「Making SVGs Respon

haiji505 2016/12/02

svg

リンク

Case Study: Our SVG Icon Process

When I wrote about why you shouldn’t use icon fonts in your next web project, I had no idea it would spark so much heated debate and intense discussion. One recurring question stood out to me: How might one actually implement an SVG icon system? It’s a surprisingly difficult question to answer. Should you use <img>, <svg>, <object> or pure CSS? Will you combine your icons into a single sprite or k

haiji505 2016/02/03

svg

リンク

https://www.androidify.com/ja/

haiji505 2014/11/05

リンク

【第22回 HTML5とか勉強会レポート】 Processing.js、SVG、WebGL。HTML5周辺のグラフィック関連技術

HTML5による最新Webアプリ 2011年10月26日、品川グランドセントラルタワーのマイクロソフト品川本社にて、「第22回 HTML5とか勉強会」が開催された。HTML5とか勉強会は、HTML5に関心のあるエンジニアやコーダー、デザイナー向けの勉強会だ。今回のテーマは「グラフィック関連API」。当日の様子をお伝えしよう。 Processing.jsってなんだ？まず、ゼロベースの田中氏（@dotimpact）からプレゼンがスタートした。田中氏は美術大学で非常勤講師をしたり、Processingの入門書執筆なども手掛けている。 Processingとは田中氏のプレゼンは、Processingの紹介から始まった。田中氏の＠ITでのProcessingの記事「Processingの対話式スケッチプログラミングで遊ぼう」も参照いただきたい。 Processingは2001年、MITメディア

haiji505 2011/11/23

リンク

ただ線がひけるだけのSVG

haiji505 2010/02/25

SVG

リンク

今年注目した３つのwonderfl hara編 | _level0 - KAYAC Front Engineer Blog

今年１年、wonderflを見ない日はなかったと言ってもいいほどwonderflを見ていたし、実際毎日見に行って余りあるくらいに色々面白い作品が投稿されていました。そこで今回は、ここ１年でwonderflを見ていて、個人的に「これはすごい」と感嘆した作品、ベスト３をご紹介します。 1.Sewing creator:Saqoosha http://wonderfl.net/code/a8ca5c13cc58d57b94c5af543438d376d2ce4e54 投げ出されたひもが、文字の形に定着します。ぱっと見、どうやっているのかさっぱりわかりません。ソースを見てみると、1000行を超えるソースコードの大半はSVGを扱うライブラリであることがわかります。なので注意して見るべきは90行目あたりまで。 PathToArrayというライブラリの名前を変えて使ってるみたいですね。ここ