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 …

I use the tag in my website and I want to change the design of the expand/collapse arrows. Is it possible to set a picture instead of the existing characters? Is it possible to chan...

Back when we released the v17 design (we're on v18 now) of this site. I added html { scroll-behavior: smooth; } to the CSS. Right away, I got comments

Imagine you have a list of items. Say, fruit: Banana, Apple, Orange, Pear, Nectarine We could put those commas (,) in the HTML, but let’s look at how we

Following is my wordpress query in which i want to show only sticky posts but the query is not showing any posts. Also I set two posts as sticky so that part is checked!!!. Kindly let me know how to