Search

Nalezeno "box": 359

Using a PostCSS function to automate your responsive workflow


A little while back, you might have bumped into this CSS-Tricks article where I described how a mixin can be used to automate responsive font sizes using RFS. In its latest version, v9, RFS is capable of rescaling any value for value for any CSS property with px or rem units, like margin, padding...

Multiline truncated text with “show more” button


Now that we've got cross-browser support for the line-clamp property, I expect we'll see a lot more of that around the web. And as we start to see it more in use, it’s worth the reminder that: Truncation is not a content strategy. We should at least offer a way to read that that truncated content...

Nested Gradients with background-clip


I can't say I use background-clip all that often. I'd wager it's hardly ever used in day-to-day CSS work. But I was reminded of it in a post by Stefan Judis, which consistently was itself a learning-response post to a post over here by Ana Tudor. Here's a quick explanation. You've probably seen...

More Flexible Online Stores WooCommerce and Gutenberg Blocks


Blocks have become an indispensable component for managing content in WordPress since the Gutenberg editor was officially released earlier this year. Not only does WordPress include some nifty blocks right out of the box, but we're starting to see plugin developers take advantage of them...

Navbar Nudging on @keyframers


I got to be the featured guest over on The Keyframers the other day. We looked at a Dribbble shot by Björgvin Pétur Sigurjónsson and then slowly built it, taking some purposeful detours along the way to discuss various tech. We start by considering doing it entirely in CSS, then go for some light...

EOS Finds Music Partner, Deloitte Releases 'Blockchain in a Box'


While many blockchain projects, which involve major banks, exchanges and technology firms, have not gone beyond the testing phase, almost every day new blockchain-related announcements show that the industry is not giving up. This time, we found EOS and Deloitte in the news. It seems that EOS,...

The Myth of Authority: Mnuchin Denies USD Is Used Criminally


U.S. Treasury Secretary Steven Mnuchin has once again weighed in on bitcoin, claiming the U.S. dollar has not been used to finance “nefarious” activity on a recent episode of CNBC’s Squawk Box. Democratic House Representative Maxine Waters also dropped a tasty nugget of...

[aktualita] Televizní platforma Zapni.TV představuje 4K set-top box Tesla


Český IPTV operátor Zapni.TV nabízí zákazníkům vlastní řešení televizního přijímače. Nový Tesla MediaBox umožní divákům nejen sledovat televizní vysílání v Ultra HD (4K) rozlišení, ale díky operačnímu systému Android zvládá i další funkce.  Prostřednictvím A/V výstupu je možné připojit starší...

The Twelfth Fourth


CSS-Tricks is 12 years old! Firmly into that Early Adolescence stage, I'd say ;) As we do each year, let's reflect upon the past year. I'd better have something to say, right? Otherwise, John Prine would get mad at me. How the hell can a person go to work in the morning And come home in...

[článek] Co umí čínský TV box s Androidem? Schopnosti modelové řady HK1


[7 minut čtení] V takzvané zvláštní ekonomické zóně v čínském Šen-čenu se vyrábějí televizní boxy podobné těm, které svým zákazníkům poskytují někteří čeští IPTV operátoři. Přístroje pohání operační systém Android. Podívejme se, co se v nich ukrývá. Dnes si představíme jednu z produktových řad...

Restricting a (pseudo) element to its parent’s border-box


Have you ever wanted to ensure that nothing of a (pseudo) element gets displayed outside its parent's border-box? In case you're having trouble picturing what that looks like, let's say we wanted to get the following result with minimal markup and avoiding brittle CSS. The desired result. This...

Making width and flexible items play nice together


The short answer: flex-shrink and flex-basis are probably what you’re lookin’ for. The long answer Let’s say you want to align an image and some text next to each other with like this: Now let's say you reach for flexbox to make it happen. Setting the parent element to display: flex; is a good...

Different Approaches for Creating a Staggered Animation


Animating elements, at its most basic, is fairly straightforward. Define the keyframes. Name the animation. Call it on an element. But sometimes we need something a little more complex to get the right “feel" for the way things move. For example, a sound equalizer might use the same animation...

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