Carl Saunders articles - 17 total
🧠 Level Up Your CSS Flexbox Skills with Fun Games 🎮
Level up your CSS Flexbox skills through interactive games. Explore engaging challenges, strategic battles, and puzzles to master CSS Flexbox concepts. Enjoy a gamified approach to learning CSS Flexbox for enhanced layout expertise. Play now and unlock your potential in CSS Flexbox
Working with GeoJSON 🗺️ and VS Code
Configure VS (Visual Studio) Code to support GeoJSON via the JSON Schema, so the .geojson files are validated in real-time and shows IntelliSense when typing.
Easter Egg 🐇🥚 Hunt Anyone? - Add ASCII Art to the console log
Add an Easter Egg to website with ASCII Art and console.log.
Switch Off Hyper-V on Boot in Windows
Switch Off Hyper-V on Boot in Windows
Import SVG Directly as a ReactComponent
Use create-react-app to import an SVG icon directly as a ReactComponent.
Add Destroy Script 🔥💻 To package.json
Add a destroy script to your package.json, so you can easily clean down your development environment using a single command.
Make VS Code Your Default Git Editor 📝
Article on how to make Visual Studio (VS) Code the default editor for git commands.
Simple HTML - Click To Call (tel: schema) 🖱️📞
Article explaining how to get Click to Call working using the HTML tel: schema. Make your website more accessible and implement this 5 seconds fix to all telephone numbers on your website. Stop users being frustrated when trying to contact you via phone.
🙏 Please Add .gitattributes To Your Git Repository
Article explaining why .gitattributes is important for configuring a consistent end of file ending in a git repository used by multiple team members on different OSes.
💻💨 Quick TypeScript - Make Object Literal Properties Read-only
Quick hack from typescript to make object literal properties read-only using const assertions (as const).
💨Super Quick CSS: Smooth Scrolling
Add smooth scrolling with a quick CSS property "scroll-behavior: smooth".
Pair Programming & Dyslexic? Visual Studio Code Font Switcher to the Rescue
Visual Studio Code (VS Code) extension that allows the user to easily switch between fonts in VS Code (especially useful when doing pair programming and using the OpenDyslexic font).
Elegant JavaScript Code - Combining Two Strings
Showcase elegant JavaScript code written to combine two strings together.
ESLint Plugin for HTML5 Input Attributes To Help Mobile Users
Static AST checker for HTML form rules on JSX elements for ESLint.
3 HTML5 Input Attributes To Help Mobile Users
Shows how adding 3 simple HTML5 input attributes (autocapitalize, autocorrect and spellchecK) can make a mobile users life a little less frustrating when filling in a form.
Have Dyslexia? Make Coding Easier In Visual Studio Code
Step by step instructions on how to change the font so programmers with dyslexia can easily read their code.
CSS Animations Inspired By BBC's Match of the Day
BBC's Match of the Day inspired CSS animations, this article shows you how to recreate those animations seen on TV 📺 using just CSS.