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 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
ロゴの受け渡しについて、何度かふれてきましたが、改めて。 Illustratorで作成したデータをPDFに変換して渡す（Illustratorで開いてください、と伝えること） プリントメディア用のCMYKデータ、Webで使用するRGBデータを、それぞれ別途用意する 念のため、カラー指定を記入しておくとよい PDFデータは、それ自身が圧縮されているようなものなので、さらに圧縮する必要はない（受取側で解凍する1アクション増える） 白バック／黒バック、正方形／横長など、想定される使われ方に応じて用意しておく リンク先のURL、テキストで表記するときのレギュレーション（決まりごと）を添える また、細かいことですが、 同じカラーのオブジェクトはパスファインダーで合体しておきましょう。 線のみのオブジェクトは、塗りに変換しておくこと。 「logo.pdf」とかで送ってしまうと、受取側は困ります。「dt
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/
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
この文書ではsvgをhtml埋め込みデータとして扱う際の覚書として作成した．svgの要素と属性は実際の例を踏まえて説明したつもり． 注意事項 仕様はここを参照のこと． 本文書では実際の挙動を調べつつ自分なりの解釈が入っているため，多々間違いが入ってしまうかもしれないが，気にしない． スクリプトを使ってsvg要素の中身(ソース)を出力しているため，一部実際のコードと表示されるコードとの間に差異があるが，予めご了承いただきたい． 目標は見栄えのする図形をsvgの手入力でサラっと記述できるようになることなので，複雑な図形は素直にinkscape等専用のツールを使うと良い．ただ，ここで示したことはツールを使う上でも役に立つと思う．特にアニメーションなど． svg:ベクター画像のカンバスの定義，title:タイトル，desc:説明 html文書においてsvg画像を挿入したい場合,embed要素を用い
A Responsive Design Case Study Sunday 17 Jun 2012 The many-device Web we use today has unearthed new design methodologies. Designing one website for 3.5”–30” screens and everything between and beyond is a tricky challenge. The Web is like any other medium; it has limitations. You wouldn’t try to print a super thin font or full-colour photography on uncoated newspaper stock and expect high fidelity
SVG, or Scalable Vector Graphics, is a XML-style markup driven vector graphic rendering engine for the browser. SVG is supported in every browser, except IE < v9 and Android < v3. The same support is available for canvas (except canvas goes all the way back on Android), so the question often surfaces: which one should you use? Today, we will survey SVG, and explain why the question of "which one s
知って得する、Webブラウザ上で利用できるグラフィック関連技術。HTMLのような感覚で図形が描画できる「SVG」をハックしよう SVGドキュメントの書き方 本連載では、Webブラウザ上で利用できるグラフィック技術を分かりやすく紹介しています。第2回となる今回のテーマはSVGです。 ご存じの方も多いと思いますが、SVGはXMLをベースにしたベクトルグラフィックスの記述言語です。PNGのような画像フォーマットの1つでもありますが、実際にはXMLを記述したテキストファイルであり、HTMLと同様にJavaScript（DOM API）による制御も行えます。HTMLがタグによって文書の構造を記述するのと同様に、SVGはタグで図形を記述します。 ■ XMLでベクトルグラフィックスを記述するSVG 実はSVGの規格自体はかなり以前から存在したのですが、長らくInternet Explorer（以降IE）
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く