前の記事 ≪:textareaに行番号を付けられるjQueryプラグイン
次の記事 ≫:画像の特徴色をJSで抽出できる「Colorify.js」

記事をどこまで読んだか、SVGとCSSでより分かりやすくしたサンプル

2016年01月14日-はてなブックマーク

スポンサード リンク
[PR] 日々膨大に出現するJS/CSSライブラリ等を意識にとどめておく方法

Reading Progress Indicator in SVG, CSS & jQuery | CodyHouse

記事をどこまで読んだか、SVGとCSSでより分かりやすくしたサンプル
記事をスクロールすると、円形のプログレスバーが進んで、デザイン的にもカッコよく、分かりやすくするインジケータを実装しています。
シンプルなプログレスバーでもいいですが、記事がかなり長文等の場合はこういうゲージがあるとわかりやすそうです


関連エントリ

スポンサード リンク

By.KJ : 2016年01月14日 09:00 livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitter/FBでお願いします(クリック)