Delicious

You as an developer may have noticed that Gutenberg is an big improvement when you are writing a blog or pages.

Open source emojis for designers, developers and everyone else!

In this article, we’ll be looking at how to set up a gallery that is expandable as well as accessible with a few tips and tricks along the way. Let’s get started!

How to handle post relations in Eleventy in a manual fashion.

One day I decided I wanted to add anchor links to each of the sections in my blog posts. Over the past few months, I'd seen these links on a lot of pages—from …

A lot of people these days are setting up their own newsletters. You’ve got the current big names like Substack and MailChimp, companies like Twitter are

The Most Modern Mobile Touch Slider

I have a JSON object with nested objects that I am iterating over to pull out data. All is working fine, but I'd like to add a search/filter implementation so that the search is being done on the s...

We learn how Ryan Mulligan turned GIFs into animated letters by using clip paths!

Learn alternative options to query data through HTTP requests in JavaScript.

Astro content on DEV Community

Astro content on DEV Community

Astro content on DEV Community

Astro content on DEV Community

Presentation slides for developers

I'm impressed with how easy is to implement proper keyboard navigation accessibility and focus traps using Vueuse and Composition API with Vue3. To check the complete code here is the repo https://github.com/alvarosaburido/vue3-mainnavigation-keyboard-example If you want to use Vitesome, you can use it from here https://github.com/alvarosaburido/vitesome For the focus trap, this is the integration I used https://vueuse.org/integrations/usefocustrap/ Come say hi on Twitter https://twitter.com/alvaro_code

Even in 2021, web performance remains a problem. According to HTTP Archive, the average page requires a 2 MB download, makes more than 60 HTTP requests,

We love little useful tools and techniques to help folks get their work done better and faster. Today, we’d love to shine the spotlights on a little helper that helps spot common performance bottlenecks easily: [ct.css](https://csswizardry.com/ct/).

Accessible Palette is an app for building color systems with consistent lightness and predictable contrast ratios across color levels.

Mondrian is the creator of the so-called geometric abstract art. Mondrian art generator allows you to create not only a classic masterpiece invented by Piet Mondrian but also a modern field using lines and curves. As in other projects, the generator has a large number of settings for creativity.

A collection of hand-coded SVG 's, ready to be used in inline SVG or however you like.

A new library for animation libraries on the web. Built on the Web Animations API for a tiny bundlesize and great performance.

I want to display some text on the last page that isn't displayed on the other pages. For example, on category pages: url.com/category/categoryname/page/6 or last page of all posts listed on the

We search in taxonomies for certain terms. The search phrase $search_data (in our example: 4000342) comes from a search form field. The query looks like this and does work in general already, when...

How can I create custom classes to individual Gutenberg blocks? When I started with the new WordPress block editor was this my first question.

How to rename class names in Gutenberg blocks? In this tutorial I show you how to rename the class names from every Gutenburg block you want.

Early in 2017 I filed an issue against WAI-ARIA Authoring Practices (APG) requesting a change to the menu navigation pattern. Despite a great deal of feedback in agreement, it languished. In late 2017 I wrote Don’t Use ARIA Menu Roles for Site Nav and started actively campaigning against the APG…

Get started with the one of the most promising static/JAM Stack site builder today!

[description].