Search

Nalezeno "images": 371

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...

Nailing That Cool Dissolve Transition

31.3.2021
We’re going to create an impressive transition effect between images that’s, dare I say, very simple to implement and apply to any site. We’ll be using the kampos library because it’s very good at doing exactly what we need. We’ll … The post Nailing That Cool Dissolve Transition...

Barebones CSS for Fluid Images

18.2.2021
Zach takes a look at some fundamental HTML+CSS usage for fluid, responsive images. Most of it, I’d say, is what you’d expect, but things get weird when srcset gets involved. I poked my way through, and in addition to the … The post Barebones CSS for Fluid Images appeared first...

Maximally optimizing image loading for the web in 2021

16.2.2021
Malte Ubl’s list for: 8 image loading optimization techniques to minimize both the bandwidth used for loading images on the web and the CPU usage for image display. Fluid width images in CSS, not forgetting the height and width attributes … The post Maximally optimizing image...

Automatic Social Share Images

29.12.2020
It’s a pretty low-effort thing to get a big fancy link preview on social media. Toss a handful of specific <meta> tags on a URL and you get a big image-title-description thing. Here’s Twitter’s version of an article on this … The post Automatic Social Share Images...

Converting and Optimizing Images From the Command Line

21.12.2020
Images take up to 50% of the total size of an average web page. And if images are not optimized, users end up downloading extra bytes. And if they’re downloading extra bytes, the site not only takes that much more time to load, but users are using more data, both of which can be resolved, at least...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace