Webサイトをハロウィンでのっとるブックマークレットを作ってみました - なぜ、みゃみゅに玉子がついたのか？
今年は仕事ではハロウィンをやらないため、 最終的にはこんな感じになってます。 ハロウィンアニメーションを変えてみたよ。 githubのmarkdownだとブックマークレットのリンクが殺されるみたいだから、https://t.co/QsQNf8dHOX デモページの一番下のリンクから登録したほうがいいのかもしれない。 pic.twitter.com/QiI1ZhkK3O— みゃみゅ玉子 (@myamyu) October 19, 2019 このブログの右側にボタンをつけてみたので、気になる方は試してみてください。 ブログにもつけてみた ブックマークレットの登録は Happy Halloween 2019 こちらをブックマークバーに持っていってください。 試しにYahooで実行するとこんな感じになります。 photos.app.goo.gl ちょっとでも楽しんでもらえたら幸いです。 自サイトに
SVGフォントエディタ – Inkscape@JP
SVGフォントエディタを使えば、SVGフォントを自作することができます。SVGフォントエディタは、メニューから「テキスト(T) > SVGフォントエディタ」で起動します。 作成したSVGフォントをInkscapeの中でそのまま使うことはできませんが、フリーのフォント変換サイトを利用してTTFに変換することにより、作成したフォントをプログラム上で扱うことができるようになります。 0.49ではフォント開発支援用のエクステンションが追加される予定ですが、0.48で作成する場合にはキャンバスサイズなどを手動で設定する必要があります。 0.48では、次の手順でTTFを作成できます。 Inkscapeを開き、「ファイル(F) > ドキュメントの設定(D)」の「ページ」タブで、カスタムサイズの幅と高さに1000.00pxを設定します。このサイズが1文字分となります。 キャンバスに文字を作成します。1文字
SVG & CSSでアンサガのスキルパネルのようなメニューを作る
「SVGにチャレンジ！ 第1回」です。第2回があるかは分かりません。 インラインSVGを使って『アンリミテッド：サガ』というゲームのスキルパネル風のメニューを作ります。 実物は「アンリミテッドサガ スキルパネル」とかで画像検索してみてください。 このスクエアさんの『アンリミテッド：サガ』というゲームがすごく好きでですね……以前からこれをウェブページとして作ってみたいと思っていたんですよ。 クリッカブルマップとかも考えましたが、あれあまり好きじゃない。 というわけでSVGでやることにしました。拡大しても綺麗ですしね！ Unlimited Saga Style Panel Menu with SVG & CSS デモファイルをダウンロード 表示確認で一番期待通りに表示できたのは、Firefox 7とChrome 16 devです。 IE 9とSafari 5.1は、transitionしません
SVG女子を90%軽くしたSVG軽量化テク+α #svggirl
あいつ仕事してないで女の子のイラストばっかりいじってるぞと陰ながら言われていた喜納です。 HTML5で動くSVGアニメーション「SVG女子」がラスベガスでのマイクロソフト基調講演MIX11で公開され、 世界を（いろんな意味で）驚かしてきましたが、 ついに本日、日本でも公開されました！ しかも日本版に合わせてアニメーションも長くなっています！ こっそりブラウザを英語にして見ていた人も必見です！ （神風動画さんによる予告編動画！） 神風動画さんによるハイクオリティアニメーションをSVGで再現すると言う試み、 プログラムについては SVG Girlの公開と内部実装（プログラマーブログ） で担当プログラマーの吾郷が説明していますが、とにかく いかにSVGをきれいに軽くするかが最重要！ SVGといえば拡大しても荒れる事の無いベクター形式で、pngよりも軽くつくれたりすることで使われていますが、 今回
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
