Search

Nalezeno "approach": 536

A/B Testing Instant.Page With Netlify and Speedcurve

5.6.2020
Instant.Page does one special thing to make sites faster: it preloads the next page when it’s pretty sure you’re going to click a link (either by hovering over 65ms or mousedown on desktop, or touchstart on mobile), so when you do complete the click (probably a few hundred milliseconds...

Devon Brewer: Rediscovering the Golden Rule

9.5.2020
The Golden Rule may be the most basic moral approach to dealing with others. It seems universal across cultures and religions. The Golden Rule is instinctive. We all know it, even as children without education. I like the negative form of the Golden Rule the best. One of the earliest written...

Playing With (Fake) Container Queries With watched-box & resizeasaurus

5.5.2020
Heydon’s <watched-box> is a damn fantastic tool. It’s a custom element that essentially does container queries by way of class names that get added to the box based on size breakpoints that are calculated with ResizeObserver. It’s like a cleaner version of what Philip...

Different Approaches to Responsive CSS Motion Path

24.4.2020
As a follow-up to Jhey’s recent post on responsive motion paths, Michelle Barker notes that another approach could be to just transform: scale() the whole dang element. The trade-off there is that you’re scaling both the path and the element on the path at the same time; Jhey’s...

4 CSS Grid Properties (and One Value) for Most of Your Layout Needs

30.3.2020
CSS Grid provides us with a powerful layout system for websites. The CSS-Tricks guide gives you a comprehensive overview of Grid’s properties with layout examples. What we’re going to do here is a reverse approach to show you the smallest possible set of grid properties you need to know to meet...

Is Twitter Helping Justin Sun and Other Cryptocurrency Celebrities Defraud?

8.3.2020
A site as hugely influential as Twitter should ideally take a balanced and responsible approach when suggesting blue check accounts and other popular influencers to follow in the crypto space. Fact is, this couldn’t be further from the reality: Twitter seems to constantly promote the same...

When CSS Blocks

28.2.2020
Tim Kadlec: One particular pattern [for loading non-critical CSS] I’ve seen is the preload/polyfill pattern. With this approach, you load any stylesheets as preloads instead, and then use their onload events to change them back to a stylesheet once the browser has them ready. So you're...

Multi-Thumb Sliders: General Case

8.1.2020
The first part of this two-part series detailed how we can get a two-thumb slider. Now we'll look at a general multi-thumb case, but with a different and better technique for creating the fills in between the thumbs. And finally, we'll dive into the how behind the styling a realistic 3D-looking...

How Many Websites Should We Build?

27.12.2019
Someone emailed me: What approach to building a site should I take? Build a single responsive website Build a site on a single domain, but detect mobile, and render a separate mobile site Build a separate mobile site on a subdomain It's funny how quickly huge industry-defining conversations...

Design APIs: The Evolution of Design Systems

17.12.2019
A clever idea from Matthew Ström: [...] design APIs don’t seem like a stretch of the imagination. An API-driven approach is the natural extension of the work currently being done on design systems, including tokens and standardization projects. If you buy into the idea of design tokens, that...

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