- π’ HTML
- π¨ CSS
- β‘οΈ JS
- π Performance
- βΏοΈ Accessibility
- πΆ Progressive Enhancement
- βοΈ Newsletters
- π¬ People to follow
- π Misc
- π» On Being A Developer
- π Long Reads
- π Job Search Resources
- π Chrome Extensions
- Periodic table of HTML elements
- HTML5 Guide on MDN
- The Truth About HTML5 (book)
- MarkSheet HTML & CSS Tutorial
- Table example
- A Complete Guide to the Table Element
- HTML5: Techniques for providing useful text alternatives
- HTML5 Boilerplate Docs
- The Essential Meta Tags for Social Media
- WTF, HTML and CSS?
- Responsive Images 101
- HTML5 Validator
- MDN HTML Resources
- Form Linter
- General reference http://tympanus.net/codrops/css_reference
- Font size units https://css-tricks.com/css-font-size/
- Units http://thenewcode.com/775/Which-CSS-Measurements-To-Use-When
- Attribute selectors https://css-tricks.com/attribute-selectors/
- Box model visualized http://adamkaplan.me/grid/
- All about floats https://css-tricks.com/all-about-floats/
- Positioning http://blog.froont.com/positioning-in-web-design/
- Absolute and relative positioning examples http://output.jsbin.com/okoxol/
- z-index https://webdesign.tutsplus.com/articles/what-you-may-not-know-about-the-z-index-property--webdesign-16892
- Percentage-width grid with fixed gutters http://codepen.io/tedw/pen/obPQvr?editors=1100
- Sass style guidelines https://css-tricks.com/sass-style-guide/
- Class naming conventions https://medium.com/@cathy_dutton/css-layers-afff4ae66649
- Class naming advice https://www.sitepoint.com/bem-smacss-advice-from-developers/
- When to use different naming conventions https://github.com/simurai/simurai.github.io/blob/382a93f49ee8eaacc2a88a8b956315ce9fa03d2f/_posts/2016-11-27-css-methodologies.md
- More naming advice http://bradfrost.com/blog/post/css-architecture-for-design-systems/
- Example CSS interview questions https://css-tricks.com/interview-questions-css/
- Responsive design patterns https://bradfrost.github.io/this-is-responsive/patterns.html
- Cross-browser CSS tips https://hacks.mozilla.org/2018/03/how-to-write-css-that-works-in-every-browser-even-the-old-ones/
- http://eloquentjavascript.net
- https://addyosmani.com/resources/essentialjsdesignpatterns/book/
- https://code.tutsplus.com/tutorials/the-essentials-of-writing-high-quality-javascript--net-15145
- http://bonsaiden.github.io/JavaScript-Garden/
- http://googlecode.blogspot.com/2009/03/doug-crockford-javascript-good-parts.html
- https://code.tutsplus.com/tutorials/the-best-way-to-learn-javascript--net-21954
- https://www.youtube.com/watch?v=DN4yLZB1vUQ
- https://es6.io
- https://medium.com/javascript-scene/how-to-learn-es6-47d9a1ac2620
- https://developer.mozilla.org/en-US/docs/Learn/JavaScript/Objects
- https://github.com/getify/You-Dont-Know-JS
- http://read.humanjavascript.com
- http://survivejs.com/webpack/introduction/
- https://medium.freecodecamp.org/whats-the-difference-between-javascript-and-ecmascript-cba48c73a2b5
- https://30secondsofcode.org
- https://blog.sessionstack.com/how-javascript-works-the-rendering-engine-and-tips-to-optimize-its-performance-7b95553baeda
- https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e
- https://www.smashingmagazine.com/2012/07/journey-through-the-javascript-mvc-jungle/
- To-do app examples using various MVC frameworks http://todomvc.com
- https://addyosmani.com/blog/understanding-mvc-and-mvp-for-javascript-and-backbone-developers/
- https://addyosmani.com/blog/understanding-mvvm-a-guide-for-javascript-developers/
- https://reactforbeginners.com
- https://learnredux.com
- https://medium.freecodecamp.org/all-the-fundamental-react-js-concepts-jammed-into-this-single-medium-article-c83f9b53eac2
- https://facebook.github.io/react/docs/thinking-in-react.html
- https://blog.andyet.com/2015/08/06/what-the-flux-lets-redux/
- https://medium.freecodecamp.com/angular-2-versus-react-there-will-be-blood-66595faafd51
- https://camjackson.net/post/9-things-every-reactjs-beginner-should-know
- https://www.viget.com/articles/know-lupus-with-react
- https://24ways.org/2015/universal-react/
- http://whatpixel.com/learn-angular2-from-scratch/
- https://adactio.com/journal/8245 (Jan 2015)
- http://www.quirksmode.org/blog/archives/2015/01/the_problem_wit.html (Jan 2015)
- https://vuejs.org
- https://vuejs.org/v2/guide/comparison.html
- https://adactio.com/journal/9963
- βServer-side rendering is not a fallback; client-side rendering is an enhancement.β
- http://designingforperformance.com
- https://www.smashingmagazine.com/2015/09/why-performance-matters-the-perception-of-time/
- https://www.smashingmagazine.com/2015/10/rail-user-centric-model-performance/
- http://idlewords.com/talks/website_obesity.htm
- https://bocoup.com/weblog/smaller-faster-websites
- https://speakerdeck.com/tkadlec/once-more-with-feeling
- https://speakerdeck.com/addyosmani/css-performance-tooling
- https://speakerdeck.com/smashingmag/improving-web-fonts-performance
- https://jonsuh.com/blog/need-for-speed-2/
- https://www.zachleat.com/web/comprehensive-webfonts/
- http://deanhume.com/Home/BlogPost/ten-things-you-didnt-know-about-webpagetest-org/10145
- https://medium.com/reloading/preload-prefetch-and-priorities-in-chrome-776165961bbf
- https://medium.com/reloading/javascript-start-up-performance-69200f43b201
- JavaScript Start-up Optimization
- Lazy Loading Images and Video
- Inclusive Components
- Tips For Making Accessibility A Core Design Principle
- Getting Started with ARIA
- Reframing Accessibility for the Web
- An Alphabet of Accessibility Issues
- Practical ARIA Examples
- The Accessibility Cheatsheet
- Using VoiceOver to Evaluate Web Accessibility
- MDN Accessibility Guide
- Inclusive Components
- Empathy Prompts
- What I've Learned About Motor Impairment
- An accessibility reading list
- http://kryogenix.org/code/browser/everyonehasjs.html
- http://www.punkchip.com/why-support-javascript-disabled/
- https://www.shopify.com/partners/blog/what-is-progressive-enhancement-and-why-should-you-care
- https://www.christianheilmann.com/2015/02/18/progressive-enhancement-is-not-about-javascript-availability/
- https://medium.com/@AaronGustafson/the-true-cost-of-progressive-enhancement-d395b6502979
- https://zetafleet.com/blog/2015/11/progressive-enhancement-needs-better-advocacy.html
- https://adactio.com/journal/9963
- https://www.aaron-gustafson.com/notebook/insert-clickbait-headline-about-progressive-enhancement-here/
- https://sonniesedge.co.uk/blog/progressive-enhancement
- https://webplatformdaily.org
- http://sidebar.io
- https://web-design-weekly.com
- https://www.smashingmagazine.com/the-smashing-newsletter
- http://www.hackernewsletter.com
- http://frontendfocus.co
- http://css-weekly.com
- http://javascriptweekly.com
- http://www.theuxnewsletter.com
- http://a11yweekly.com
- @addyosmani
- @ag_dubs
- @anna_debenham
- @beep
- @brad_frost
- @chriscoyier
- @csswizardry
- @dhh
- @igrigorik
- @jensimmons
- @lara_hogan
- @LeaVerou
- @LeonieWatson
- @meyerweb
- @MinaMarkham
- @mylifeasalllly
- @newsycombinator
- @paul_irish
- @Real_CSS_Tricks
- @rem
- @sarah_edo
- @SaraSoueidan
- @smashingmag
- @standardista
- @tameverts
- @TrentWalton
- My notes on mobile apps (native vs. web, stats, resources)
- https://uptodate.frontendrescue.org
- https://github.com/dypsilon/frontend-dev-bookmarks
- http://fedsonslack.com
- https://uptodate.frontendrescue.org
- https://github.com/dypsilon/frontend-dev-bookmarks
- https://github.com/sindresorhus/awesome
- https://codefights.com
- https://devfreebooks.github.io
- Guide to cross-browser testing https://developer.mozilla.org/en-US/docs/Learn/Tools_and_testing/Cross_browser_testing
- How DNS works https://howdns.works
- You Are Not Paid to Write Code http://bravenewgeek.com/you-are-not-paid-to-write-code/
- Web Architecture 101 https://engineering.videoblocks.com/web-architecture-101-a3224e126947
- https://techcrunch.com/2016/05/10/please-dont-learn-to-code/
- http://learntocodewith.me/posts/what-new-coders-must-know/
- http://boingboing.net/2015/05/11/the-only-technique-to-learn-so.html
- https://www.newfangled.com/tips-from-the-pragmatic-programmer/
- https://www.nczonline.net/blog/2012/06/12/the-care-and-feeding-of-software-engineers-or-why-engineers-are-grumpy/
- http://blog.hut8labs.com/coding-fast-and-slow.html
- https://www.smashingmagazine.com/2009/06/effective-strategy-to-estimate-time-for-your-design-projects/
- https://www.vikingcodeschool.com/posts/why-learning-to-code-is-so-damn-hard
- http://www.daedtech.com/how-developers-stop-learning-rise-of-the-expert-beginner/
- http://alistapart.com/article/defeating-workplace-drama-with-emotional-intelligence
- http://www.the-haystack.com/2016/01/05/reality-is-messy/
- http://www.kitchensoap.com/2012/10/25/on-being-a-senior-engineer/
- https://css-tricks.com/front-end-developer-aware/
- https://medium.com/javascript-scene/why-im-thankful-for-js-fatigue-i-know-you-re-sick-of-those-words-but-this-is-different-296fae0c888f
- https://frankchimero.com/writing/everything-easy-is-hard-again/
- https://medium.com/netlify/leveling-up-why-developers-need-to-be-able-to-identify-technologies-with-staying-power-and-how-to-9aa74878fc08
- Imposter syndrome
- What is Code? (very long read, but worth it)
- The Permanent Transition
- Web Design: The First 100 Years
- The Webβs Grain
- What Screens Want
- Resilient Web Design
- http://www.authenticjobs.com
- https://jobs.github.com/positions
- http://careers.stackoverflow.com
- http://jobs.smashingmagazine.com
- https://codepen.io/jobs
- http://zurb.com/jobs
- http://www.krop.com/creative-jobs/developer/
- http://www.idealist.org
- http://stackshare.io/match
- https://weworkremotely.com (remote positions only)
- Freelance work http://superbooked.com
- Design and front-end http://dc.aiga.org/jobs/
- https://www.glassdoor.com
- https://www.linkedin.com/salary/
- https://stackoverflow.com/jobs/salary
- https://open.buffer.com/transparent-salaries/
- https://docs.google.com/spreadsheets/d/1a1Df6dg2Pby1UoNlZU2l0FEykKsQKttu7O6q7iQd2bU/edit#gid=1023506792
- 5 Lessons My Bootcamp Didn't Teach Me
- Tech Interview Handbook
- How to Talk About Yourself in an Interview
- I spent 3 months applying to jobs after a coding bootcamp. Hereβs what I learned.
- Donβt Get Attached, Itβs Just Luck
- How To Prepare For A Front-End Job Interview
- How to Impress an Interviewer
- My favorite interview question
- A Guide to the Front-End Interview Process
- How To Interview a Front End Developer
- Our Hiring Process
- Key Values: Culture Queries
- Accessibility Interview Questions
- 14 ideas for what to say when a job interviewer asks βany questions for me?β
- What are the questions that can be asked when the interviewer asks "Any questions?"
- Job rejection stories
- Coding Interview Tips
- Why Hiring is So Hard in Tech
- Stack Overflow Developer Hiring Blog
- 2018 Developer Skills Report
- Fixing Impostor Syndrome In Coding Interviews
- Ten Things I Learned from a Job Hunt for a Senior Engineering Role
- Career Cup
- LeetCode
- Glassdoor
- Interview Cake
- Codility
- Coding Interview University
- Udacity Technical Interview Course
- Daily Coding Problem
- JavaScript Algorithms and Data Structures
- Coderbyte
- HackerRank
- Cracking the Coding Interview
- Programming Interviews Exposed
- The Imposterβs Handbook
- Mission: Interview
- Web Developer Toolbar (great for beginners!)
- SearchPreview - Adds thumbnail previews to search results
- Quick JS Switcher - Adds button to toggle JS on/off
- Tape - Create guidelines to measure distance
- Octotree - Add tree view sidebar to GitHub
- GitHub Code Folding - Adds code folding functionality to github.com
- GitHub Awesome Autocomplete
- Pretty Beautiful Javascript - Beautify JS when viewed in browser
- JSON View - Better JSON source formatting
- Full-page screen capture
- Copy Link Text - Adds option to copy link text (not URL)
- Clear Cache
- Earth View - Satellite image background in new tabs
- Visual Event - Highlight which elements have JS events bound to them
- HTML5 Storage Manager
- EditThisCookie
- Copy All URLs - Copy all open tab URLs
- aXe - Accessibility audit
- Accessibility Developer Tools
- Octolinker - Make package names clickable in package.json
- Datalayer Inspector - Log Google Tag Manager data to console
- Tag Assistant - Debug Google Tag Manager
- Google Analytics Debugger
- CSS Peeper - Displays an elementβs CSS styling in an attractive widget, along with color palette info and links to all assets
- 45to75 - Add character count to context menu
- Project Naptha - OCR extension lets you copy text in an image
- Share Extensions - Export list of all of your extensions
- Rails Panel - Haven't used this, but looks cool
- Lots more out there! https://chrome.google.com/webstore/category/extensions
- Just be aware that adding extensions can slow down your browser and introduce JS errors. I recommend disabling anything you donβt use regularly.