Largest Contentful Paint (or LCP) is a major web performance KPI which is still a new concept for many web developers since it became a ranking factor just recently. In this article, Eloïse Martin provides an overview of the best practices for the integration and optimization of an LCP image.
CSS fingerprinting, no JS required!
As a data format, yaml is extremely complicated and it has many footguns. In this post I explain some of those pitfalls by means of an example, and I suggest a few simpler and safer yaml alternatives.
A collection of best practices for optimizing websites' Core Web Vitals performance based on the state of the web in 2023.
tl;dr
GIFs are awesome but terrible for quality and performance
Replacing GIFs with <video> is better but has perf. drawbacks: not preloaded, uses range requests
Now you can <img src=".mp4">s in Safari Technology Preview
Early results show mp4s in <img> tags display
As developers, we have times when we get to process a lot of data. Sometimes it’s a few kilobytes of data and we don’t need to worry about the performance because computers are so fast. When we’re looking at gigabytes or more of data then we need to be aware of the performance of our […]
CSS is constantly evolving, and some cool and useful properties either go completely unnoticed or are not talked about as much as others for some reason or another. In this article, we’ll cover a fraction of those CSS properties and selectors.
Wir stellen datenschutzfreundliche Tools und Hilfsmittel zur Verfügung.
Modern PHP Cheat Sheet from the book Front Line PHP
Automated tests are important. Without them, programmers waste a huge amount of time manually checking and fixing their code.
Probably the most important distinction about repositories is that they represent collections of entities. They do not represent database storage or caching or any number of technical concerns. Repositories represent collections. How you hold those collections is simply an implementation detail.
Consistency is key to making it easier for collaborators to understand and contribute to a project. When it comes to consistently naming constructors, I use the following rules.
When new software comes out it has a version number like 8.2.0. If you’re confused about what that means you’re not alone. The software industry needed a standard way to describe software releases so we as consumers of the software could determine how big of a change it was and determine if we should upgrade. […]
You may not think about images as part of your web dev work, but they can affect your web app's performance more than any other part of your code.
You've probably used visually-hidden content before. But how does the CSS actually work, and why do we use those particular properties?
A full-stack web developer from Brno
An exploration of how a frontend developer thinks while building a simple hero section.
This is the first of two vulnerable PHP scripts that I’m going to use for all tests. This script... Tagged with bugbounty, penetration, php.
Performance chapter of the 2022 Web Almanac covering Core Web Vitals, with deep dives into the Largest Contentful Paint, Cumulative Layout Shift, and First Input Delay metrics and their diagnostics.
Modern devices crafted in pure CSS. Pure CSS iPhone 14 Pro, iPhone 14, MacBook Pro, iPad Pro, iMac, Apple Watch Ultra, HomePod, iPhone 1st gen, and Surface family devices.