タグ

2017年6月9日のブックマーク (2件)

  • CSSで米印つきの<ul>、<ol>リストを作る - 続・すみっこの記

    商品の注釈なんかで ※1 注釈だよ ※2 注釈だよ ※3 注釈だよ とか ※注釈だよ ※注釈だよ ※注釈だよ みたいなリストを作りたいことがあるじゃないですか。 こういう場合のCSS指定を毎回忘れるのでメモしておきます。 米印つきの<ol> CSS ol.asterisk { counter-reset: number; list-style: none; } ol.asterisk li:before { counter-increment: number; content: "※"counter(number)" "; } 表示結果 注釈1 注釈2 注釈3 米印つきの<ul> CSS ul.asterisk li { list-style-type: none; text-indent: -1em; } ul.asterisk li:before { display: inline;

    CSSで米印つきの<ul>、<ol>リストを作る - 続・すみっこの記
    yayocan
    yayocan 2017/06/09
    米印 リスト
  • SVGコンテンツ制作に役立つ! 流行りのSVGライブラリまとめ - ICS MEDIA

    SVGはベクターグラフィックスの画像形式で、昨今のウェブサイトで幅広く使われています。ウェブサイトのアニメーションやインタラクションにもSVGを使えますが、その用途ではJavaScriptを使わなければなりません。 たとえば矩形を1つ描くだけでも標準のAPIでは10行近いコードの記述が必要になりますが、JSライブラリを利用するとほんの数行で実装可能です。手軽に導入できるだけでなく、JSライブラリを使うことで表現の自由度が上がったり、古いブラウザもサポートできる利点もあります。この記事では有用なSVGライブラリをいくつかピックアップし、それぞれの特徴を紹介します。 Snap.svg Snap.svgはAdobe Systems社が提供しているオープンソースのライブラリです。SVG DOMの操作や、アニメーション・モーフィング、マスキング・クリッピングといったさまざまな高度な機能を簡潔に提供し

    SVGコンテンツ制作に役立つ! 流行りのSVGライブラリまとめ - ICS MEDIA
    yayocan
    yayocan 2017/06/09
    svg