Improve Largest Contentful Paint (LCP) on Your Website With Ease


(This is a sponsored post.) Optimizing the user experience you offer on your website is essential for the success of any online business. Google does use different user experience-related metrics to rank web pages for SEO and has continued … The post Improve Largest Contentful Paint (LCP)...

Collective #678


Building a split-button component * Roadroller * Using the platform * Pollen The post Collective #678 appeared first on Codrops

Mars Theme: A Deep Look at Frontity’s Headless WordPress Theme


Frontity is a framework for creating de-coupled (or "headless") WordPress sites. In this article, we dive into the process of spinning up such a site, with a detailed overview of the building blocks provided by Frontity and its flagship theme, Mars. The post Mars Theme: A Deep Look at Frontity’s...

Don’t attach tooltips to document.body


Here’s Atif Afzal on using a <div> that is permanently on the page where tooltips are added/removed and how they perform vastly better than plopping those same tooltips right into the <body>. It’s not really discussed, but the reason … The post Don’t attach...

The Story Behind TryShape, a Showcase for the CSS clip-path property


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

Can we have custom media queries, please?


Stefan Judis notes that there is a spec for custom media queries, but seemingly no momentum on it at the moment. That lack of movement is unfortunate, as it’s almost guaranteed front-end developers all over would start using it as … The post Can we have custom media queries, please?...

Fire SVG animations (SMIL) when the SVG is visible


When requirements read “when visible” your brain should go straight to IntersectionObserver. That’s exactly what Zach is doing here to kick off an animation when it scrolls into view. Except this animation is an SVG SMIL animation: an <animate>… The post Fire...

Building Your Own Subscription Newsletter


(This is a sponsored post.) I did a sponsored video the other week explaining how to build a paid subscription newsletter using WordPress (we did it on WordPress.com but it could be hosted anywhere), MailPoet (a plugin to visually … The post Building Your Own Subscription Newsletter appeared...

Firefox’s `bolder` Default is a Problem for Variable Fonts


Variable fonts make it easy to create a large set of font styles from a single font file. Unfortunately, the default rendering of the <b> and <strong> elements in browsers today is not very compatible with the wide range of … The post Firefox’s `bolder` Default is a Problem...

Inspirational Websites Roundup #29


A new collection of the best web designs and creative websites from the past couple of weeks. The post Inspirational Websites Roundup #29 appeared first on Codrops

Early Days for CSS Scoping


There is a working draft spec for CSS scoping now, a newsworthy event for the W3C. Other than a weird period where <style scoped shipped and then was subsequently removed from the spec (and browsers), this is the furthest a … The post Early Days for CSS Scoping appeared first...

Creating Interactive Product Pages With React and Cloudinary


With Cloudinary and React, create low-bandwidth, interactive product pages for e-commerce on which shoppers can specify sizes, colors, and custom text. The post Creating Interactive Product Pages With React and Cloudinary appeared first on Codrops

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