fmaury/seirdy.one
1
0
Fork 0
mirror of https://git.sr.ht/~seirdy/seirdy.one synced 2024-11-24 05:02:10 +00:00
Code Issues Projects Releases Wiki Activity

Mention Brutalist Web Design

Browse source
This commit is contained in:
Rohan Kumar 2022-03-04 13:55:35 -08:00
parent 760bec2959
commit 86b4012ec0
No known key found for this signature in database
GPG key ID: 1E892DB2A5F84479
2 changed files with 32 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
content/posts/website-best-practices.gmi
View file

@ -321,6 +321,18 @@ Underlines also make it easy for readers with color vision deficiencies to disti
## Other places to check out ## Other places to check out
This page can be thought of as an extension of the principles of Brutalist Web Design:
* Content is readable on all reasonable screens and devices.
* Only hyperlinks and buttons respond to clicks.
* Hyperlinks are underlined and buttons look like buttons.
* The back button works as expected.
* View content by scrolling.
* Decoration when needed and no unrelated content.
* Performance is a feature.
=> https://brutalist-web.design/ Brutalist Web Design
The 250kb club gathers websites at or under 250kb, and also rewards websites that have a high ratio of content size to total size. The 250kb club gathers websites at or under 250kb, and also rewards websites that have a high ratio of content size to total size.
=> https://250kb.club/ The 250kb Club => https://250kb.club/ The 250kb Club

21
content/posts/website-best-practices.md
View file

@ -1,6 +1,6 @@
--- ---
date: "2020-11-23T12:21:35-08:00" date: "2020-11-23T12:21:35-08:00"
description: A lengthy guide to making small sites that focus on content rather than form. description: A lengthy guide to making simple and accessible sites that focus on content rather than form. Emphasizes brutalist web design, adaptability, and minimalism.
outputs: outputs:
- html - html
- gemtext - gemtext
@ -284,6 +284,25 @@ Underlines also make it easy for readers with color vision deficiencies to disti
Other places to check out Other places to check out
------------------------- -------------------------
This page can be thought of as an extension of the principles of Brutalist Web Design:
<figure itemscope itemtype="https://schema.org/Quotation">
<blockquote>
<ul>
<li>Content is readable on all reasonable screens and devices.</li>
<li>Only hyperlinks and buttons respond to clicks.</li>
<li>Hyperlinks are underlined and buttons look like buttons.</li>
<li>The back button works as expected.</li>
<li>View content by scrolling.</li>
<li>Decoration when needed and no unrelated content.</li>
<li>Performance is a feature.</li>
</ul>
</blockquote>
<figcaption class="h-cite" itemprop="citation">
&mdash; {{<indieweb-person first-name="David" last-name="Copeland" url="https://naildrivin5.com/">}}, <cite itemprop="isPartOf" itemscope itemtype="https://schema.org/CreativeWork"><a class="u-url p-name" itemprop="url" href="https://brutalist-web.design/"><span itemprop="name">Brutalist Web Design</span></a></cite>
</figcaption>
</figure>
The [250kb club](https://250kb.club/) gathers websites at or under 250kb, and also rewards websites that have a high ratio of content size to total size. The [250kb club](https://250kb.club/) gathers websites at or under 250kb, and also rewards websites that have a high ratio of content size to total size.
The [10KB Club](https://10kbclub.com/) does the same with a 10kb homepage budget (excluding favicons and webmanifest icons). It also has guidelines for noteworthiness, to avoid low-hanging fruit like mostly-blank pages. The [10KB Club](https://10kbclub.com/) does the same with a 10kb homepage budget (excluding favicons and webmanifest icons). It also has guidelines for noteworthiness, to avoid low-hanging fruit like mostly-blank pages.