Delicious

In this article, we’ll talk about how to adapt our sites to the different scenarios of a device pointer: whether it has a pointer or not, or how accurate it is. To adapt our site to those devices’ needs we’ll talk about how to properly use media queries `hover`, `pointer`, `any-hover` and `any-pointer`.

For a recent project, we needed to take a small web application and embed it inside a client’s existing site. Typically, this means inheriting the site’s styles. However, in this case, the client wanted this app to follow a new design system that hadn’t been applied to the site yet. That raised some issues for...

A look at aching form field data for restoring later

I'm Aman Mittal (@amanhimself). Software Developer and Tech Writer. Currently working as a Senior Content Developer. Welcome to my digital garden!

The NVM (Node Version Manager) is a shell script used for installing and managing Node.js on a Linux based system. The macOS users can install NVM using the homebrew. This tutorial help you to install NVM on your macOS system and manage Node.js versions. Prerequisites You must have macOS desktop access with administrator privileges. Login

A constructive and inclusive social network for software developers. With you every step of your journey.

AgnosticUI — One stylesheet…all the frameworks.

Design tokens are machine-readable representations of a brand's design language, typically things...

In this post I share what I've learned working on the typography system for Cabana (a design system for Figma built on design tokens).

Image optimization is never fun to deal with. Let's learn how the picture element + 11ty can save any static site from bloated load times.

It's easy to build fancy fade transitions, but how do we include keyboard-ists and screenreaders in the mix?

Back in January 2020, Ben Holmes set out to do what just about every web developer does each year: rebuild his personal site. In this article, he shares his story of how he set out to build his own build pipeline from absolute ground zero and created “Slinkity”.

Discover what a PWA is, how to build one with Vue.js, and some tips, tricks, and best practices you can use along the way.

The story of building Quina, a word game Progressive Web App built with Nuxt, and launched on the Google Play Store.

If you have an interface where content is dynamically updated, and when the content is updated it does not receive focus, then you likely are going to need a...

Let's be real, you're going to compare yourself to this and then proceed to contemplate all your life decisions and spiral into depression. (unless you're a recruiter... in which case, I just want you to know that I thrive in inserting generic keywords (like delight and empathy) and ending sentences at the intersection of art and technology.

Why, what and how designers should document accessibility requirements and user interactions to make product better and more inclusive

Reactive UI without the complexity of SPA frameworks. Use any backend you like; bind to the HTML you already produced.

Bring your generative work to life with three simple textures inspired by the natural world.

Continuing with my JavaScript fun, I wanted to do an updated pass on the horizontal navs I’ve previously built for both GitHub Mobile (prior to the current responsive version and native apps) and this Bootstrap dashboard example.

Organization, linting, and ease of theming are the primary reasons I'll continue to use Sass despite the capabilities of modern CSS, including the near-future nesting capability. Review how to theme buttons as one example.

There’s a new element in town and it’s the dialog. Support for it just landed in Safari with their newest update (v15.4) across all Apple’s devices. With that update, the dialog element is now supported in every evergreen browser. It’s a great step forward for frameworks and libraries looking to make better use of native behaviors, but it’s also not without its limits.

How to align content with another section given that they are placed in different wrappers

In this case I want to ignore the files iOS uses, and in particular this file .DS_Store I created a .gitignore file as such touch .gitignore and put in a single line /.DS_Store I push to a ...

Create a modern notebook to document or explain almost anything with spacebook.app

Demo page for AlMonD.CSS

A quick example of using RSS content for an Eleventy page.