Search

Nalezeno "Property": 507

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

Unprefixed `appearance `

18.5.2020
It’s interesting how third-parties are sometimes super involved in pushing browser things forward. One big story there was how Bloomberg hired Igalia to implement CSS grid across the browsers. Here’s another story of Bocoup doing that, this time for the appearance property. The story...

Let’s Take a Deep Dive Into the CSS Contain Property

8.5.2020
Compared to the past, modern browsers have become really efficient at rendering the tangled web of HTML, CSS, and JavaScript code a typical webpage provides. It takes a mere milliseconds to render the code we give it into something people can use. What could we, as front-end developers, do...

Chinese Court Declares Ethereum Legal Property With Economic Value

28.4.2020
A district court in China has reportedly ruled that Ethereum’s cryptocurrency is legal property with economic value. This ruling follows a couple of other verdicts on the legality of cryptocurrency, including bitcoin, by various Chinese courts. While cryptocurrency is not legal tender...

@property

25.4.2020
The @property is totally new to me, but I see it’s headed to Chrome, so I suppose it’s good to know about! There is a draft spec and an “intent to ship” document. The code from that document shows: @property --my-property { syntax: "<color"; initial-value: green; ...

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

Pseudo-Randomly Adding Illustrations with CSS

17.4.2020
Between each post of Eric Meyer’s blog there’s this rather lovely illustration that can randomly be one of these five options: Eric made each illustration into a separate background image then switches out that image with the nth-of-type CSS property, like this: .entry:nth-of-type(2n+1)::before...

Thinking in Behaviors, Not Screen Sizes

11.4.2020
Chase McCoy wrote a nifty post about the “gap problem” when making a grid of items. His argument might be summarized like this: how should we space elements with margins in CSS? He notes that the gap property isn’t quite ready for prime time when it comes to using it with flexbox, like this: .grid...

Cryptopia's Crypto is 'Property' and Owned by Account Holders - Judge

8.4.2020
Source: Adobe/Studio_East The judge in the case of the troubled, New Zealand-based crypto exchange Cryptopia has found that the account holders, not the exchange, own the cryptoassets. As a short reminder, Cryptopia, founded in 2014, suffered a devastating hack in January 2019, when reportedly some...

CSS Findings From The New Facebook Design

7.4.2020
Ahmad Shadeed digs around the new Facebook’s front-end code. One that stood out to me: .element { inset: 4px 0; /* Which is equivalent to: top: 4px, bottom: 4px, left: 0, right: 0 */ } Whaaat? This is the first I’ve heard of the inset property. Ahmad said he saw it working...

Sass !default and themeable design systems

11.3.2020
This is a great blog post from Brad Frost where he walks us through an interesting example. Let’s say we’re making a theme and we have some Sass like this: .c-text-input { background-color: $form-background-color; padding: 10px } If the $form-background-color variable isn’t defined then...

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