2021年12月16日(木)
導入も楽々な手書き風のスタイリングが可能なスタイルシート・「doodle.css」
doodle.css
doodle.cssは手書き風のスタイリングが可能なスタイルシートです。CSSを読み込んでbodyタグにclass="doodle"を付与するだけと導入も簡単です。テーマに近いものだと思います。フォームやリスト、タイポグラフィ、引用や罫線、テーブルや画像の枠などがゆるい手書き風のUIとなります。
Webフォントは別途読み込みなので日本語環境に対応したフォントを読み込めば同じように手書き風のWebサイトが作れると思います。ライセンスはMIT。
doodle.css
author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
関連記事
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『導入も楽々な手書き風のスタイリングが可能なスタイルシート・「doodle.css」』についてまとめています。
この記事は特にフォントについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。