Search

Nalezeno "fluid": 45

Fluid Everything Else


We can apply the concept of fluid typography to almost anything. This way we can have a layout that fluidly changes with the size of its parent container. Few users will ever see the transition, but they will all appreciate the results. Honestly, they will. Fluid Everything Else originally...

Clamp it! VS Code extension


There’s a lot of math behind fluid typography. CSS does make the math a lot easier these days, but even if you’re comfortable with that, writing the full declaration can be verbose and tough to remember. I know I often … Clamp it! VS Code extension originally published...

Helldivers 2 Just Can’t Catch A Break Anymore


Once upon a time, Helldivers 2 was everyone’s favorite game. Players were overjoyed to cosplay as satirized fascists, and the promise of an evolving galactic war story enthralled the masses. Nowadays though, it seems like Helldivers 2’s own community is getting increasingly sick of it and...

Fluid launches weETH/wstETH vault


Fluid, a DeFi protocol, has announced the launching of the weETH/wstETH vault. It enables users to access a leverage farm of up to 10x. The borrowing limit is currently capped at 10,000 wstETH. Users on Fluid can leverage farm points in two simple steps. They first have to deposit the token...

Bitcoin Price Prediction: BTC at $42,650, Is Downtrend Looming?


  In the fluid world of cryptocurrency, Bitcoin (BTC/USD), the trailblazer of digital currencies, finds itself at a pivotal juncture. As of December 29, Bitcoin’s price hovers at $42,627, reflecting a 1.82% decline in the past 24 hours. This downturn brings Bitcoin’s market...

Bitcoin Price Prediction: Custodia’s New Move, CFTC & Crypto Oversight


In the fluid realm of digital currencies, Bitcoin‘s valuation has taken a modest uptick, registering a 1.20% climb to reach $35,365 on Wednesday. Amidst this nuanced shift in market dynamics, notable developments have surfaced. Custodia Bank, spearheaded by the astute Caitlin Long,...

Managing CSS Styles in a WordPress Block Theme


The way we write CSS for WordPress themes is in the midst of sweeping changes. I recently shared a technique for adding fluid type support in WordPress by way of theme.json, a new file that WordPress has been pushing … Managing CSS Styles in a WordPress Block Theme originally published...

Adding Fluid Typography Support to WordPress Block Themes


Fluid typography is a fancy way of “describing font properties, such as size or line height, that scale fluidly according to the size of the viewport”. It’s also known by other names, like responsive typography, flexible type, fluid type, … Adding Fluid Typography Support to WordPress Block...

Fast, Fluid, Frictionless Payments Are the Future


For a technology to really hit the big time, it's got to evolve. Right now, we're still in the early adopter phase of crypto. It's hard to acquire, hard to use for most non-tech folks and it's lacking a whole bunch of features

Creating a Fluid Distortion Animation with Three.js


A coding session where you'll learn how to create the interactive liquid-like effect from the PixiJS website using Three.js. The post Creating a Fluid Distortion Animation with Three.js appeared first on Codrops

Consistent, Fluidly Scaling Type and Spacing


When Chris first sent me this prompt, I was thinking about writing about progressive enhancement, but that subject is so wide-reaching to be one thing and all too predictable, especially for those already familiar with my writing. Saying that, what …

Using CSS Shapes for Interesting User Controls and Navigation


Straight across or down, that’s the proverbial order for user controls on a screen. Like a list of menu items. But what if we change that to a more fluid layout with bends, curves, and nooks? We can pull it … The post Using CSS Shapes for Interesting User Controls and Navigation appeared...

How to Get a Pixel-Perfect, Linearly Scaled UI


Dynamically scaling CSS values based on the viewport width is hardly a new topic. You can find plenty of in-depth coverage right here on CSS-Tricks in articles like this one or this one. Most of those examples, though, use … The post How to Get a Pixel-Perfect, Linearly Scaled UI appeared...

Working around the viewport-based fluid typography bug in Safari


Sara digs into a bug I happened to have mentioned back in 2012 where fluid type didn’t resize when the browser window resized. Back then, it affected Chrome 20 and Safari 6, but the bug still persists today in Safari … The post Working around the viewport-based fluid typography bug...

Are we in a new era of web design? What do we call it?


Una is calling it the new responsive. A nod to the era we were most certainly in, the era of responsive design. Where responsive design was fluid grids, flexible media, and media queries, the new responsive is those things … The post Are we in a new era of web design? What do we call...

Collective #660


Container Queries Explainer & Proposal * Mantine * Fluid Typography * Fower The post Collective #660 appeared first on Codrops

Barebones CSS for Fluid Images


Zach takes a look at some fundamental HTML+CSS usage for fluid, responsive images. Most of it, I’d say, is what you’d expect, but things get weird when srcset gets involved. I poked my way through, and in addition to the … The post Barebones CSS for Fluid Images appeared first...

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