タグ

*svgに関するyamadarのブックマーク (9)

  • グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing


     Vue.js #3 Advent Calendar 2017  Qiita 4 SVG WebUI SVGVue WebUIjQuery plugin使divcanvas SVGUICacooFlashSVG nulab-i
    グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing
    yamadar
    yamadar 2017/12/05
    これは、興味湧く良い記事
  • SVGアニメーションの現状 | POSTD


    SVGScalabe Vector Graphics使 SVGXML2SVGXMLHTML SVG1SVGSVG SMILSyn
    SVGアニメーションの現状 | POSTD
  • HTML5 と SVG で考える、これからの画像アクセシビリティ

    This document discusses Yarn and its advantages over npm. It notes that Yarn uses yarn.lock files instead of npm-shrinkwrap.json files to lock down dependency versions. Yarn is also described as being faster, able to work offline by caching dependencies, and potentially more secure than npm with features like flat mode and module folders. The document suggests Yarn may handle dependencies and devD

    HTML5 と SVG で考える、これからの画像アクセシビリティ
    yamadar
    yamadar 2015/03/07
    IE8が早く滅びて欲しい。あとブラウザによって微妙にプロパティーの書き方が違うのは何とかならないかな。
  • Shape Hover Effect with SVG | Codrops

    In this tutorial we’ll recreate the hover effect as seen on The Christmas Experiments website. We’ll be using SVG for the shape and Snap.svg for animating it on hover. If you have visited the fantastic new edition of The Christmas Experiments then you might have noticed the really cool hover effect in the Christmas calendar that uses a triangular shape. The shape is made up of a triangle using bor

    Shape Hover Effect with SVG | Codrops
    yamadar
    yamadar 2014/01/09
     svgCSSJSpath  

    *CSS3

    *svg

    UI





    **
     
  • Shape Hover Effect with SVG | Demo 1

    Crystalline Soko radicchio bunya nuts gram dulse. View Cacophony Two greens tigernut soybean radish. View Languid Beetroot water spinach okra water. View Serene Water spinach arugula pea tatsoi. View Nebulous Pea horseradish azuki bean lettuce. View Iridescent A grape silver beet watercress potato. View Resonant Chickweed okra pea winter purslane. View Zenith Salsify taro catsear garlic gram. View

    yamadar
    yamadar 2014/01/09
    動きが面白い。DEMO2は可愛らしくて良い。
  • 試してみよう。背景の要素を自然にぼかす·Vague.js MOONGIFT

    Vague.jsはJavaScript製のソフトウェア(ソースコードは公開されていますがライセンスは明記されていません)です。 iOS 7が登場した直後に一気に注目を集め始めたのが背景をぼかす表現ではないでしょうか。類似のライブラリは幾つかあると思いますが、今回はVague.jsを紹介します。 一例。メインの画像以外はぼかしています。 画像を切り替えることもできます。アルバムに良さそうです。 こちらは中央以外がぼやけています。 こんな感じの表現も可能です。 Vague.jsでは擬似的ではなく、Webページの上に一枚重ねてぼかし表現を加えています。そのため若干重たい気がしますが、画像だけでなくテキストもぼかされるのでより正確な表現ができるようになっています。 iOS 7のレイヤーの重なり具合を表現するUIは新鮮ですが、自然なパララックスはとても難しいです。そこに大きな需要があるのではないかと

    試してみよう。背景の要素を自然にぼかす·Vague.js MOONGIFT
    yamadar
    yamadar 2013/10/28
     CSS  



    *javascript

    *svg
     
  • アイコンを表示させる際にSVGスプライトとPNGのどちらが重いかをテストした動作サンプル


    SVGPNG調 Codepen PNG vs SVG for spritesCheck out this Pen! Codepen使SVGPNG SVG便使  PNG vs SVG for sprites
    アイコンを表示させる際にSVGスプライトとPNGのどちらが重いかをテストした動作サンプル
    yamadar
    yamadar 2013/06/25
    そりゃそうだよなぁ・・・という結果。でも、こんなに重たくなるとはビックリ。
  • Learn web development  |  web.dev

    Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.

    Learn web development  |  web.dev
  • SVG女子|SVG Girl

    Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and

  • 1