This is a collection of all resources that can be referenced for designing and building a great frontend. This list is based on my experience in learning web designing.feel free to send pull requests.
Here is a short list with links to different sections of the document:
- Mozilla offers a detailed reference guide for HTML.
- Mozilla offers a detailed reference guide for CSS.
- CSS 101(http://css-101.org/)
- Try to remember most of these CSS selectors
- Best bootstrap CSS Explaination
- Collection of beautiful one page websites: Onepagelove
- Awesome CSS and JS applications: CSS Design Awards
- A place where you get current news and trend related to CSS: CSS Tricks
- To check out the upcoming new things that are made possible due to awesome web desigining: Codrops
- Free hand-picked HTML and CSS code examples, tutorials and articles. jQuery plugins. Free Front End
- Colour scheme selection: Coolors
- Resources for Gradients:
How to use gradients: Designmodo
- Official colors for the world's biggest brands:
- Flaticons offers the largest database of free and premium icons.
- Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS.
- Good website templates for free: Templated
- Must read before building any website professionally: Best practices
- Kerning Vs Tracking Vs Leading See the difference
- Whitespace Whitespace
- Mobile Reachability Rules of thumb
- Light or Dark UI Which is better