ブックマークレットも用意されている、引用文を綺麗に見やすくスタイリングするライブラリ・「Quotebacks」

Ads

Quotebacks


Quotebacksはブックマークレットやブラウザ拡張も用意されている、引用文を綺麗に見やすく整形するライブラリです。OSSとしてソースコードも公開されています。

以下のように引用と引用元へのリンクとファビコン、タイトルを付与してスタイリングしてくれます。作成ツールも用意されていますが、ブックマークレットやブラウザ拡張を使えば楽にHTMLを作る事が出来ます。

Ads

doodle.cssは手書き風のスタイリングが可能なスタイルシートです。CSSを読み込んでbodyタグにclass=”doodle”を付与するだけと導入も簡単です。テーマに近いものだと思います。

フォームやリスト、タイポグラフィ、引用や罫線、テーブルや画像の枠などがゆるい手書き風のUIとなります。

機能の記事です。テキストをドラッグしてブックマークレットを起動すればHTMLコードが発行されるので貼り付けるだけです。

この発行されるコードの中にCDNとしてquoteback.jsが含まれており、Githubでソースコードも公開されています。

このまま使ってもいいし、必要に応じてカスタマイズして使うのも良いですね。ライセンスはMIT。

Quotebacks