Search
Social Image Generator + Jetpack
13.9.2021
I feel like my quest to make sure this site had pretty sweet (and automatically-generated) social media images (e.g. Open Graph) came to a close once I found Social Image Generator.
The trajectory there was that I ended up …
The post Social Image Generator + Jetpack appeared first...
Frameworks Helping Image Usage
9.9.2021
I recently blogged about how images are hard and it ended up being a big ol’ checklist of things that you could/should think about and implement when placing images on websites.
I think it’s encouraging to see frameworks — these …
The post Frameworks Helping Image Usage appeared...
The Story Behind TryShape, a Showcase for the CSS clip-path property
8.9.2021
I love shapes, especially colorful ones! Shapes on websites are in the same category of helpfulness as background colors, images, banners, section separators, artwork, and many more: they can help us understand context and inform our actions through affordances.
A …
The post The Story Behind...
If I work really hard on my Open Graph images, people will share my blog posts.
2.9.2021
Zach did that thing where each of his blog posts has a special URL with the design of social image card that is screenshat by a headless browser (like Puppeteer) and used as a true meta Open Graph image, meaning …
The post If I work really hard on my Open Graph images, people will share...
You don’t need external assets in an HTML file
2.9.2021
A fun exercise from Terence Eden. You can send an HTML file over the wire including anything a website might need without requesting any other files. CSS and JavaScript are easy, because there are <script and <style tags. Images and …
The post You don’t need external assets...
Rammstein Vocalist in Conflict With Russian Museum Over Unauthorized NFT Sale
15.8.2021
Till Lindemann, lead singer of the German metal band Rammstein, has angered Russia’s renowned Hermitage Museum with a crypto initiative. The musician seeks over a hundred thousand euros for an NFT collection containing footage and imagery shot in the cultural institution. The tokens have been...
GitHub Explains the Open Graph Images
29.7.2021
An explanation of those new GitHub social media images:
[…] our custom Open Graph image service is a little Node.js app that uses the GitHub GraphQL API to collect data, generates some HTML from a template, and pipes it to 
…
The post GitHub Explains the Open Graph Images...
Your Image Is Probably Not Decorative
20.7.2021
Eric doesn’t mince words, especially in the title, but also in the conclusion:
In modern web design and development, displaying an image is a highly intentional act. Alternate descriptions allow us to explain the content of the image, and in
…
The post Your Image Is Probably...
Images are hard.
19.7.2021
Putting images on websites is incredibly simple, yes? Actually, yes, it is. You use <img> and link it to a valid source in the href attribute and you’re done. Except that there are (counts fingers) 927 things you could (and …
The post Images are hard. appeared first...
Kubernetes Explained Simply: Containers, Pods and Images
5.7.2021
If you zone out every time someone mentions “Kubernetes,” “containers,” or “pods,” this article is for you. No complex diagrams involved!
As a front-end developer, you don’t have to know how to configure an infrastructure from scratch. However, if you …
The post Kubernetes Explained Simply:...
John McAfee’s Hideout Was a Secret Bitcoin Mining Farm
28.6.2021
John McAfee was reportedly hiding out in a Spanish “ghost hotel” with a bitcoin mining farm in the basement prior to his arrest. Clues from images and messages the antivirus tycoon posted on social media point to a semi-abandoned hotel owned by a Russian. ‘Ghost Hotel’ With...
Using Performant Next-Gen Images in CSS with image-set
23.6.2021
The CSS image-set() function has been supported in Chromium-based browsers since 2012 and in Safari since version 6. Support recently landed in Firefox 88. Let’s dive in and see what we can and can’t do today with image-set().…
The post Using Performant Next-Gen Images in CSS with image-set...
Start Serving Optimized Images in Vue
17.6.2021
Images have become extremely important to the effectiveness of websites. They speak a 1000 words, attract attention, and stimulate emotions.
However, web performance is also a growing problem for most websites. And images are at the heart of many web …
The post Start Serving Optimized Images...
How to Show Images on Click
27.5.2021
Most images on the web are superfluous. If I might be a jerk for a bit, 99% of them aren’t event that helpful at all (although there are rare exceptions). That’s because images don’t often complement the text they’re …
The post How to Show Images on Click appeared first...
The Humble `img` Element And Core Web Vitals
18.5.2021
Addy Osmani on images in HTML:
The humble <img> element has gained some superpowers over the years. Given how central it is to image optimization on the web, let’s catch up on what it can do and how it can
…
The post The Humble `img` Element And Core Web Vitals appeared...
Auto-Generated Social Media Images
14.5.2021
I’ve been thinking about social media images again. You know, the images that (can) show up when you share a link in places like Twitter, Facebook, or iMessage. You’re essentially leaving money on the table without them, because they …
The post Auto-Generated Social Media Images...
What Google’s New Page Experience Update Means for Images on Your Website
6.5.2021
It’s easy to forget that, as a search engine, Google doesn’t just compare keywords to generate search results. Google knows that if people don’t enjoy their experience on a web page, they won’t stay on the page long enough to …
The post What Google’s New Page Experience Update Means...
Ten Useful Image and Video Transformations
3.5.2021
Learn how to transform images and videos for 10 popular use cases, such as image thumbnails and placeholders; as well as video transitions and previews.
The post Ten Useful Image and Video Transformations appeared first on Codrops
Image Optimization Strategies Compared (Sponsored)
30.4.2021
We all know the stats. Slower website performance is strongly linked to higher abandon rates and lower conversions. What you may not know is that the main culprit is bloated web page payloads, bringing down our otherwise performant web pages via images. That being said, images also drive...
African Digital Media Company Set to Hold NFT Auction Featuring Artwork by Kenyan Filmmaker Rich Allela
25.4.2021
A Kenya-based digital media company, Picha Images, is reportedly set to hold one of the first non-fungible token (NFT) auctions in Africa. The auction event, which is set to be held between April 26 through May 3, 2021, will initially feature the works of Rich Allela, the award-winning photographer...