Delicious

Collection of colorschemes for Prism syntax highlighter

Cheat Sheets our something developers need always for reference. So here I have compiled many JavaScr...

Let’s make 2021… fast! An annual front-end performance checklist (available as PDF, Apple Pages, MS Word), with everything you need to know to create fast experiences on the web today, from metrics to tooling and CSS/JavaScript techniques.

An introduction about CSS clip-path, how it works, with example and use-cases.

HTML and CSS Tips and Tricks for creating applications that are both responsive and accessible out of the box

We can add an extra bit of space to targeted elements, thanks to modern CSS!

A simple way to make HTML websites

Here are the big categories of rendering websites: Client: ship a and let a JavaScript template render all of it.Static:

While Eleventy doesn't appear to be built for today's component-driven landscape, here are three approaches we can take to get closer.

Many users these days expect instant feedback in form validation. How do you achieve this level of interactivity when you’re building a small static site

WordPress 3.9 now features TinyMCE version 4.0, so we went through the API and found some neat ways to extend the functionality of the TinyMCE.

Netlify Edge Handlers are in Early Access (you can request it), but they are super cool and I think they are worth wrapping your brain around now. I think

HTML and CSS Tips and Tricks for creating applications that are both responsive and accessible out of the box

In the WordPress 3.9 release the TinyMCE editor was updated to version 4.0. Read on for an extensive guide to customizing and adding to the base editor.

[This thread is closed.] The latest version of this plugin (4.7.11 is adding inline styles to tables added via the Visual editor. (as also reported…

This short article is about adding custom table classes to bootstrap in TinyMCE and Wordpress. It's very common problem an it has a simple solution:

Improve your content and web design. Learn how to add custom styles to the WordPress editor by hand and via a plugin in this detailed tutorial.

Learn how to easily remove buttons from the WordPress TinyMCE editor with 2 quick filters.

TinyMCE editor makes it easy for you to create content without typing HTML tags manually. It comes with lots of buttons by default to make it handy for

Margins are what you typically use to define a layout's vertical rhythm. But CSS Grid offers a better alternative.

Relationships between content items are key to developing a good content model. This post explores how to handle these relationships in a JAMstack site that uses a git-based content management system.

Early this year, I posted an article about create button components using Figma’s Auto Layout. Over the past few months, Figma had…

I always loved the visual aesthetic of dithering but never knew how it’s done. So I did some research. This article may contain traces of nostalgia and none of Lena.

In the not-too-distant past, even basic accordion-like interactions required JavaScript event listeners or some CSS… trickery. And, depending on the

An easy to implement technique for fading in a page with CSS & JavaScript, useful for pages that have a slight delay when loading.

A `picture` element snippet to load properly resized responsive webp images in browsers that support them.

In this post I'll outline 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the...

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 …