Search

Nalezeno "BOX": 359

Global CSS options with custom properties

30.5.2020
With a preprocessor, like Sass, building a logical “do this or don’t” setting is fairly straightforward: $option: false; @mixin doThing { @if $option { do-thing: yep; } } .el { @include doThing; } Can we do that in native CSS with custom properties? Mark Otto shows...

A First Look at `aspect-ratio`

29.5.2020
Oh hey! A brand new property that affects how a box is sized! That’s a big deal. There are lots of ways already to make an aspect-ratio sized box (and I’d say this custom properties based solution is the best), but none of them are particularly intuitive and certainly not...

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

Fake Code

21.4.2020
Here’s a fun little idea from Knut Synstad. You give it the URL of a GitHub Gist and it converts the Gist into grayscale rounded blobs (SVG) that sorta look like code if you squint. Maybe fun for interesting dynamic backgrounds or for whatever you might use code-looking stock art for. It...

Creating Playful Effects With CSS Text Shadows

20.4.2020
Let’s have a look at how we can use the CSS text-shadow property to create truly 3D-looking text. You might think of text-shadow as being able to apply blurred, gradient-looking color behind text, and you would be right! But just like box-shadow, you can control how blurred the shadow is, including...

Collective #602

16.4.2020
Watched Box * Generative Data Visualization * Writing an Emulator in JavaScript * Stacks * Meanderer Collective #602 was written by Pedro Botelho and published on Codrops

Facebook začne lidem ukazovat box s aktuálními informacemi o koronaviru

20.3.2020
Novinku úzce související s aktuální pandemií koronaviru chce v příštích dnech zavést Facebook. Lidem na hlavní stránce začne ukazovat box s informacemi, ve kterém se dočtou nejnovější zprávy týkající se nákazy ve své zemi. Šéf sítě Mark Zuckerberg zdůraznil, že informace budou ověřené a budou

The CSS Podcast

15.3.2020
From Adam and Una at Google, a podcast just about CSS. I believe I'm contractually obliged to link to that! Just one episode out so far, a shorty about the box model. Last time I wrote up podcasts I like was 8 years ago most of them are dead now, except the biggies like This American Life and...

Collective #595

5.3.2020
Variable Fonts Primer * Cannon-es and use-cannon * Faux Code Generator * Learn Box Alignment Collective #595 was written by Mary Lou and published on Codrops

Unfortunately, clip-path: path() is Still a No-Go

2.3.2020
I was extremely excited when I first heard that clip-path: path() was coming to Firefox. Just imagine being able to easily code a breathing box like the one below with just one HTML element and very little CSS without needing SVG or a huge list of points inside the polygon function! Chris...

How to Customize the WooCommerce Cart Page on a WordPress Site

28.2.2020
A standard e-commerce site has a few common pages. There are product pages, shop pages that list products, and let’s not forget pages for the user account, checkout flow and cart. WooCommerce makes it a trivial task to set these up on a WordPress site because it provides templates for them...

Warren Buffett Slates Bitcoin, Denies Owning Crypto Gifted by Justin Sun

24.2.2020
“I don’t have any bitcoin. I don’t own any cryptocurrency, I never will … You can’t do anything with it except sell it to somebody else.” So claimed Warren Buffet in an interview this week on CNBC. Over the course of the two-minute segment, the billionaire...

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