If you’ve read my How to Write a WordPress Plugin article, you know that I’m fairly opinionated on how plugins should be built. The aforementioned article does a fairly deep dive on where to put vario…

Banners or overlays (called interstitials) can interfere with the user experience on a mobile screen...

Create stunning responsive HTML e-mails in a minute

Sparkbox leads the way toward a better web as we craft responsive websites and web applications—and ...

# Introduction Bojler is an email boilerplate and a guideline for writing HTML code that will render...

flexbugs - A community-curated list of flexbox issues and cross-browser workarounds for them.

I’ve always found flexbox pretty easy to work with — a breath of fresh air after years of floating and clearfixing.

Amplitude.js is the HTML5 audio player for the modern era. Using no dependencies, take control of the browser and design an audio player the way you want it to look. Available for free on Github.

flubber - Tools for smoother shape animations.

Modal ads, ads that reorganize content, and autoplaying video ads were among the most disliked. Ads ...

In March, Mozilla released Firefox 52, which added support for CSS Grid Layout. If you aren’t familiar with CSS Grid, it is a two-dimensional layout ...

Simple pure JavaScript plugin to rotate text snippets as if they were being typed. http://schier.co/post/simple-vanilla-javascript-typing-carousel...

I had a little situation the other I needed to make one of those aspect-ratio friendly boxes. This i...

A compilation of bad web practices and recommendations on how to create better, faster and more optimized WordPress websites.

Add defer and async attributes to your WordPress scripts to optimize your websites performance with async or defer attributes.

If you regularly build sites with WordPress and test them against Google PageSpeed Insights, you'll probably have encountered this issue.

Viewport units have been around for several years now, with near-perfect support in the major browse...

Dave Winer won’t link to Facebook posts from his blog. I don’t either.

css-doodle is based on Shadow DOM v1 and Custom Elements v1. Right now you can use it on latest Chro...

When you start scrolling, you will see interesting events. DownLoad Github Currently v1.0.7

The well known jQuery plugin Lightbox is a very simple way to open images in fancy full-screen boxes. It is very easy to use, but you have to add a rel="lightbox" attribute to each image you want to o…

Mocka is a simple content placeholder that you can use for your website.

How to set up a project with JavaScript and Sass.

When I use the functions that get and output the post thumbnail, they will display the requested thumbnail in the size you specify, but if this size doesn't exist they will display the thumbnail in...

Step by step guide that shows you how to set a branded image as a default fallback post thumbnail or how to set the first post image as the default fallback post thumbnail.

In this tutorial, we look at WordPress custom image sizes: massively useful, and actually pretty easy to use!

Free CC0 stock photos have become a huge commodity on the web. They’re easier to find than ever before and it’s quite possible there are millions of these photos to choose from. These free photos cert…

Simple but powerful search engine for designers who hate bad stock photos. Use it to find the best licensed image for the lowest price. More than 50 image sources.

These two functions create anchor links, and you can customize a lot of it, but it's impossible to add a class through just using their parameters alone. G

A few years ago I wrote about fluid typography techniques that show how you can use calc() and viewp...