A collection of front end resources and people to follow brought to you by fenders.
-
Mozilla Developer Network - https://developer.mozilla.org/en-US/ The Mozilla Developer Network is the go to resource for learning web technologies including: Web standards such as CSS, HTML, and JavaScript and Open Web app development.
-
Can I Use - http://caniuse.com "Can I use" is a free website that provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers. A highly useful website for web developers to check to see which browsers the latest techniques are supported in!
-
CSS Tricks https://css-tricks.com/ CSS-Tricks is the ultimate website for front end developers what started back in 2007 as CSS website it's now become a site about all things web design and development. A great resources for developers and designers a like, this is a good place to start.
-
Codepen - http://codepen.io/ CodePen is a playground for the front end side of the web. It's all about inspiration, education, and sharing. Fenders founder Mandy Michael thinks Codepen is the best thing since CSS. If you want to see what cool things other people in the industry are doing Codepen is the place to go.
-
Codesandbox - https://codesandbox.io/ CodeSandbox is an online editor that helps you create web applications, from prototype to deployment. CodeSandbox specifically focuses on web application development to make the experience as smooth as possible. Just open your browser and start coding.
-
Codrops - http://tympanus.net/codrops Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities. Often a source of inspiration from developers wanting to experiment, Codrops is the place you'll find the latest cool experiments on the web.
-
Codyhouse - https://codyhouse.co CodyHouse is a free library of ready-to-use and easy-to-customize code snippets using HTML, CSS and Javascript. Much like Codrops Codyhouse offers a heap of useful code snippets with walkthroughs on how to implement, a great source of inspiration as well as ready to use code.
-
Smashing Magazine - https://www.smashingmagazine.com Founded in September 2006, Smashing Magazine delivers useful and innovative information to Web designers and developers. Smashing mag has all the latest trends and techniques in Web development a great resource for finding what's new in the web.
-
Stack Overflow Stack Overflow helps developers solve coding problems, if you have a problem, it's probably on Stack Overflow.
-
A Book Apart https://abookapart.com A Book Apart is a great resource for web developers wanting to learn about single topics. They tend to cover emerging topics in web design and development with style in a simple and short format. All the books published are highly detailed and designed for brevity aiming for around 100 pages they are the perfect size if you don't have a lot of time.
-
A Hardboiled Web Design - Andrew Clarke https://stuffandnonsense.co.uk/buy/hardboiledwebdesign Hardboiled Web Design is a classic web book that has recently been updated and re-released for web developers everywhere. If you're a front-end developer and you care about markup, you're in for a treat because this book focuses on how to use the semantic elements contained within HTML. It's also a great guide for designers who want to learn the creative opportunities offered by CSS. This book will teach you how to use new properties including flexbox, background blends and CSS filters and how they will change the way you design and develop for the web.
-
CSS Secrets - Lea Verou https://www.amazon.com/CSS-Secrets-Solutions-Everyday-Problems/dp/1449372635 CSS Secrets by Lea Verou is one of the best CSS books to come out this decade. Offering creative and useful solutions to real world problems that developers face on the web every day, CSS Secrets is a must have for those who want to expand their front end skills. (Mandy loves this book)
- Learn Flexbox: http://flexboxfroggy.com/ (A fun game for learning flexbox)
- Learn CSS selectors - http://benhowdle.im/cssselectors/
- CSS Diner - http://flukeout.github.io/
- Batificity: Not the CSS specificity guide you deserve but the one you need right now - http://batificity.com/
- Nth-child playground: http://nth-test.com/
- CSS Grid Garden - http://cssgridgarden.com/ (A fun game for learning css grid)
- Front End Web Developers Perth (Fenders) - fenders.co
- Perth Web Accessibility and Inclusive Design - a11yperth.com
- Women in Technology WA (WiTWA)
- Chris Coyier - @chriscoyier (https://twitter.com/chriscoyier)
- Una Kravets - @una ( https://twitter.com/Una)
- Andy Clarke - @malarkey (https://twitter.com/Malarkey)
- Sara Soueidan - @SaraSoueidan (https://twitter.com/SaraSoueidan)
- Harry Roberts - @csswizardry ( https://twitter.com/csswizardry)
- Brad Frost - @brad_frost ( https://twitter.com/brad_frost)
- Lea Verou - @LeaVerou ( https://twitter.com/LeaVerou)
- Josh Clark - @bigmediumjosh ( https://twitter.com/bigmediumjosh)
- Femke - @femkesvs ( https://twitter.com/femkesvs)
- Jafar Husain - @jhusain ( https://twitter.com/jhusain)
- Sarah Drasner - @sarah_edo ( https://twitter.com/sarah_edo)
- Mina Markham - @MinaMarkham ( https://twitter.com/MinaMarkham)
- Dan Abramov - @dan_abramov ( https://twitter.com/dan_abramov)
- David K - @DavidKPiano ( https://twitter.com/DavidKPiano)
- Charlotte Jackson - @Lottejackson ( https://twitter.com/Lottejackson)
- Jen Simmons - @jensimmons ( https://twitter.com/jensimmons)
- Espen Brunborg - @ebrunborg ( https://twitter.com/ebrunborg)
- Kai Brach - @kaibrach ( https://twitter.com/kaibrach)
- Sam Saccone - @samccone ( https://twitter.com/samccone)
- Julie Zhuo - @joulee ( https://twitter.com/joulee)
- Wes Bos @wesbos ( https://twitter.com/wesbos)
- Tim Holman - @twholman https://twitter.com/twholman)
- Lara Hogan - @lara_hogan ( https://twitter.com/lara_hogan)
- Brynn Evans - @brynn ( https://twitter.com/brynn)
- John Allsopp @johnallsopp (https://twitter.com/johnallsopp)
- Sarah Drasner @sarah_edo ( https://twitter.com/sarah_edo)
- Hui Jing Chen @hj_chen ( https://twitter.com/hj_chen)
- Mandy Michael - @mandy_kerr (https://twitter.com/mandy_kerr)
- Ben Derham - @benderham88 (https://twitter.com/benderham88)
- Amy Kapernick - @amys_kapers ( https://twitter.com/amys_kapers)
- Jess Budd - @jessbudd4 (https://twitter.com/jessbudd4)
- Karl Brightman - @karlbright ( https://twitter.com/karlbright)
- Julie Grundy - @stringy (https://twitter.com/stringy)
- Kylie Timpani - @kylietimpani (https://twitter.com/kylietimpani)
- Kevin Charm - @kevincharm ( https://twitter.com/kevincharm)
- Toolsday ( http://www.toolsday.io/)
- Design Review (http://www.designreviewpodcast.com)
- ShopTalk Show (http://shoptalkshow.com)
- Dev Discussions (http://www.devdiscussions.com/)
- The Web Ahead (http://thewebahead.net/)
- The Big Web Show ( http://5by5.tv/bigwebshow)
- Front End Happy Hour (http://frontendhappyhour.com/)
- Syntax (https://syntax.fm/)
- Wes Bos (https://wesbos.com/courses/)
- Layout Land - https://www.youtube.com/channel/UC7TizprGknbDalbHplROtag
- Code Academy (interactive and regularly updated with new content, good to get an idea of a new language or skill)
- Khan Academy - https://www.khanacademy.org/computing/computer-programming
- Practical Javascript https://watchandcode.com/p/practical-javascript
- OneMonth.com
- code.tutsplus.com
- Treehouse.com (Lots of free previews)
- Lynda.com (free trial)
- Front End Masters - https://frontendmasters.com/
- Brit.co - HTML & CSS Basics, Coding: From Webpage to Website
- CSS Animation Rocks (pay what you want) - https://cssanimation.rocks/courses/animation-101/
- Skillcrush - Free 10 day trial
- Learn to Code HTML & CSS - Beginner & Advanced - http://learn.shayhowe.com/
- Dash General Assembly - https://dash.generalassemb.ly/
- Learn To Code With Me - http://learntocodewith.me/getting-started/
- Learn CSS layout - http://learnlayout.com/
- LevelUpTutorials - https://leveluptutorials.com/ Youtube - direct link to basic web dev
- DevTips - https://www.youtube.com/user/DevTipsForDesigners/videos
- Don't Fear The Internet by Jessica Hitsche - dontfeartheinternet.com/
- What the flexbox? http://flexbox.io/
- Learn The Web - https://learn-the-web.algonquindesign.ca/
- Google Web Fundamentals - https://developers.google.com/web/fundamentals/?hl=en