https://joeattardi.com/blog JavaScript, CSS, web platform APIs, accessibility, and lessons from two decades of building for the web. en-us https://joeattardi.com/blog/think-before-you-reach-for-that-divhttps://joeattardi.com/blog/think-before-you-reach-for-that-divWed, 24 Sep 2025 18:12:38 GMTIn the past, web user interfaces were constructed largely using <div> and <span> elements.HTML https://joeattardi.com/blog/is-vibe-coding-the-futurehttps://joeattardi.com/blog/is-vibe-coding-the-futureSun, 23 Mar 2025 04:00:00 GMTAndrej Karpathy coined “vibe coding” in early 2025, and it has strong supporters and detractors. Is it really the future of software development?AIVibe Coding https://joeattardi.com/blog/4-years-of-modern-csshttps://joeattardi.com/blog/4-years-of-modern-cssSun, 27 Oct 2024 04:00:00 GMTIt's October 2024, and I am celebrating four years as a published author. According to Amazon, Modern CSS was published on October 7, 2020.Writing https://joeattardi.com/blog/beyond-breakpoints-leveraging-user-preference-media-queries-in-csshttps://joeattardi.com/blog/beyond-breakpoints-leveraging-user-preference-media-queries-in-cssTue, 22 Oct 2024 04:00:00 GMTIf you build web sites or apps, chances are you work with media queries. These handy CSS tools allow you to adjust your layout depending on the size of the device.CSS https://joeattardi.com/blog/using-git-bisect-the-detective-tool-for-debugginghttps://joeattardi.com/blog/using-git-bisect-the-detective-tool-for-debuggingFri, 04 Oct 2024 03:19:15 GMTAn overview of using the git bisect command to quickly locate which commit introduced a bug.Git https://joeattardi.com/blog/steps-for-installing-a-local-ai-copilot-in-visual-studio-codehttps://joeattardi.com/blog/steps-for-installing-a-local-ai-copilot-in-visual-studio-codeThu, 12 Sep 2024 20:12:07 GMTDoes your company block ChatGPT or GitHub Copilot? Do you have security or trust concerns sending your code to a third party AI service?Visual Studio CodeAI https://joeattardi.com/blog/fun-with-arrayshttps://joeattardi.com/blog/fun-with-arraysWed, 25 Oct 2023 19:03:57 GMTIn this article, we'll look at some weird quirks with JavaScript arrays to learn a little more about how they work under the hood. An array is a collection or list of values.JavaScript https://joeattardi.com/blog/are-computer-science-degrees-still-relevanthttps://joeattardi.com/blog/are-computer-science-degrees-still-relevantFri, 13 Oct 2023 19:26:10 GMTI took a more traditional path into tech, going to a 4-year university and getting a Computer Science degree (way back in 2004!).Computer Science https://joeattardi.com/blog/understanding-color-contrast-for-accessibilityhttps://joeattardi.com/blog/understanding-color-contrast-for-accessibilityFri, 06 Oct 2023 14:33:49 GMTAccessibility is a popular topic these days - as it should be. There are many benefits of making your application accessible - it promotes inclusivity by making your app usable by everyone.AccessibilityWeb Development https://joeattardi.com/blog/understanding-error-handling-in-promise-chainshttps://joeattardi.com/blog/understanding-error-handling-in-promise-chainsFri, 07 Jul 2023 16:13:44 GMTHow errors propagate through a chain of Promises, and where your catch handlers should go.JavaScriptPromisesError Handling https://joeattardi.com/blog/customizing-jsonparse-and-jsonstringifyhttps://joeattardi.com/blog/customizing-jsonparse-and-jsonstringifyThu, 27 Apr 2023 03:27:44 GMTThe JSON.stringify and JSON.parse functions are handy for converting objects to JSON strings and back again. However, not all properties of an object are serializable.JavaScriptJSON https://joeattardi.com/blog/how-many-ways-can-we-reverse-an-arrayhttps://joeattardi.com/blog/how-many-ways-can-we-reverse-an-arrayWed, 23 Nov 2022 03:43:27 GMTThere's a Stage 3 proposal to add several array methods including Array.prototype.toReversed, which will create a reversed copy of the array.JavaScriptArray Methods https://joeattardi.com/blog/comparing-const-declarations-and-immutable-objectshttps://joeattardi.com/blog/comparing-const-declarations-and-immutable-objectsThu, 01 Sep 2022 04:55:56 GMTWay back in my Java days, when interviewing candidates, I would often ask the candidate to explain the meaning of the final keyword.JavaScript https://joeattardi.com/blog/promise-tips-when-do-i-need-to-create-my-own-promise-instancehttps://joeattardi.com/blog/promise-tips-when-do-i-need-to-create-my-own-promise-instanceFri, 28 Jan 2022 16:07:51 GMTPromises are pretty ubiquitous these days, but sometimes Promise based code is more complex that it needs to be.JavaScriptPromisesProgramming Tips https://joeattardi.com/blog/comparison-of-javascript-moduleshttps://joeattardi.com/blog/comparison-of-javascript-modulesSun, 29 Nov 2020 22:23:09 GMTJavaScript has been around since 1995. In that time there have been several different ways to create modules.JavaScriptWeb DevelopmentJavaScript Modules https://joeattardi.com/blog/using-animations-with-tailwind-csshttps://joeattardi.com/blog/using-animations-with-tailwind-cssThu, 26 Nov 2020 04:14:55 GMTTailwind CSS is awesome. Animations are awesome. So let's combine them! It's really easy to define your own custom animations with Tailwind.Tailwind CSSCSS Animations https://joeattardi.com/blog/javascript-maps-vs-plain-javascript-objectshttps://joeattardi.com/blog/javascript-maps-vs-plain-javascript-objectsFri, 25 Sep 2020 15:36:31 GMTES2015, also known as ES6, added lots of new things to the JavaScript language. One very useful addition was the Map. Map allows you to map keys to values. Couldn't we already do that?JavaScriptWeb DevelopmentES6 https://joeattardi.com/blog/introduction-to-flexboxhttps://joeattardi.com/blog/introduction-to-flexboxThu, 24 Sep 2020 18:18:52 GMTAll the cool kids may be using CSS Grid now, but there are still plenty of scenarios where Flexbox does exactly what you need.CSSFlexbox https://joeattardi.com/blog/introduction-to-custom-elementshttps://joeattardi.com/blog/introduction-to-custom-elementsWed, 23 Sep 2020 15:13:23 GMTCustom elements have pretty good browser support. Of course, they aren't supported in Internet Explorer, but that shouldn't surprise anyone.JavaScriptHTML https://joeattardi.com/blog/how-emojis-workhttps://joeattardi.com/blog/how-emojis-workSat, 29 Aug 2020 01:20:52 GMTIn the process of writing Emoji Button, my plain JavaScript emoji picker (which turns one year old tomorrow, August 29th!), I have learned a lot about emojis!Emoji https://joeattardi.com/blog/introduction-to-tailwind-csshttps://joeattardi.com/blog/introduction-to-tailwind-cssFri, 28 Aug 2020 01:56:12 GMTThere's been a lot of buzz lately about Tailwind CSS. Maybe you're curious about it but haven't taken a look yet. This article is for you!CSSCSS Frameworks https://joeattardi.com/blog/all-about-this-in-javascripthttps://joeattardi.com/blog/all-about-this-in-javascriptFri, 28 Aug 2020 00:43:06 GMTWhat does this refer to in JavaScript? It depends on the situation. A tour of the common scenarios, from the global scope to arrow functions.JavaScriptWeb Development https://joeattardi.com/blog/how-to-use-font-awesome-icons-in-a-vanilla-javascript-projecthttps://joeattardi.com/blog/how-to-use-font-awesome-icons-in-a-vanilla-javascript-projectTue, 10 Sep 2019 02:07:51 GMTI was working on a vanilla JavaScript project recently and wanted to add some Font Awesome icons. Previously I have used Font Awesome icons in React or Angular projects, but never plain JavaScript.JavaScriptFont Awesome https://joeattardi.com/blog/in-defense-of-the-humble-consoleloghttps://joeattardi.com/blog/in-defense-of-the-humble-consolelogThu, 08 Aug 2019 02:10:05 GMTThere is some negative sentiment out there about using console.log for debugging. It's true that, in many cases, the browser's debugger is more powerful.JavaScriptDebugging