Search
Using @property for CSS Custom Properties
3.9.2020
Una Kravetz digs into how Chrome now allows you to declare CSS custom properties directly from CSS with more information than just a string.
So rather than something like this:
html {
--stop: 50%;
}
…can be declared with more details like this:
@property --stop {
syntax:...
Excluding Emojis From Transparent Text Clipping
2.9.2020
CSS-Tricks has this pretty cool way of styling hovered links. By default, the text is a fairly common blue. But hover of the links, and they’re filled with a linear gradient.
😍
Pretty neat, right? And the trick isn’t all that complicated. On hover…
give the link a linear...
Copy the Browser’s Native Focus Styles
28.8.2020
Remy documented this the other day. Firefox supports a Highlight keyword and both Chrome and Safari support a -webkit-focus-ring-color keyword. So if you, for example, have removed focus from something and want to put it back in the same style as the browser default, or want to apply a focus style...
LINE expands blockchain and crypto product portfolio with two new additions
27.8.2020
Japanese messaging giant LINE will ease the development of blockchain services and digital asset management through its two new products
LINE Launches Digital Asset Wallet and Blockchain Development Platform
27.8.2020
Messaging giant LINE has launched a blockchain platform where developers can issue tokens and run decentralized applications, and a wallet that helps users manage digital assets
Link Token Enjoys Japanese Post-Listing Success, Says Chat App Line
26.8.2020
Chat app giant Line says that its link token (LN) has exceeded 100 million yen (around USD 941,000) worth of transaction volumes on its crypto exchange – just six days after it began trading the coin.
According to Hedge Guide, Line – which has some 81 million monthly active users per its...
Bitcoin and Altcoins Turn Red, Eye Last Line of Defense
26.8.2020
In the past few hours, bitcoin price followed a bearish path below the USD 11,650 and USD 11,550 support levels. BTC even tested the USD 11,100 region and it is currently (08:30 UTC) consolidating losses. The next major support is near USD 11,000, below which the price might decline heavily towards...
Leading-Trim: The Future of Digital Typesetting
21.8.2020
leading-trim is a suggested new CSS property that lets us remove the extra spacing in every font so that we can more predictably style text. Ethan Wang has written about it — including how Microsoft has advocated for it — and that it’s now part of the Inline Layout Module Level 3 spec.
You’d use...
What I Learned by Fixing One Line of CSS in an Open Source Project
14.8.2020
I was browsing the Svelte docs on my iPhone and came across a blaring UI bug. The notch in the in the REPL knob was totally out of whack. I’m always looking to contribute to open source, and I thought this would be a quick and easy fix. Turns out, there was a lot more to it than just changing...
How One Line of Code Destroyed Yam DeFi
13.8.2020
A single mistake cost them everything
Practical Use Cases for JavaScript’s closest() Method
12.8.2020
Have you ever had the problem of finding the parent of a DOM node in JavaScript, but aren’t sure how many levels you have to traverse up to get to it? Let’s look at this HTML for instance:
<div data-id="123"<buttonClick me</button</div
That’s pretty straightforward, right? Say...
Messaging Firm LINE Makes Own Token Available to Japanese Traders for First Time
10.8.2020
The blockchain subsidiary of the messaging app giant has made its LINK (LN) token available to Japan-based traders for the first time
Japanese Messaging Giant LINE’s LN Token Trading on BitMax
10.8.2020
The native token of Japanese messaging giant LINE is now available for trading on crypto exchange BitMax
More Control Over CSS Borders With background-image
7.8.2020
You can make a typical CSS border dashed or dotted. For example:
.box {
border: 1px dashed black;
border: 3px dotted red;
}
You don’t have all that much control over how big or long the dashes or gaps are. And you certainly can’t give the dashes slants, fading, or animation!...
What does 100% mean in CSS?
7.8.2020
When using percentage values in CSS like this…
.element {
margin-top: 40%;
}
…what does that % value mean here? What is it a percentage of? There’ve been so many times when I’ll be using percentages and something weird happens. I typically shrug, change the value to something else...
Judge Worries Plaintiffs’ Lawyers Trying to Line Their Pockets in Block.one ICO Lawsuit
6.8.2020
The district judge criticized a class-action lawsuit brought against Block.one for appearing to be an attempt to earn high legal fees
10 modern layouts in 1 line of CSS
31.7.2020
Una doing an amazing job of showing just how (dare I say it?) easy CSS layout has gotten. There is plenty to learn, but what you learn makes sense, and once you have, it’s quite empowering.
The demos are all together here.
Direct Link to Article — Permalink… Read article...
SVG Title vs. HTML Title Attribute
30.7.2020
You know the title attribute? I can do this:
<div title="The Title"I'm a div with a `title`
</div
And now if I’m on a device with a mouse pointer and hover the cursor over that element, I get…
Which, uh, I guess is something. I sometimes use it for things like putting...
Getting the Most Out of Variable Fonts on Google Fonts
30.7.2020
I have spent the past several years working (alongside a bunch of super talented people) on a font family called Recursive Sans & Mono, and it just launched officially on Google Fonts!
Wanna try it out super fast? Here’s the embed code to use the full Recursive variable font family from Google...
29 Cryptocurrencies Delisted on Liquid Exchange to Comply With Singapore’s FATF Crypto Regulation
27.7.2020
A major Japanese cryptocurrency exchange, Liquid, has delisted 29 cryptocurrencies to comply with the crypto regulation in Singapore in an effort to become a licensed crypto exchange operator in the country. Singapore has been enhancing its crypto regulation in line with the standards set by...