This is the Doggone Minimal Website modifications.
The Doggone Minimal Website (DMW) is something that I mashed together. I, being, crrdlx. The DMW is a cleaned-up and altered version of the Perfect 'Foul-Mouthed' Website. (Warning, very naughty language.)
The DMW is a one-page website (unlike the PureDogCSS website which is multi-pages). You can see the DMW source code at github.com/crrdlx/doggone-minimal-website An example of the DMW can be viewed here.
It's just added code. And it’s really clean and simple.
To make it look like the other pages, you'd have to add div class tags. Else, it looks like this. Which ain't bad.
An h2 heading. Some minimal things are needed to make this site perfect.
Let's talk about headings. The one above is an h2. You can go down to h6 if desired.
Also an h2 heading, but with a class
Above is also an h2 heading. However, it looks a bit different because it has a class listed. This is optional and can be included or not.
This h3 looks a bit different.
The point of headings and subheadings is to differentiate levels. That's why they each look a bit different.
This is an h4 heading.
Below I'll list h5 and h6 headers. They look a bit different.
This is an h5.
It gets smaller and has a different feel.
And this is an h6 header.
This h6 is the lowest level.
Some doggone declarations make it better.
Some wrangling of CSS and HTML is all it took to turn that site into this finally masterpiece. It’s so simple yet still has all the glories of the original perfect website.
- It’s finally lightweight and loads fast;
- Finally fits on all your screens;
- Finally looks the same in all your browsers;
- It’s still accessible to everyone that visits your site;
- It’s still legible and gets your point across.
This is a random picture. It's just here, hanging out. But it's probably a very nice picture.
Click the "Refresh" icon below and enjoy a new random pic.
And guess what, friend:
You never knew it, but it’s easy to improve reliability on your site. Here’s how.
A little more accessibility
You should take care of people.
The HTML tag doesn’t include the lang attribute in your webpage.
Have you ever listened to a wrong language screen reader lecture? What a bad experience.
And buttons! Buttons are fun to push.
Internal links can be set up
This is an internal link that jumps back up to the "Some minimal things..." section. Try it.
To make an internal link, do two things. (1) set an "a" anchor link, like the one here. This is where you jump from. It looks like href="#internal_link", but you can customize it. Then, set an anchor somewhere on the page that you wish to jump to, like up to the top of the page or whereever.
By the way, you can enter code format. This mini-paragraph is in between the code tags. That's why it looks a bit different.
Typography matters
Don’t be dumb with typography. Don’t let improper marks and quotes make their way onto websites because of dumb defaults in applications and CMSs.
And did you let the browser choose the font? Don’t make someone read text with Times New Roman.
You can change the colors too, if you want. Color are pretty, but they should add to the usefulness the User Experience (UX) and to beauty of the website. Colors shouldn't detract from the UX.
Tables are clean.
First you add some style stuff in the head.../head up top. Then the table.HTML Table
| Company | Contact | Country |
|---|---|---|
| Alfreds Futterkiste | Maria Anders | Germany |
| Centro comercial Moctezuma | Francisco Chang | Mexico |
| Ernst Handel | Roland Mendel | Austria |
| Island Trading | Helen Bennett | UK |
| Laughing Bacchus Winecellars | Yoshi Tannamuri | Canada |
| Magazzini Alimentari Riuniti | Giovanni Rovelli | Italy |
License, add a license.
Do you dislike intellectual property? No. So you must choose a license.
For instance, this PureDogPWA is licensed under the GNU GENERAL PUBLIC LICENSE Version 3. It can be reviewed more easily at the Choose a License site.
Yes, this is the last section
If you wish, you can use work on this PureDogPWA because it's open source (and uses the license above). GitHub repo at github.com/crrdlx/doggone-minimal-website
“If a tree falls in a forest, and no one is around to hear it, does it still fall?” — Somebody
Epilogue
Inspired by the geniuses at some brilliant, foul-mouthed websites.