Recommendations – Useful Tech-related Resources
Disclosure
CodeSweetly utilizes some affiliate links, which may generate a small commission from clicks that result in a purchase. The retailers pay the commission at no cost to you. Money earned keeps CodeSweetly running. Thank you for being so supportive. Read More
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
- The difference between
display: none
andvisibility: hidden
– Illustration by W3Schools
Freelancing
- Discover the power of unifying in-store and online sales. Start your free trial today. – Advertisement by Shopify
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
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
- InMotion Hosting: Fast, Secure, and Affordable Web Hosting - InMotion is a reliable place to host everything your website needs
- NameCheap: A great domain registrar – NameCheap is the best place to get affordable domain names for your websites
- Replace animated GIFs with video for faster page loads – Article by Houssein Djirdeh and Jeremy Wagner
- Webflow: Create, collaborate on, and scale beautiful websites - Webflow is a powerful no-code website builder
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