Search

Nalezeno "Web": 2193

Responsible, Conditional Loading


Over on the Polyplane blog (there’s no byline but presumably it’s Kilian Valkhof), there is a great article, Creating websites with prefers-reduced-data, about the prefers-reduced-data media query. No browser support yet, but eventually you can use it in CSS to make choices that reduce...

Firefox 85 nabídne cache partitioning. Web bude pomalejší, ale bezpečnější


V lednu dorazí Firefox 85 a jednou z jeho citelnějších bezpečnostních novinek bude izolovaná cache – tzv. storage partitioning. Technologii už v různé míře používají také Safari a Chrome. Oč se jedná? Když dnes ve Firefoxu načtete web X a poté web Y, mohou sdílet stejný webový obsah, který se

Continuous Performance Analysis with Lighthouse CI and GitHub Actions


Lighthouse is a free and open-source tool for assessing your website’s performance, accessibility, progressive web app metrics, SEO, and more. The easiest way to use it is through the Chrome DevTools panel. Once you open the DevTools, you will see a “Lighthouse” tab. Clicking the “Generate report”...

Edge Everything


The series is a wrap my friends! Thanks for reading and a big special thanks to all the authors this year who shared something they have learned. Many authors really swung wide with thoughts about how we can be better and do better, which of course I really love. Adam showed us logical properties...

Recognizing Constraints


There’s a “C” word in web development that we don’t give enough attention to. No, I’m not talking about “continuous integration”, or even “CSS”. The “C” word I’m talking about is “constraints”. Understanding constraints is a vital part of building software that works the best it can in its targeted...

How The Web is Really Built


My 2020 was colored by the considerable amount of time I spent analyzing data about CSS usage in the wild, for the CSS chapter of the Web Almanac, by the HTTP Archive. The results were eye-opening to me. A wake-up call of sorts. We spend so much time in the bubble of bleeding-edge tech that we lose...

2020 Roundup of Web Research


It’s December! Lots of things are published this time of year, like developer advent calendars and organizations reflecting on the past year. We have even our own end-of-year series where we asked folks what they learned in 2020. But we also see lots of research come out around this time....

Converting and Optimizing Images From the Command Line


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

“I Don’t Know”


I’ve learned to be more comfortable not knowing. “I don’t know”, comes easier now. “I don’t know anything about that.” It’s okay. It feels good to say. Whether it’s service workers, Houdini, shadow DOM, web components, HTTP2, CSS grid, “micro-front ends”, AVIF… there are many paths before...

Change vs. Inertia


Recently, I’ve become more deeply aware of the inherent tension between change and inertia, as it applies to the evolution and use of web technologies. These forces have always been present and opposed to each other, but it seems to me that the side effects of these collisions are impacting...

Optimizing Image Depth


Something I learned (or, I guess, re-learned) this year is how important it is to pay close attention to the bit depth of images. Way back in the day, we used to obsessively choose between 2-, 4-, or 8-bit color depth on our GIFs, because when lots of users were using dialup modems to surf the...

Inspirational Websites Roundup #21


A hand-picked collection of some really good web designs for your inspiration. The post Inspirational Websites Roundup #21 appeared first on Codrops

I learned to love the Same-Origin Policy


I spent a good chunk of my work life this year trying (in collaboration with the amazing Noam Rosenthal) to standardize a new web platform feature: a way to modify the intrinsic size and resolution of images. And hey! We did it! But boy, was it ever a learning experience. This wasn’t my first...

Three Ways to Distinguish a Site From the Norm


In an age where so much web design is already neat, clean, and simple, I can think of three ways to distinguish your site from the norm: Stunning visuals that cannot be created in UI vector editors, like Figma and Sketch Beautifully-animated interactions that cannot be dreamt in the language...

Slow Movement


There was a time when I felt overwhelmed by how fast the web developed. It seemed like not a single day passed without a new plugin, framework, technique, or language feature being released. I believed that in order to survive as a freelancer and to compete with others I had to learn everything...

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