MingCute Icon is a set of simple and exquisite open-source icon library. Whether you're a designer or a developer, it's perfect for use in web and mobile.
かきかたプリントメーカーに「書き順アニメーション」という機能を実装した。 これを作る際に使ったテクニックを紹介する。スクリプトは不要。純粋なSVGだけで次ようなアニメーションが作れる。 (2021/06/16追記 : アニメーションSVGの貼り過ぎでスマホだとめちゃくちゃ重かったり表示されなかったり遅延が発生したりします。すみません。) SVGに「線を途中まで書く」という機能自体はない。そこでちょっと工夫が必要になる。 テクニックの概要はこんな感じだ。 「ものすごく荒い破線で線を表示し、破線のオフセットがちょっとずつ変化するようにする」 ステップ0 : 破線を使って「書きかけの線」を作る こちらはベジエ曲線1本で作った「の」である。 ソリッドな線で表示される。SVGのソースはこんな感じだ。 <?xml version="1.0" encoding="UTF-8" standalone="n
Whether you’re designing a social application, a music player, a content editor or need a detailed map, Zondicons has every icon you will need. Icons that you can trust for the job. Icons play a necessary role on the user interface. They help bring meaning, provide comfort and familiarity, but also create a voice. It’s important that they are non-intrusive enough to not take away from the core exp
透過PNGは素晴らしいフォーマットですが、そのファイルサイズもなかなかのものです。 透過PNGや透過GIF画像をSVG画像に変換し、JPEG圧縮・品質で軽量化するオンラインサービスを紹介します。
D3The JavaScript library for bespoke data visualization Create custom dynamic visualizations with unparalleled flexibility
このウェブサイトは販売用です! fontcustom.com は、fontcustomに関する情報用の最新かつ最適なソースです。一般的興味の問題に関連するトピックもここから検索できます。お探しの内容が見つかることを願っています!
すいません、まだ三話までしか見てないんです>< ソースはこんなん。 <?xml version="1.0"?> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="300" width="540" style="background-color: white;"> <defs> <g id="eye"> <circle stroke="black" fill="rgb(171, 98, 122)" r="60" cx="90" cy="90" /> <circle s
初日のキーノートの冒頭、Internet Explorer 9のHTML5対応を紹介するデモンストレーションの中で、異彩を放つクリエイティブが紹介されました。面白法人カヤックが提供する「SVG女子(Girl)」です。 「変化のない毎日。繰り返される日々。退屈な毎日を過ごしていた女子高生アイにInternet Explorer 9が現れ、またたくまに世界を変えてしまう!?」こうしたコンセプトで表現されたのが、この「SVG女子」です SVG女子とは? SVG女子とは、その名のとおり、SVGで描かれた女子を表現したクリエイティブです。 Internet Explorer 9がサポートしたSVGやHTML5のGPUアクセラレーションを活用したSVGレンダリングによるアニメーションとなっており、IE9の進化を表現したキャンペーンサイトになっています。 「SVG女子がなぜ生まれたのか?」「SV
乗り換え以外で初めてアメリカ行きました。ago(@kyo_ago)です。 すでに先週のこととなってしまいましたが、jsdo.it上でSVG Girlというコンテンツを発表したのでご紹介させていただきます。 (現在IE9のリリースに合わせて英語版のみ公開しています。日本語版は26日の日本語版IE9リリースにあわせて公開を予定しています) SVG Girlって? SVG GirlはSVGを使ったアニメーション作品で、動画コンテンツの中身をすべてSVGのみで表現しています。 先週開催されたMicrosoft主催のMIX11のキーノートでも発表され(00:08:40ぐらいからご覧いただけます)、大画面に表示されたアニメーションで会場をわかせました。 SVGって? SVGはテキストで表現されたベクターデータで、XMLで線画情報を保持しています。 ブラウザ上からは通常のDOM API経由で操作すること
通常、複雑な記述をより簡単にできるようにした、3Dを描画する軽量のスクリプトを紹介します。 サイトでは下記のように数多くのデモが楽しめます。 three.js -Javascript 3D Engine [ad#ad-2] three.jsは<canvas>, <svg>とWebGLを使って、2Dと3Dをレンダリングすることができます。 各デモは対応ブラウザ(Firefox4+, Chrome9+, Safari10.6+など)でご覧ください。
財団法人日本情報処理開発協会(JIPDEC)とgコンテンツ流通推進協議会の協催によるシンポジウム「g-Contents WORLD 2006」が10月16日・17日に開催され、SVG電子地図を活用するためのデモが行なわれた。また、マイクロソフトやヤフーも出席し、自社の地域情報サービスについて講演した。 ● 「地理空間情報活用推進基本法」で、国が整備した基盤地図の共用が可能に 「g」は「Geographic」の頭文字で、gコンテンツとは「位置情報に関係したコンテンツ」を表わす。従来、このような情報を扱うために必要な地理情報システム(GIS)の開発・流通は、限られた事業者においてそれぞれ独自の仕様で行なわれており、基盤となる地図(「基盤地図情報」「背景地図」などという)の整備から地域情報などコンテンツの制作・流通に至るまで、事業者ごとに閉じられた縦割りのシステムの中で進められてきたという。 g
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く