Independent Science + Technology

Category: images

Making the new Salter Cane website

Post date February 1, 2025
Post author By Adactio: Journal
Post categories In background, band, browsers, css, development, embeds, enhancement, frontend, iframes, images, performance, progressive, redesign, saltercane, standards, styling

2024 in photos

Post date December 31, 2024
Post author By Adactio: Journal
Post categories In 2024, images, months, photography, Photos, pictures, year
Tags 12

Turn an animated GIF into a <video>

Post date December 4, 2024
Post author By Stoyan
Post categories In (x)HTML(5), ffmpeg, images

Minimal SVG Favicon

Post date June 16, 2024
Post author By Stoyan
Post categories In images, performance

The Truth(tm) about encoding SVG in data URIs

Post date February 10, 2024
Post author By Stoyan
Post categories In css, images, Optimization, performance

Image requests in hidden content

Post date January 2, 2024
Post author By Stoyan
Post categories In images, performance

Minimum viable no-image image src

Post date December 26, 2023
Post author By Stoyan
Post categories In images, performance

Running JPEG-XL tools on shared Dreamhost

Post date July 21, 2023
Post author By Stoyan
Post categories In Hosting, images, tools

Accessibility audits for all

Post date May 31, 2023
Post author By Adactio: Journal
Post categories In a11y, accessibility, alt, audits, clearleft, colour, contrast, forms, headings, images, links, prioritisation, structure, testing

Vanilla JavaScript: Add Class to Image Links

Post date January 14, 2023
Post author By Jeff Starr
Post categories In images, JavaScript

Getting all the video thumbnails from a YouTube video

Post date January 11, 2023
Post author By Christian Heilmann
Post categories In images, scraping, YouTube

Top 7 sites to find free PNG images in 2022

Post date December 16, 2022
Post author By DrDesigno
Post categories In images, png, resource

CSS Infinite Slider Flipping Through Polaroid Images

Post date December 9, 2022
Post author By Temani Afif
Post categories In Article, carousel, css animation, images, slider, z-index

Reduce Image Sizes by Removing Metadata

CSS Infinite and Circular Rotating Image Slider

Post date December 2, 2022
Post author By Temani Afif
Post categories In Article, carousel, css animation, images, mask, slider

CSS Grid and Custom Shapes, Part 3

Post date November 11, 2022
Post author By Temani Afif
Post categories In Article, clip-path, CSS Shapes, grid, hover, images

Build your own profile photo sticker/frame tool

Post date November 1, 2022
Post author By Tracy Chou 👩🏻‍💻
Post categories In beginners, images, programming, python

Fancy Image Decorations: Single Element Magic

Post date October 14, 2022
Post author By Temani Afif
Post categories In Article, clip-path, conic gradients, hover, images, mask, multiple backgrounds

Progressive

Post date July 26, 2022
Post author By Stoyan
Post categories In images

Extending Fiddler’s ImageView

Post date June 24, 2022
Post author By ericlaw
Post categories In fiddler, images, Optimization, perf, performance

Backup

Post date June 19, 2022
Post author By Adactio: Journal
Post categories In berlin, Conferences, Fonts, images, keynote, medium:id=919d6a6988c1, presentations, slidedecks, slides, speaking, talks, text, typography, wearedevelopers

Alt writing

Post date May 25, 2022
Post author By Adactio: Journal
Post categories In a11y, accessibility, alt, creativity, descriptions, development, frontend, headshots, images, medium:id=b257e11d0c33, originality, Photos, speakers, uxlondon, writing

Inline Image Previews with Sharp, BlurHash, and Lambda Functions

Post date May 19, 2022
Post author By Adam Rackis
Post categories In Article, image strategies, images

Image previews with the FileReader API

Post date May 15, 2022
Post author By Adactio: Journal
Post categories In accessibility, alt, api, development, filereader, frontend, images, indieweb, JavaScript, medium:id=e9e59ed2a7bb, notes, posse, previews, syndication, twitter

Useful Tools for Creating AVIF Images

Post date May 9, 2022
Post author By Sunkanmi Fafowora
Post categories In Articles, av1, Avif, images

Complete Laravel 8 Image upload Tutorial with example

Post date January 17, 2022
Post author By Anik Kanti Sikder Mithu
Post categories In images, laravel, php, Tutorials

The Search For a Fixed Background Effect With Inline Images

Post date January 6, 2022
Post author By Alex Lazar
Post categories In Article, background-attachment, background-image, fixed position, images

Create semi-transparent CSS background images by crossfading them with a transparent GIF

Post date December 21, 2021
Post author By Bramus!
Post categories In css, Elsewhere, images, link

Here’s a PNG that will show a different image in Apple Software

Post date December 17, 2021
Post author By Bramus!
Post categories In apple, bug, Elsewhere, images, link, png

Explain like I’m five: Web Performance Optimization

