Formatted suggested reading as unordered list (#33031)
This commit is contained in:
@ -46,23 +46,25 @@ We use the `<style>` and `</style>` tags to define the CSS in the HTML file.
|
||||
### Popular CSS Frameworks 2018
|
||||
Frameworks exist to make the more complex parts of css easier and more efficient for developers to build out websites.
|
||||
Some of the most popular CSS Frameworks are:
|
||||
Bootstrap, Foundation, Bulma, uikit, Semantic UI, mini.css, Materialize, Material Design Lite, Spectre, Kube, and tailwind.css
|
||||
Bootstrap, Foundation, Bulma, uikit, Semantic UI, mini.css, Materialize, Material Design Lite, Spectre and Kube.
|
||||
|
||||
### Suggested Reading:
|
||||
A good start is the FreeCodeCamp curriculum [Introduction to Basic CSS](https://learn.freecodecamp.org/responsive-web-design/basic-css).
|
||||
* [Introduction to Basic CSS](https://learn.freecodecamp.org/responsive-web-design/basic-css) by freeCodeCamp: a good place to start!
|
||||
|
||||
Another suggestion for beginners is W3C's [Starting with HTML + CSS](https://www.w3.org/Style/Examples/011/firstcss) teaches how to create a style sheet.
|
||||
* [Starting with HTML + CSS](https://www.w3.org/Style/Examples/011/firstcss) by W3C: how to create a style sheet - for beginners.
|
||||
|
||||
[Jon Duckett's book on HTML and CSS](https://www.amazon.com/HTML-CSS-Design-Build-Websites/dp/1118008189) could be an exellent start for the ones who wish to explore the topic to it's great depth with some amazing examples.
|
||||
* [CSS Zen Garden](http://www.csszengarden.com/): a great example of how the same HTML can be styled to look totally unique.
|
||||
|
||||
[CSS Zen Garden](http://www.csszengarden.com/) is a great example of how the same HTML code/structure can be styled to look different in unique ways.
|
||||
* [Jon Duckett's book on HTML and CSS](https://www.amazon.com/HTML-CSS-Design-Build-Websites/dp/1118008189) could be an exellent start for the ones who wish to explore the topic to it's great depth with some amazing examples.
|
||||
|
||||
[The Odin Project](https://www.theodinproject.com/courses/html5-and-css3) features a full course on using CSS alongside HTML.
|
||||
* [The Odin Project](https://www.theodinproject.com/courses/html5-and-css3) features a full course on using CSS alongside HTML.
|
||||
|
||||
For a demonstration of the power of CSS, check out [Species In Pieces](http://species-in-pieces.com/#).
|
||||
* [Species In Pieces](http://species-in-pieces.com/#): for a demonstration of the power of CSS.
|
||||
|
||||
Want more infomation about CSS? check out [MDN Web Docs for CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) for more resources for developers, BY developers!
|
||||
* [CSS-Tricks](https://css-tricks.com): awesome articles and summaries of Front End Development-related ideas.
|
||||
|
||||
When you're practice and working with CSS, you can refer to this [CSS reference](https://cssreference.io/) to help you along the way if you're unsure about a property. A great tool for helping visualize what each CSS property does.
|
||||
* [MDN Web Docs for CSS](https://developer.mozilla.org/en-US/docs/Web/CSS) for more resources for developers, BY developers!
|
||||
|
||||
To find some awesome articles and summaries of Front End Development related ideas visit [CSS-Tricks](https://css-tricks.com)
|
||||
* [CSS reference](https://cssreference.io/) to help you along the way if you're unsure about a property. A great tool for helping visualize what each CSS property does.
|
||||
|
||||
* [CSS-Tricks](https://css-tricks.com) Tips and tricks for working with CSS
|
||||
|
Reference in New Issue
Block a user