Recommendations – Useful Tech-related Resources

Accessibility

• A Guide To Hover And Pointer Media Queries – Article by Cristian Díaz
• Accessibility Fundamentals – Video by Rob Dodson
• ARIA, Accessibility APIs and coding like you give a damn! – Video by Léonie Watson
• Contrast checker – Web Tool by WebAIM
• Controlling focus with tabindex -- A11ycasts – Video by Rob Dodson
• CSS and JavaScript accessibility best practices – Article by MDN
• Difference between <img alt> and <figcaption> – Answer by QuentinC on Stack Overflow
• Don't use color alone to convey content – Article by Web Strategy and Development
• Free screen reader for Windows OS – Software by NV Access
• How people with disabilities access digital content – Video by UA Technology Accessibility
• How people with disabilities use the web – Resource by W3C WAI
• How screen readers navigate data tables – Video by Léonie Watson
• How situational disabilities impact us all – Article by UserWay
• How to meet WCAG (Quick reference) – Article by W3C WAI
• Invisible content just for screen reader users – Article by WebAIM
• Screen Reader Outputs – GitHub repo by Eric Olkowski
• Skip navigation links – Article by WebAIM
• The business case for digital accessibility – Article by W3C WAI
• Using nav without a list element – Article by Monica Wheeler
• What is focus? -- A11ycasts – Video by Rob Dodson
• What is WAI-ARIA? – Article by The Odin Project
• WebAIM's WCAG 2 Checklist – Checklist by WebAIM

Career Tips

• 8 years a developer | What I've learned | Self-taught – Video by Travis Media
• Optimize your LinkedIn Page with Danny Thompson | Web Dev Job Hunt – Video by Scrimba

CSS

• Apply a filter to a background image – Article by Chris Coyier
• How to stretch elements to fit the whole height of the browser window with CSS – Tutorial by W3Schools
• Specificity Calculator – Web Tool by Keegan Street
• The difference between display: none and visibility: hidden – Illustration by W3Schools

Git

• How to integrate git bash with visual studio code on windows – Video by FalconMasters

HTML

• How to get the closest element to a specific CSS selector's node – Video by Steve Griffith

JavaScript

• Airbnb JavaScript style guide – Documentation by Airbnb
• How to check if an element has a specific event listener on it – Code Snippet by Karol Grabowski
• How to get the index position of a clicked element – Code Snippet by MelkorNemesis
• JavaScript — WTF is ES6, ES8, ES 2017, ECMAScript… ? – Article by Brandon Morelli
• JavaScript standard style — Documentation by StandardJS

Programming

• CodeSmell – Article by Martin Fowler
• Six reasons to ditch the term code smell – Article by Steve Lautenschlager
• peerDependencies in package.json – Video by codedamn

CodeSweetly ads

Learn Flexbox with Images

Use beautiful images to learn CSS Flexbox.

Find out more

ReactJS

• JSX to JavaScript converter – An online Babel compiler
• React Explained Clearly - Book by Oluwatobi Sofela
• React Icons – A free library of icons
• React lifecycle methods diagram – Diagram by Wojciech Maj

Responsive Web Design

• A Guide to the Responsive Images Syntax in HTML – Article by Chris Coyier
• Responsive images – Article by MDN
• Responsive Images 101, Part 1: Definitions – Article by Jason Grigsby
• Setting the viewport – Article by W3Schools
• Using the viewport meta tag to control layout on mobile browsers – Article by MDN

SOLID Programming Principles

• 5 principles that will make you a SOLID JavaScript developer – Article by Dor Tzur
• Solid design principles – Video by edutechional

Testing

• JavaScript testing introduction tutorial – Video by Academind
• Test Driven Development – Video by CodeSports
• An introduction to Test-Driven Development in JavaScript – Video by DevTuts
• Unit Testing – How to use dummies, fakes, mocks, and stubs – Video by Briebug
• Unit tests and test doubles like mocks, stubs & fakes – Video by CodeSports
• What is mock testing (MOQ)? – Video by .NET Interview Preparation videos
• What's the difference between a mock & stub? – Answer by Lev on Stack Overflow

VS Code

• How to toggle word wrap in Visual Studio Code – Answer by Benjamin Pasero on Stack Overflow

Website

• Replace animated GIFs with video for faster page loads – Article by Houssein Djirdeh and Jeremy Wagner

Windows

• How to find files in Windows Explorer where the filename contains an hypen (-)? – Answer by Joseph Kingry on Super User
• How to use Advanced Query Syntax (AQS) to programmatically find files in Windows Explorer – Article by Microsoft

WordPress

• How to add categories and tags to pages – Code Snippet by Matoeil
• How to add excerpts to pages – Video by Frank Deardurff
• SVG: How to use scalable vector graphics in WordPress – Article by Oluwatobi Sofela