IllustratorからhtmlにSVGアイコンを表示するまでの流れ - Qiita
イラストレーターでアイコンを作成し、svgタグで出力するための流れを書いてみました。 今回のサンプルでは点数を5つ星で表示するようなものを作ります。 記事は長いですが、解説が多いだけです（頑張って画像も付けました）。実際に私が書くと5分もかからず終わるレベルです。 svg周りはブラウザによって挙動が異なるので注意しながら制作してください。（今回ハマりました） Illustratorが無い方は（Illustratorは以上）まで飛んでください。 新規ドキュメント サイズなどは後で調整するので適当で構いません。 Webで使用するのでカラーモードはRGBにしてください。（色はCSSで調整するのでIllustrator上はCMYKでも大丈夫だったりします） 隠れている設定があるので「詳細設定」をクリックします。 更に「詳細」をクリックすると新たに隠れているものが出てきます。環境によっては元から開い
動的に背景イメージをジェネレートすることが出来る「GeoPattern」:phpspot開発日誌
GeoPattern 動的に背景イメージをジェネレートすることが出来る「GeoPattern」 SVGを使って綺麗なパターンを動的に背景に設定できるあたりが特徴。ユーザが超簡単に好きな背景イメージを文字から作れるというところで、どこかで使えそうなライブラリですね 関連エントリ HTML5動画を背景にできるjQueryプラグイン「vidbg.js」 背景画像をマウス位置と連動して遠近感を出せるjQueryプラグイン「jQuery Interactive BG」 3Dのクールな線形アニメーションをブロックの背景にするjs 背景に複数種類のビジュアルエフェクトを設定できるjQueryプラグイン「quietflow.js」 自動でCSS背景画像をスクロールさせるjQueryプラグイン「jQuery.BackgroundScroll.js」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ダミー画像をSVGで作成出来るオープンソースのダミー画像生成ツール・「placeholder.pics」
