Hey all, Recently I have been asked by a few friends/members to share some of the resources that I have come across when it comes to making websites. I am still an amateur in regards to CSS/JS items but I have learned that a lot of this just takes time and experience, like anything else that we do. Also if there are any sites that you have contributed or built, please share! I would love to jealous at your awesomeness. If you would like to share or contribute to this thread, please do! I hope that I am not the only one who enjoys this sort of thing. Books: Spoiler Jon Duckett - Web Design - HTML, CSS, JS, and JQuery Cheatsheets: Spoiler CSS Guidelines (2.2.3) – High-level advice and guidelines for writing sane, manageable, scalable CSS jQuery Cheatsheet Coolsites: Spoiler CodePen - Front End Developer Playground & Code Editor in the Browser Framework: Spoiler Bootstrap - getbootstrap.com Start Bootstrap - Themes for Bootstrap framework CSS: Spoiler Hover.css - A collection of CSS3 powered hover effects Animate.css Modals: Spoiler Material Modals Fonts: Spoiler Font Squirrel - 100% Free Commercial Use Fonts Google Fonts Google Noto Fonts Identifont Typographica Icons: Spoiler Fontello - icon fonts generator Font Awesome, the iconic font and CSS toolkit Simple Sharing Buttons Generator by @fourtonfish Colors: Spoiler Designspiration — Design Inspiration Browse by color - Dribbble Paletton - The Color Scheme Designer Lists: Spoiler Material List Controls
https://material.io/icons/ http://materializecss.com/modals.html https://material.google.com/components/lists-controls.html#lists-controls-types-of-list-controls https://www.google.com/get/noto/
https://startbootstrap.com/ If anybody wants to make a one pager for anything, just download one of those and adjust it to your needs! It's unbelievable, that those templates are free. Years ago such a service would've cost a lot of money... Slick sliding, responsive design, fixed menu bar, everything in there.
Font & Typography: http://webtypography.net/ http://ilovetypography.com/ https://pearsonified.com/2011/12/golden-ratio-typography.php https://www.fonts.com/content/learning/fontology/level-1/type-history http://practicaltypography.com/ http://learn.scannerlicker.net/2014/11/14/on-legibility-in-typography-and-type-design/ http://www.thinkingwithtype.com/ http://typeverything.com/ http://www.losttype.com/ https://www.fontshop.com/ Flow Charts (good to understand for designing how pages interact and flow between each other): http://www.breezetree.com/article-excel-flowchart-shapes.htm General: https://teamtreehouse.com/ Edit: Just realized you already had some of what I put up, so I deleted them from mine.
Been out of the loop for a while, but I assume these resources are as good as ever: For general education about tons of web languages and technologies there's always http://www.w3schools.com/ For making your life easier using javascript there's https://jquery.com/ also click the icons at the top to get to other jquery sites like http://jqueryui.com/