The Coolors website helps you pick color schemes for your website or web-App. You can either:
- Explore trending palettes https://coolors.co/palettes or
- Make a palette of your own https://coolors.co/generate
Coolors color schemes
CSS Fonts
CSS Font Stack
“A complete collection of web safe CSS font stacks.”
Says Dan from Dan’s Tools
Usefull overview what fonts are available on Windows and Mac systems.
Web-Fonts
When you want to be certain the font looks the same on all operating systems and browsers:
https://www.cssfontstack.com/Web-Fonts
To include the Actor font in your webpage:
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Actor" />Then use the font in your Css stylesheet:
p { font-family: Actor; font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; }Due to the Golden Ratio displayed on https://www.cssfontstack.com/Actor .
The Web Developer Bootcamp 2021
In january 2021, I enrolled in this Udemy course. This one handles all you need for HTML, CSS and JavaScript.
“The only course you need to learn web development – HTML, CSS, JS, Node, and More!”
(Course subtitle)
It isn’t free, but it’s worth my investment. A lot is just a reminder of what I already know, but there is also a lot that is new to me and certainly improves my skills.
- 63 hours on-demand video
- 47 articles
- 122 sources
- 62 coding excercises
- lifetime access
- certificate of completion
Check out the introduction video below, or visit the course on Udemy.
Using Google Icons
An easy way to put sharp Icons on your webpage is by using Google Icons.