Category: Tech

A case study of some major changes introduced at Wix to improve website loading performance for millions of sites, clearing the path for them to receive good PageSpeed Insights and Core Web Vitals scores. Mar 10, 2021 Alon leads the core backend team at Wix. Thanks to leveraging industry standards, cloud providers, and CDN capabilities, Read More

Jan 21, 2021 This codelab teaches you how to build a responsive slide out side navigation layout component on the web. We’ll build the component as we go, starting with HTML, then CSS, then JavaScript. Check out my blog post Building a Sidenav component to learn about the CSS web platform features chosen for building Read More

A new HTTP response header to limit domain-wide scripting and request dedicated resources from the browser. Feb 1, 2021 Origin-Agent-Cluster is a new HTTP response header that instructs the browser to prevent synchronous scripting access between same-site cross-origin pages. Browsers may also use Origin-Agent-Cluster as a hint that your origin should get its own, separate Read More

Dec 16, 2020 This codelab sets you up to share and showcase your favorite way of centering in CSS. Check out my blog post Centering in CSS to learn about 5 of my favorite ways to center in CSS. Or watch this video! Setup # Click Remix to Edit to make the project editable. Open Read More

Optimize carousels for performance and usability. Jan 26, 2021 A carousel is a UX component that displays content in slideshow-like manner. Carousels can “autoplay” or be navigated manually by users. Although carousels can be used elsewhere, they are most frequently used to display images, products, and promotions on homepages. This article discusses performance and UX Read More

Follow 5 centering techniques as they go through a series of tests to see which one is the most resilient to change. Dec 16, 2020 Centering in CSS is a notorious challenge, fraught with jokes and mockery. 2020 CSS is all grown up and now we can laugh at those jokes honestly, not through clenched Read More

Learn about our plans for improving the Cumulative Layout Shift metric and give us feedback. Jan 25, 2021 Cumulative Layout Shift (CLS) is a metric that measures the visual stability of a web page. The metric is called cumulative layout shift because the score of every individual shift is summed throughout the lifespan of the Read More

Supercharging your CSS with Houdini paint worklets is just a few clicks away. Dec 10, 2020 CSS Houdini is an umbrella term that describes a series of low-level browser APIs that give developers much more control and power over the styles they write. Houdini enables more semantic CSS with the Typed Object Model. Developers can Read More

An SXG is a delivery mechanism that makes it possible to authenticate the origin of a resource independently of how it was delivered. Oct 14, 2020• Updated Apr 21, 2021 A signed exchange (SXG) is a delivery mechanism that makes it possible to authenticate the origin of a resource independently of how it was delivered. Read More

Nov 25, 2020 This codelab teaches you how to build an experience like Instagram Stories on the web. We’ll build the component as we go, starting with HTML, then CSS, then JavaScript. Check out my blog post Building a Stories component to learn about the progressive enhancements made while building this component. This post assumes Read More

1 6 7 8 9 10 12
en_USEnglish