Search

Nalezeno "you": 5892

A/B Testing Instant.Page With Netlify and Speedcurve


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

Adding CSS to a Page via HTTP Headers


Only Firefox supports it, but if you return a request with a header like this: Header add Link "<style.css;rel=stylesheet;media=all" …that will link to that stylesheet without you having to do it in the HTML. Louis Lazaris digs into it: […] the only thing I can think of that could...

Jumping Into Webmentions With NextJS (or Not)


Webmention is a W3C recommendation last published on January 12, 2017. And what exactly is a Webmention? It’s described as… […] a simple way to notify any URL when you mention it on your site. From the receiver’s perspective, it’s a way to request notifications when other sites...

On fixed elements and backgrounds


After just playing with apsect-ratio and being pleasantly surprised at how intuitive it is, here’s an example of CSS acting unintuitively: If you have a fixed element on your page, which means it doesn’t move when you scroll, you might realise that it no longer acts fixed if you apply a...

Behind the Source: Cassie Evans


I feel like the tech industry takes itself far too seriously sometimes. I get frustrated by all the posturing and gatekeeping – “You’re not a real developer unless you use x framework”, “CSS isn’t a real programming language”. I think this kind of rhetoric often puts new developers off,...

Chrome 83 Form Element Styles


There have been some aesthetic changes to what form elements look like as of Chrome 83. Anything with gradient colorization is gone (notably the extra-shiny <meter stuff). The consistency across the board is nice, particularly between inputs and textareas. Not a big fan of the new <select...

A New Way to Delay Keyframes Animations


If you’ve ever wanted to add a pause between each iteration of your CSS @keyframes animation, you’ve probably been frustrated to find there’s no built-in way to do it in CSS. Sure, we can delay the start of a set of @keyframes with animation-delay, but there’s no way to add time between...

Jetpack Scan


Fresh from the Jetpack team at Automattic, today, comes Jetpack Scan. Jetpack Scan scans all the files on your site looking for anything suspicious or malicious and lets you know, or literally fixes it for you with your one-click approval. This kind of security scanning is very important to...

Rotated Table Column Headers… Now With Fewer Magic Numbers!


Rotated <table> column headers is something that’s been covered before right here on CSS-Tricks, so shout-out to that for getting me started and helping me achieve this effect. As the article points out, if you aren’t using trigonometry to calculate your table styles, you’ll have to rely...

Overlapping Header with CSS Grid


Snook shows off a classic design with an oversized header up top, and a content area that is “pulled up” into that header area. My mind goes to the same place: Historically, I’ve done this with negative margins. The header has a height that adds a bunch of padding to the bottom...

UI Interactions & Animations Roundup #7


Some modern UI animation shots to keep you up-to-date with the freshest trends. The post UI Interactions & Animations Roundup #7 appeared first on Codrops

What Are Leveraged Tokens And Should You Trade Them?


The digital asset markets are continuously evolving and innovating to accommodate different types of traders. One of the latest innovations in the crypto trading space is leveraged tokens. In this article, you will be introduced to leverage tokens, how they work, and we discuss their benefits...

Everything You Need to Know About Bitcoin Slots


Online slots are the virtual versions of the land-based slots machines found in the casinos. While players can find different types of slots at a brick and mortar casino, the virtual recreations of the same are also found online. However, you can find an exceedingly large number of slots games...

Core Web Vitals


Core Web Vitals is what Google is calling a a new collection of three web performance metrics: LCP: Largest Contentful Paint FID: First Input Delay CLS: Cumulative Layout Shift These are all measurable. They aren’t in Lighthouse (e.g. the Audits tab in Chrome DevTools) just yet, but sounds...

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