#a11y#css#playwright
Understanding the Difference Between `:focus` and `:focus-visible` in CSS
Understanding the Difference Between :focus and :focus-visible in CSS I have learned my...
This Dot Media3 min read
Author profile
This Dot Media
This Dot provides teams with technical leaders who bring deep knowledge of the web platform. We help teams set new standards, and deliver results predictably.
Articles by @thisdotmedia_staff
Browse the latest writing surfaced through DevArt.
This Dot Media3 min read
#angular#javascript
Exploring Angular Forms: A New Alternative with Signals
Exploring Angular Forms: A New Alternative with Signals In the world of Angular, forms are...
This Dot Media8 min read
#git
"How do I undo my most recent commit?" - Mastering the git reset command
"How do I undo my most recent commit?" - Mastering the git reset command Git is a powerful...
This Dot Media2 min read
#html#javascript
The HTML Dialog Element: Enhancing Accessibility and Ease of Use
The HTML Dialog Element: Enhancing Accessibility and Ease of Use Dialogs are a common...
This Dot Media5 min read
#ai#nextjs#javascript
How to build an AI assistant with OpenAI, Vercel AI SDK, and Ollama with Next.js
In today’s blog post, we’ll build an AI Assistant using three different AI models: Whisper and TTS...
This Dot Media12 min read
#infrastructure#vercel#playwright#cypress
How to Run End-to-End Tests on Vercel Preview Deployments
How to Run End-to-End Tests on Vercel Preview Deployments End-to-end (E2E) tests are an...
This Dot Media3 min read
#css
How to Truncate Strings Easily with CSS
You'll often need to truncate text when working with user interfaces, especially when displaying...
This Dot Media5 min read
#architecture
Quality of Life With Static Site Generator
Intro We're building a new marketing site here at Fancy Pants Inc. A totally new...
This Dot Media6 min read
#vuevue3
Improve User Experience in Vue 3 with Suspense
Introduction When building applications that leverage the internet, it's important to...
This Dot Media6 min read
#vue3vue
Vue 3 Composition API - "ref" and "reactive"
Introduction With the release of Vue 3, developers now have access to the Composition API,...
This Dot Media6 min read
#nuxtjsvue
Nuxt.js for Complete Beginners
The Vuejs Amsterdam online conference was held at the end of February in 2021. It brought together...
This Dot Media11 min read
#angularwebdevelopmen
Introduction to building an Angular app with Nx Workspace
Introduction to building an Angular app with Nx Workspace Nx Workspace is a tool suite...
This Dot Media6 min read
#awsjavascript
Comparing App Platforms with Heroku/Salesforce, AWS, and Vercel
Introduction Recently on This Dot's Build It Better show, I had the opportunity to sit...
This Dot Media8 min read
#vuejavascript
Introduction to Vite - Next Generation Frontend Tooling
Introduction In April 2020, Evan You, the creator of Vue, started to share some work on a...
This Dot Media9 min read
#architecturenextjs
Build A Static Site With Dynamic Flair
Building a new marketing site, a totally new greenfield project within an existing organization, is...
This Dot Media6 min read
#angulartypescriptngr
Working with NgRx Effects
Working with NgRx Effects Almost every web application will, at some point, need to...
This Dot Media7 min read
#angularngrxtypescrip
Strong Typing the State and Actions in NgRx
Strong Typing the State and Actions When working with NgRx store, it is highly recommended...
This Dot Media5 min read
#tipsgeneralmentorshi
Tips for Better Time Management as a Software Engineer
Tips for Better Time Management as a Software Engineer In today's ever-growing software...
This Dot Media6 min read
#litelementtypescript
How to Observe Property Changes with LitElement and TypeScript
In a previous post, I explained how to manage LitElement properties using @property and...
This Dot Media5 min read
#angularjavascriptfir
How to Deploy your Angular App and Latest Build Tools for JavaScript
How to Deploy your Angular App to Production with Firebase Hosting How do you deploy an...
This Dot Media3 min read
#angularngrxwebdevelo
Developer Tools & Debugging in NgRx
Developer Tools & Debugging in NgRx When working on a complex software solution, we...
This Dot Media6 min read
#angulartypescriptngr
Introduction to NgRx
Introduction to NgRx Why Angular projects are getting more and more complex...
This Dot Media8 min read
#javascripttailwindcs
Getting Started with LitElement and Tailwind
Getting Started with LitElement and Tailwind By taking advantage of LitElement's thin...
This Dot Media6 min read
#dockercloudnativenod
Putting Your NodeJS App in a Docker Container
Putting Your App in a Docker Container The days of having to provision servers and VMs by...
This Dot Media12 min read
#litelementtypescript
LitElement properties: @property vs @internalProperty
LitElement is an excellent alternative to build lightweight web applications since it’s based on the...
This Dot Media6 min read
#nodejsjavascript
Connecting to PostgreSQL with Node.js
If you plan on writing more advanced applications in Node.js, you may find the need to store...
This Dot Media5 min read
#careermentorship
My Career Roadmap
Every developer has their own unique roadmap. I love hearing these stories as they’re constant...
This Dot Media4 min read
#reacttypescriptwebde
Getting Started with React and TypeScript
Getting Started with React and TypeScript React and TypeScript makes for a fantastic...
This Dot Media7 min read
#mentorship
The Importance of Finding a Career Mentor
What is a Mentor? Mentor (noun): an experienced and trusted adviser. "He was her friend...
This Dot Media5 min read
#dockergeneral
Publishing Docker Containers
Publishing Docker Containers If you've read my previous blog posts, Getting Started With...
This Dot Media5 min read