Search

Nalezeno "No Say": 1831

Fluid Images in a Variable Proportion Layout


Creating fluid images when they stand alone in a layout is easy enough nowadays. However, with more sophisticated interfaces we often have to place images inside responsive elements, like this card: For now, let’s say this image is not semantic content, but only decoration. That’s...

How-to guide for creating edge-to-edge color bars that work with a grid


Hard-stop gradients are one of my favorite CSS tricks. Here, Marcel Moreau combines that idea with CSS grid to solve an issue that’s otherwise a pain in the butt. Say you have like a 300px right sidebar on a desktop layout with a unique background color. Easy enough. But then say you want...

In Defense of a Fussy Website


The other day, I was doom-scrolling Twitter and saw a delightful article titled “The Case for Fussy Breakfasts.” I love food — especially breakfast — and since the pandemic hit I’ve been using my breaks in between meetings (or, shh, sometimes in meetings) to make a full bacon, poached...

Hundreds of Merchants Say Square Is Withholding 30% of their Payments


Payments service Square is reportedly withholding up to 30% of its customers’ payments during the coronavirus pandemic – although the firm says that it is only targeting “risky” customers. A petition hosted at Change.org states that funds are being withheld arbitrarily during the COVID-19 crisis...

Just another +1 for subgrid


I’d say 85% of my grid usage is in one of these two categories… I just need some pretty basic (probably equal width) columns that ends up being something like like grid-template-columns: repeat(3, minmax(0, 1fr)); to be safe. Actually doing some real layout where five minutes in...

Advice for Complex CSS Illustrations


If you were to ask me what question I hear most about front-end development, I’d say it’s“How do I get better at CSS?” And that question usually comes up to some CSS illustration I made, which is something I love to do over on CodePen. To many, CSS is this mythical beast that can’t...

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