2020年12月5日(土)
テキスト中心のコンテンツ向けに作られた超軽量スタイルシート・「SPCSS」
SPCSS
See the Pen QWKyJpY by kachibito
(@kachibito) on CodePen.
SPCSSはテキスト中心のコンテンツ向けに作られた超軽量スタイルシートです。開発者本人がテキストベースのコンテンツを良く作るそうで、デフォルトのスタイルに少し手を加えた形が本CSSのようで、これを共有しようと思って公開したそうです。特にリーダビリティを強く意識しており、広すぎない幅と#333に抑えられたフォントカラーはストレスなく目で文字を追えるように、適度な余白やパッと見でリンクやコード、引用などが分かるように設計されています。見出しはリンクがあっても無くても黒ベース、text-decolationもなくしているみたいですが、リンクあり無しかの明示はあった方が良いかなとは個人的に感じました。とはいえ、確かに読みやすさは感じられます。
個人的に何かの記事を読むときはブラウザエクステンションのReader Modeを普段使って可読性をあげているのですがこちらのレイアウトに近い感じで読みやすかったです。CDNも用意されていて気軽に試せるのも良いですね。ライセンスはMITとの事です。
SPCSS
0
19
0
5author:
かちびと.net
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログ
Ads
WordPressやJQueryなどを中心に、Web開発者のためのチュートリアルやコードスニペットの記事を公開しているTakahashi Yoheiさんのブログかちびと.netの記事『テキスト中心のコンテンツ向けに作られた超軽量スタイルシート・「SPCSS」』についてまとめています。
この記事は特にフォントについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のかちびと.netで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとかちびと.netの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
