Web Design Resources

This is a page full of resources for making your very own website as well as on Wikipedia articles I find interesting. I love learning about how the Siberian Ice Maiden got her ancient tattoos? What did Etruscan music really sound like? Is Sporalogy the new Astrology? Who invented Russian ovens and is a degree in Canadian Studies really worth it? I have no internet browsers on my phone anymore. Becuase of my crippling porn addiction, I've blocked a number of things on my phone including most social media apps, and any way to search the internet. Looing for pictures? I use Wikimedia Commons. Have a question? I look on the Wikipedia app. If it's not there I often never find out, and that's okay. Click here if you'd like to see my other Wiki page on strange Wikipedia articles.

To see the page that originally inspired this one, check out the page of Strange Wikipedia Articles by Coffee Plant

Solaria: The maker of Solaria also has a number of useful tips and tricks viewable on their website.

Lyra Rebane: creator of Lyra.Horse also has a many useful tricks on her site as well.

Unusual Wikipedia Articles: Check out my other page on unusal articles from around the web.

How The Blog Broke The Internet

A Short History of Digital Gardens

The Website of Justin Hall the first blogger

Justin Hall's First Article (1991)

Semantic Elements

• Always use semantic elements first as opposed to 'div' and 'span' elements. These include article, aside, details, figcaption, figure, footer, header, main, mark, nav, section, summary and time. These define the type of content for the browser.
• Divs and Spans say nothing about the type of content.

Padding and Margins

• Top Right Bottom Left
• 5px 0px 10vw 3cm
• Margins are the space between the edge of an object and it's parent element
• Padding is The Space Between the content in an object and the edge of the same object

Fonts and Text

• font-weight: Normal, Bold, Light;
• font-family: Serif, Sans-Serif, Times, Arial, Courier, Fantasy, Monospace;
• text-align: left, center, right, justify;
• font-size; 1.5em, 15px, 2rem;
• color = find the list of CSS colors here

Links

• a: normal;
• a: visited;
• a: hover;
• a: active;
• How to open links in a new tab = <a href="mywebsite.com" target="_blank"> Click This To Go To My Website</a>
• How to open iframes in the same element (for navigation) = <a href="mywebsite.com" target="_parent"> Click This To Go To My Website</a>
• Find out more about linking to content farther down on the same page

Common CSS and HTML Tips

• The maker of Solaria has a number of useful tips and tricks viewable on their website.