タグ

designに関するdigdig_oのブックマーク (2)

  • SVG Explorer Extensionを使ってエクスプローラーでSVGファイルのサムネイルを表示した | ディグログ

    Media Previewを使ってエクスプローラーで動画のサムネイルを表示した | ディグログ 自作パソコンを組んでから結構経つんだけど、必要だったりあったら便利なソフトの導入が済んでないわけですわ。んで今回はエクスプローラーで動画サムネイルを表示させたからそれについて忘れないように書いておく。先日とキャンプに行った際に使った中華ア… ディグログ 今回はそれのSVG版ですね。 SVGってのは画像フォーマットの一つで、jpgやpngみたいなラスター画像(ビットマップ画像)と違ってベクター画像なんですよ。 拡大してもザリザリにならない便利な画像形式だって覚えといきゃいいと思います(雑 興味ある人は調べてください。そして僕に教えてください。 当たり前のようにどのブラウザも対応してるんでアイコンやロゴはpngではなくsvgを使ってくのが良いと思いますよ。古いIEは全無視でいいです。 最近のIEで

    SVG Explorer Extensionを使ってエクスプローラーでSVGファイルのサムネイルを表示した | ディグログ
    digdig_o
    digdig_o 2020/06/25
    PCを新調した未来の僕へ
  • スワイプでBefore/Afterを表現するスライダー「Beer Slider」

    WEB上では限定的な使い方にはなってしまいますが、フィルターのON/OFF・背景のモノクロとカラー、化粧の有り無しなど、全く同じもので異なる状況を比べるというときに便利なのが、今回紹介するスワイプでBefore/Afterを表現するスライダー「Beer Slider」です。 上記のように左右で写真が表示されて、スワイプまたはスライドで写真の表示領域を切り替えることが可能です。 詳しくは以下 ソースは比較的シンプルで、普段からWEB制作をしたことがある方であれば、問題なく実装できるレベルだと思います。実際のデモやコードのサンプルは「Beer Slider Responsive & Accessible Before-After Slider – Demo – PEPSized」からご覧いただけます。 ソース自体は「GitHub – pehaa/beerslider: A vanilla JS

    スワイプでBefore/Afterを表現するスライダー「Beer Slider」
  • 1