Search
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...
Blockchain Bites: Ghosn’s Crypto Payments, Russia’s Red Line and Why Banks Won’t Bite
24.7.2020
Carlos Ghosn’s smugglers were paid in crypto, cryptographers call out Craig Wright’s latest claims and it's unknown whether banks will custody crypto following the OCC's letter
Accordion Rows in CSS Grid
23.7.2020
I’d bet grid-template-columns is used about 10× more than grid-template-rows, but maybe everyone has just been missing out. Eric Meyer chucks a bunch of row lines onto his main site layout grid like this:
grid-template-rows: repeat(7, min-content) 1fr repeat(3, min-content);
That way, if...
CMD+Z for Git is Here
23.7.2020
Version control with Git has become a “commodity” by now: virtually every software project today uses Git, and virtually every developer knows Git to some extent. This explains why I sometimes hear the following question when I talk about what I do for a living: “A desktop client...
BRD Boss Recalls Operating Bitcoin Help Line During Crypto’s Early Days
22.7.2020
BRD’s chief executive shares his experience of operating a ‘Bitcoin help hotline’ during 2015
Using Flexbox and text ellipsis together
22.7.2020
You can truncate a single line of text with an ellipsis (…) fairly easily with text-overflow and a few friends. But, as you might expect, that truncation happens at the end of the line of text. What if you want to truncate content in the middle?
Leonardo Faria details good use cases for this...
Sledujte on-line konferenci: vše, co potřebujete vědět o 5G sítích
20.7.2020
Co přinesou 5G sítě běžnému uživateli a co podnikům? • V jaké fázi je nyní aukce frekvencí pro 5G sítě? • A máme se bát zdravotních dopadů, jak varují nejrůznější děsivé zprávy?
Backdrop Filter effect with CSS
16.7.2020
I love these little posts where some tricky-looking design is solved by a single line of CSS using a little-known property. In this case, the design is a frosted glass effect and the CSS property is backdrop-filter.
The approach? Easy peasy:
.container {
backdrop-filter: blur(10px);
}
The...
Collective #613
9.7.2020
1-Line Layouts * Accordion Rows in CSS Grid * viewBox Newsletter * Knopf.css * WordPress Static Site
The post Collective #613 appeared first on Codrops
Bitcoin Rises in Line With Stocks After Dip Below $9K
6.7.2020
Bitcoin’s positive correlation with stocks continues Monday, with the cryptocurrency drawing bids alongside gains in global equities
When a Line Doesn’t Break
2.7.2020
We expect a line to break when the text on that line reaches the parent box boundaries. We see this every time we create a paragraph, just like this one. When the parent box doesn’t have enough room for the next word in a line, it breaks it and moves down to the next line and repeats that...