If you want to upskill and stay up to date on new tech, it's worth keeping an eye on some of these resources. Check out the links, sign up to email lists that iterest you or follow the authors on social media.
Please feel free to suggest more if I've missed something mega! :)
[[TOC]]
(FED = Front End Development)
- Frontend Masters
- Wes Bos
- Flexbox Zombies - more of a game, really fun way to learn
- Modern HTML & CSS From The Beginning (Including Sass) on Udemy looks good for beginners
- Build Responsive Real World Websites with HTML5 and CSS3 on Udemy looks good for beginners
- Inclusive Components by Heydon Pickering Modern html and js patterns for common components like accordions, tabs etc. (I've also used his Fukol Grid in production projects)
- Every Layout by Heydon Pickering Modern CSS layouts for all screen sizes
- CSS Grid by Example by Rachel Andrew Includes code snippets, blogs, a weekly email, talks and live code videos
- Layout Land by Jen Simmons (of Mozilla) Includes code snippets, blogs, a weekly email, talks and live code videos. The Layout Land Youtube channel is excellent.
- Frontend Mentor Loads of practice projects at all different levels, from complete beginner to guru-level. Take a design and build the thing, then get feedback on your work. (This is also a great place to share your own knowledge and start helping others!)
- SVG Optimiser (free, online)
- SVG Encoder (for using svgs in CSS)
- A practical guide to SVG on the web
- Illustrated guide to SVG path syntax
- SVG path visualizer
- Bezier Game (to help you master the path tool)
- Convert Google fonts to svg paths
- Covert relative and absolute paths
- CodePen Play and test frontend (or search and fork to copy!)
- Color Contrast Finder Gives accessible colors close to your original
- CSS Tricks A wealth of extremely useful articles and practical guides
- CSS Wizardy by Harry Roberts Quite long blog articles and tutorials
- Responsive Design Weekly Great site and weekly email with links to other resources
- Shop Talk Podcast by Dave Rupert and Chris Coyer Really enjoyable practical dev and design talk
- Picalilli by Andy Bell Dang Spicy tutorials and courses to level up as a front-end developer and designer
- Smashing Magazine Frontend and Design articles updated almost daily
- Grace Snow Design Proper blog coming soon ;)
- Accessibility Insights chrome extension A set of tools to test and improve accessibility on webpages
- EdEx Intro to Web Accessibility course FREE and comprehensive accredited course. This will raise your awareness like nothing else.
- Inclusive Design by Microsoft A brilliant overview of what inclusive design is and why it matters
- Mismatch Design Articles about designing with inclusivity in mind
- Inside Design Blog by InVision This is brilliant. Just read it
- Erik Kennedy website, blog, videos and courses Excellent UI designer with lots of very practical advice
- Nielsen Norman Group World Leaders in Research-Based User Experience
- Interaction Design Foundation blog
- UX Resources A great site that simplifies all the resources you need to learn UX
- Don't Make Me Think by Steve Krug BY FAR the best book ever about web design! (It's short too! So no excuses not to read this one)
- Enterprise Design Thinking Framework