一から学ぶベジェ曲線 | POSTD
(編注：SVGアニメーションを元記事にならい追加しました。リクエストありがとうございました。) 皆さんは線分のことをどう表現しますか？ 線分は、端点によって考えられるかもしれません。その端点を P0 、 P1 と呼ぶことにしましょう。 線分を厳密に定義するならば、「 P0 と P1 を結ぶ直線において、 P0 と P1 の間にある全ての点の集合」と言えるかもしれません。これは以下のように表せるでしょう。 便利なことに、上記の定義から、その線分上のどこにある点の座標でも簡単に求めることができます。例えば、中点は L(0.5) にあります。 実は、2点間のどんな値でも、任意の精度で 線形補間する ことが可能です。そのため、時間関数 L(t) の t で線をたどるといった、より複雑なことができるのです。 ここまで来ると、「それが曲線と何の関係があるのか？」と不思議に思うかもしれません。2つの点だ
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
Bulletproof Accessible Icon Fonts | Filament Group, Inc., Boston, MA
Bulletproof Accessible Icon Fonts Posted by Zach Leatherman 01/13/2014 April 2020 note: Hi! Just a quick note to say that this post is pretty old, and might contain outdated advice or links. We're keeping it online, but recommend that you check newer posts to see if there's a better approach. Care must be taken when implementing icon fonts to ensure a great experience for all users. What happens w
商用フリーのベクター素材サイト 360freevectors
【360freevectors】はロイヤリティフリーのベクター素材サイトです。個人・商用問わずノンクレジットにてご利用いただけます。Download Royalty free vecotrs.360 Free Vectorsについて 【 360 Free Vectors 】のご利用ありがとうございます。 当サイトは個人が運営する、フリーベクター素材サイトです。 個人・商用問わずロイヤリティフリーでご利用いただけます。 全ての素材は無料で、加工やアレンジも自由です。 クレジット・リンク表記は不要です。 使用前、使用後の連絡・報告等も不要です。 Web・印刷物・映像などあらゆる媒体にてお使いいただけます。 データのご利用についてはこちらの「User's Guide」をご確認ください。 データについて 「illustrator CS6」を使用し、「illustrator 10」形式にて保存して
Sketch3がリリースされたので買って使ってみた。
Sketch3がリリースされたので買って使ってみた。 Publish2014/04/18(金) Sketchはサブで使ってメインは未だにFwのでぐちです。 さて、先日SketchがメジャーバージョンアップしてSketch3になりました。 Sketch3 Sketchについては色々なサイトで紹介されているのでざっくり説明にはなりますが、ベクターイメージとかを作成できるドローイングソフトです。以前ふにすの事務所でSketchの勉強会してたので、Sketchでできる事についてはそちらのレポを参照ください。 Sketch触って色々やってみようの巻レポ(マニュアル付き) さて、そんなSketchのメジャーバージョンアップが楽しくないわけはないので、早速購入して試してみました。 Sketch3のここが便利 以下Sketch3の便利な点を並べ立て奉りたいと思います。 起動が速い Sketchの個人的に一
ロゴの受け渡し（2012年）｜DTP Transit
ロゴの受け渡しについて、何度かふれてきましたが、改めて。 Illustratorで作成したデータをPDFに変換して渡す（Illustratorで開いてください、と伝えること） プリントメディア用のCMYKデータ、Webで使用するRGBデータを、それぞれ別途用意する 念のため、カラー指定を記入しておくとよい PDFデータは、それ自身が圧縮されているようなものなので、さらに圧縮する必要はない（受取側で解凍する1アクション増える） 白バック／黒バック、正方形／横長など、想定される使われ方に応じて用意しておく リンク先のURL、テキストで表記するときのレギュレーション（決まりごと）を添える また、細かいことですが、 同じカラーのオブジェクトはパスファインダーで合体しておきましょう。 線のみのオブジェクトは、塗りに変換しておくこと。 「logo.pdf」とかで送ってしまうと、受取側は困ります。「dt
HugeDomains.com
Captcha security check actyway.com is for sale Please prove you're not a robot View Price Processing
A Designer’s Guide to Grumpicon | Filament Group, Inc.
The number of devices with high resolution screens is rising, and with it the need for a simple way to deliver crisp, resolution-independent graphics that don’t waste bandwidth. Vector-based graphics, which are compact and scalable, are a great solution. Icon fonts deliver vector illustrations in an easy format, and there are huge variety of pre-made icon sets to choose from. So, problem solved? N
Using SVG | CSS-Tricks
DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit! SVG is an image format for vector graphics. It literally means Scalable Vector Graphics. Basically, what you work with in Adobe Illustrator. You can use SVG on the web pretty easily, but there is plenty you should know. Why use SVG at all? Small file sizes that compress well Scales to any si
半額セールが間もなく終了、Apple Design Award 2012 受賞の Mac デザインアプリ『Sketch』を見逃すな！
► 2022 ( 1 ) ► 11月 ( 1 ) ► 2021 ( 5 ) ► 9月 ( 1 ) ► 8月 ( 1 ) ► 1月 ( 3 ) ► 2020 ( 12 ) ► 10月 ( 1 ) ► 6月 ( 5 ) ► 5月 ( 1 ) ► 4月 ( 2 ) ► 3月 ( 2 ) ► 1月 ( 1 ) ► 2019 ( 6 ) ► 9月 ( 1 ) ► 7月 ( 1 ) ► 6月 ( 1 ) ► 3月 ( 2 ) ► 2月 ( 1 ) ► 2018 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 5月 ( 1 ) ► 3月 ( 1 ) ► 2月 ( 1 ) ► 1月 ( 1 ) ► 2017 ( 6 ) ► 12月 ( 1 ) ► 11月 ( 1 ) ► 8月 ( 1 ) ► 7月 ( 1 ) ► 5月 ( 1 ) ► 3月 ( 1 ) ► 2016 ( 27 ) ► 12
Sketch｜Apple Design Awards受賞 アイコン作成などに便利なベクターグラフィックアプリ[Mac] - iPad Creator
2012/06/13 Sketch｜Apple Design Awards受賞 アイコン作成などに便利なベクターグラフィックアプリ[Mac] 時刻: 6/13/2012 今年もAppleが革新的でデザイン優秀なアプリを選出するApple Design Awardsが行われました。その中でもMacアプリ部門で選ばれたMac用ベクターグラフィックアプリ「Sketch」を紹介します。 現在Apple Design Awards受賞セール価格でかなり安くなっています。 SketchはIllustratorをアプリやWebサイトのデザインやボタン素材などを作ることに特化したツールのように感じました。シャドウやグラデーションが手軽に重ねていけて、必要な機能に素早くアクセスできます。 選択中のオブジェクトにシャドウやテクスチャなどをどんどん追加していけます。 右側に並んだボタンのチェックをON/
Resolution Independence With SVG — Smashing Magazine
In this article, we’ll look at Scalable Vector Graphics (SVG), one of the most underused technologies in website development today. Before diving into an example, let’s consider the state of the Web at present and where it is going. Website design has found new vigor in recent years, with the evolving technique of responsive design. In this article, we’ll look at Scalable Vector Graphics (SVG), on
A Primer to Front-end SVG Hacking – David Bushell – Freelance Web Design (UK)
Using SVG (Scalable Vector Graphics) on websites is a lot safer than many front-end developers think. Authoring aside — I wouldn’t suggest trying to hand-code an illustration more complex than a triangle* — the standard is well supported in browsers today and perfect for resolution independence when CSS and icon fonts aren’t suitable. * Quick fire question: at which corner does this right-angle tr
What is SVG? [Guide to SVG Part 1]
SVG (Scalable Vector Graphics) is a very useful tool for drawing shapes and figures with simple code. It is probably one of the most useful tools that web designers are hesitant to use, although once you understand it, you’ll wonder how you lived without it! In this series we’ll be going through the basics of SVG, including how to use it and what it can do for you. This article is part of a series
![What is SVG? [Guide to SVG Part 1]](https://cdn-ak-scissors.b.st-hatena.com/image/square/dccc8d621d7f5ad7eaeaaf7181d1024dd884991f/height=288;version=1;width=512/https%3A%2F%2Fwww.html5canvastutorials.com%2Fblog%2Fwp-content%2Fuploads%2F2012%2F12%2Fsvg-icon.gif){kind=icon}
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVG MANIAX Ver.2 - Mars vanilla
SVG MANIAX - CSS Nite After dark7
IcoMoon App
Sketch
Switch to Sketch at OSS Cafe
PaintCode - Turn your drawings into Objective-C or Swift drawing code