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 LeΜ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