Delicious

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.

The CSS Custom Highlight API is the future of styling text ranges on the web, allowing us to call out text without inserting new DOM elements.

CSS is becoming more capable of handling dynamic design features that were often achieved through JavaScript. And these creative CSS tricks are a prime example of that.

Masonry layouts have become increasingly common across the web. Let's look at how to create them with minimal JS - and also what the CSS only future looks like for masonry.

I wanted to know if its possible to do nested if else if in ReactJS JSX? I have tried various different ways and I am unable to get it to work. I am looking for if (x) { loading screen } else { ...

I ran into this problem, I was able to write solution which can handle array of object (not posted here) or one level deep nested object but i couldn't solve when the given object has nested struct...

Use this command line combination for building a static site that includes Browsersync, processing Sass and running the final files through autoprefixer and cssnano.

Self-host fonts in neatly bundled NPM packages.

The Pages API Access Token Guide explains how to get User and Page access tokens.

CSS is a highly specialized programming language focusing on style systems. Because of this unique use case and its …

Got the very basics of PHP down pat and ready to take up a beginner challenge? Try building a site from scratch with this tutorial.

Have you been making the most of Gutenberg? Learn how to use block patterns to make posting faster and easier.

How I built a workflow in Pipedream to alert me of new Spotify releases

Make all kinds of cool and interesting SVG background patterns with this online SVG line pattern generator.

Hello everyone! I've just started a new project, where I'm considering Gridsome vs Nuxt. I really love what I'm seeing with Gridsome, and would love to start using it, but I...

The open-source Shopify alternative ⚡️. Contribute to medusajs/medusa development by creating an account on GitHub.

If we show a modal on iOS we need to prevent events inside the modal from interacting with the page behind the modal. On a previous episode of “Fun with Safari” we could use preventDefault() on the "touchmove" event but on iOS 15 that no longer works. Here we go.

Back in 2017, designer Roy Scholten and collaborator Martijn van der Blom brought LEGO into their letterpress workshops for elementary school students. Small and accessible to most, the ubiquitous plastic bricks were easier and faster to use than traditional lead type and were familiar creative tool

Using CSS flexbox default stretching behaviour to create a dynamic line separator.

If you’ve ever found yourself stumped trying to make a slick hover effect, then I have six CSS link hover effects for you to check out.