Archive for the ‘images’ Category

Lazy Loading Gravatars in WordPress

Posted on: No Comments
Most WordPress themes show user Gravatars in the comment threads. It's a way of showing an image with the user, as associated by the email address used. It's a nice touch, and almost an expected design pattern these days. Every one of those gravatars ...

Measuring Image Widths in JavaScript (Carefully!)

Posted on: No Comments
Let's say you want to find an <img> on the page and find out how wide it is in JavaScript. Maybe you need to make some choices based on that width (or height, or both) You can definitely do that. The DOM will even give you a variety of dimensions...

Develop Locally, Use Images from Production

Posted on: No Comments
Working on your website locally means having the files that make your website tick right there on your computer. It's common those files live in a version control repository. You work on them, and push them up to the repo when you are ready. Other peop...

Using WebP Images

Posted on: No Comments
A version of this article was first posted on Jeremy's blog. It was Jeremy's idea to repost here to spread the good word about WebP and the performance benefits. Something he knows about as an author of an (upcoming) web perf book. We've all been ther...

Image Upload and Manipulation with React

Posted on: No Comments
The following is a guest post by Damon Bauer, who tackles a pretty common web developer job: offering user image uploads. I'd hesitate to call it easy, but with the help of some powerful tools that do a lot of the heavy lifting, this job has gotten a h...

Reducing JPG File size

There’s lots of neat tricks for reducing the size of JPGs in this article by Colt McAnlis: With the Average webpage size now larger than the original DOOM game, you have to start asking where all the bytes are coming from, and how you can do more to ...

Working with Images in Stylesheets with PostCSS

Posted on: No Comments
The following is a guest post by Aleks Hudochenkov. Aleks does a great job here of showcasing what PostCSS is good at and the role it has grown into in the front end stack. That is: doing little useful jobs within CSS. You're about to see variety of Po...

A Quick Overview of `object-fit` and `object-position`

Posted on: No Comments
object-fit and object-position are my two favourite CSS properties lately. They give developers control over the content inside an img or a video similar to the way that we can manipulate the content of a background with background-position and backgro...

Lazy Loading Images with the Igaro App JavaScript Framework

Posted on: No Comments
A while back I wrote about the Igaro App JS Framework (disclaimer: I'm the framework author). "Sigh! Not another framework" I hear you say (and probably rightly so). Well, let me tell you what sets Igaro app apart. Igaro App is NOT yet another framewor...