Post date December 15, 2021
Post author By Stoyan Stefanov
Post categories In caching, cdn, compression, css, Fonts, images, JavaScript, performance, wpo

Image Optimizer

Post date December 13, 2021
Post author By Bramus!
Post categories In Elsewhere, images, link, Optimization

More writing on web.dev

Post date December 11, 2021
Post author By Adactio: Journal
Post categories In darkmode, design, development, frontend, icons, images, medium:id=aca09a61c8e8, picture, responsive, srcrset, theming, typography, writing

From fonts to SVG: an icon migration strategy

Post date December 2, 2021
Post author By editor
Post categories In Fonts, images, performance

A Look at the Cloudinary WordPress Plugin

Post date November 30, 2021
Post author By Chris Coyier
Post categories In Article, Cloudinary, image optimization, images, Sponsored, wordpress

Converting and Optimizing Images From the Command Line

Post date November 29, 2021
Post author By Ravgeet Dhillon
Post categories In bash, images, linux, webperf

Print images to console using Python

Post date September 29, 2021
Post author By Pranav Baburaj
Post categories In console, images, python, Terminal

Accessibility testing

Post date September 14, 2021
Post author By Adactio: Journal
Post categories In a11y, accessibility, alt, aria, colour, communication, contrast, development, forms, frontend, headings, html, images, interactivity, interface, JavaScript, medium:id=85093d355a70, process, semantics, testing, WCAG, widgets, workflow

Frameworks Helping Image Usage

Post date September 9, 2021
Post author By Chris Coyier
Post categories In Article, image optimization, images, performance

Using Saliency in progressive JPEG XL images

Post date September 9, 2021
Post author By Bramus!
Post categories In compression, Elsewhere, images, link

Vector? Raster? Why Not Both!

Post date August 27, 2021
Post author By Bramus!
Post categories In compression, Elsewhere, images, link, Optimization

imgproxy: fast and secure on-the-fly image processing

Post date August 27, 2021
Post author By Bramus!
Post categories In Conversion, Elsewhere, images, link, resizing

Decoding AVIF: Deep dive with cats and imgproxy

Post date August 27, 2021
Post author By Bramus!
Post categories In Avif, Elsewhere, images, link

Why WebKit supports AVIF but Safari does not

Post date August 23, 2021
Post author By Bramus!
Post categories In Elsewhere, images, link, Safari, Webkit

The Future Of Chatbots (AI)

Post date August 2, 2021
Post author By mayukhdeep
Post categories In artificialintelligence, blog, chatbots, images

Your Image Is Probably Not Decorative

Post date July 20, 2021
Post author By Chris Coyier
Post categories In accessibility, alt text, images, link

Images are hard.

Post date July 19, 2021
Post author By Chris Coyier
Post categories In Article, images

How to serve optimized CSS background images based on screen resolution

Post date July 6, 2021
Post author By Geoff Graham
Post categories In css, images, performance, TIL

How to use serve optimized CSS background images based on screen resolution

Post date July 6, 2021
Post author By Geoff Graham
Post categories In css, images, performance, TIL

About your transparent logo…

Post date June 29, 2021
Post author By Uli Troyo
Post categories In images, webdev

The Humble `img` Element And Core Web Vitals

Post date May 17, 2021
Post author By Chris Coyier
Post categories In images, link, performance

Seam carving: content-aware image resizing … in JavaScript

Post date April 26, 2021
Post author By Bramus!
Post categories In Elsewhere, images, JavaScript, link, resize, seam carving

Convert a BlurHash to a CSS background with blurhash-to-css

Post date March 6, 2021
Post author By Bramus!
Post categories In css, Elsewhere, images, link, placeholder

Maximally optimizing image loading for the web in 2021

Post date February 16, 2021
Post author By Chris Coyier
Post categories In image optimization, images, link, performance

Easily include Blurhash placeholders in your React projects with react-blurhash

Post date February 1, 2021
Post author By Bramus!
Post categories In Elsewhere, images, link, placeholder, react

1001 Questions regarding Web Performance

Post date December 20, 2020
Post author By Stoyan
Post categories In caching, cdn, compression, css, HTTP, images, JavaScript, performance, webworkers

Image Placeholders: Do it right or don’t do it at all. Please.

Post date January 5, 2018
Post author By Robin Osborne
Post categories In code, images, lqip, perfmatters, performance, webperf

Preloading images in parallel with promises

Post date September 10, 2015
Post author By Hugo “Kitty” Giraudel
Post categories In images, JavaScript, performance, promise

Optimising images with Bash

Post date July 29, 2013
Post author By Kitty Giraudel
Post categories In bash, images, optimisation, script

Optimising images with Bash

Post date July 29, 2013
Post author By Hugo “Kitty” Giraudel
Post categories In bash, images, optimisation, script

Nothing left to load.