Search
HBO Max: nová on-line služba bude konkurovat Netflixu a Amazon Prime
26.4.2020
@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;
...
Blockchain Association Tries to Draw Legal Line Between Kik’s Token and Its 2017 Pre-Sale
21.4.2020
The Blockchain Association is claiming that the U.S. Securities and Exchange Commission is wrongfully conflating Kik's exempt offering of securities during a 2017 ICO with the issuance of kin tokens
South Africa Proposes 30 Rules to Regulate Cryptocurrency
19.4.2020
South Africa’s top financial regulators, including the South African Reserve Bank, have jointly released a policy paper with 30 recommendations for the regulation of cryptocurrency and related service providers. They aim to be in compliance with the cryptocurrency standards set by...
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...
Create a Responsive CSS Motion Path? Sure We Can!
15.4.2020
There was a discussion recently on the Animation at Work Slack: how could you make a CSS motion path responsive? What techniques would be work? This got me thinking.
A CSS motion path allows us to animate elements along custom user-defined paths. Those paths follow the same structure as SVG paths....
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...
Galaxy Digital Warns Losses Could Continue as Coronavirus Hits Bottom Line
9.4.2020
The crypto merchant bank just managed to keep its head above water in 2019, but says profits will likely suffer amid the effects of Covid-19
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...
CZ Joins Virtual Conference BlockDown 2020 as All-Star Line-up Revealed
4.4.2020
Disclaimer: The text below is a press release that was not written by Cryptonews.com.
Speakers for virtual blockchain conference BlockDown 2020, which will be held online globally on April 16-17, have been announced today, and attendees can look forward to hearing from crypto and blockchain’s...
A Sign of Adoption: Line Says 62% of its Exchange Users Are New to Crypto
3.4.2020
Chat app operator Line says that 62% of its Bitmax crypto trading platform users have no prior experience in cryptoasset trading.
Bitmax is accessible from the Line chat app, which Line says has 83 million users in Japan. App users can access the exchange via a tab, and can also redeem points...
Wide Gamut Color in CSS with Display-P3
31.3.2020
Here’s something I’d never heard of before: Display-P3 support in CSS Color Module Level 4 spec. This is a new color profile supported by certain displays and it introduces a much wider range of colors that we can choose from.
Right now the syntax looks something like this in CSS:
header...
How They Fit Together: Transform, Translate, Rotate, Scale, and Offset
30.3.2020
Firefox 72 was first out of the gate with "independent transforms." That is, instead of having to combine transforms together, like:
.el {
transform: rotate(10deg) scale(0.95) translate(10px, 10px);
}
...we can do:
.el {
rotate: 10deg;
scale: 0.95;
translate: 10px 10px;
}
That's extremely...
Studujte on-line! Desítky fotografických kurzů jsou nyní zdarma
28.3.2020
Back From the Crypt: MakerDAO Toes the Line Between Life and Death
27.3.2020
DeFi barely recovers from a serious blow: “It was only a matter of time before the shockwaves from the growing financial crisis shook the very foundations of MakerDAO”
Did You Know the Ordered List Element Has Start and Reversed Attributes?
24.3.2020
I sure didn't! Tomek Sułkowsi shows how we can reverse the numbering of ordered lists with a simple HTML attribute:
<ol reversed<liApple</li<liBanana</li<liPear</li</ol
CodePen Embed Fallback
And the start attribute can be added to begin the list at a number other...
Indicating Scroll Position on a Page With CSS
24.3.2020
Scrolling is something we all know and do on the web to the extent that it’s an expectation or perhaps even a habit, like brushing our teeth. That’s probably why we don’t put too much thought into designing the scrolling experience — it’s a well-known basic function. In fact, the popular “there...
CSS :nth-of-class selector
23.3.2020
That's not a thing.
But it kinda is!
Bram covers how frustrating .bar:nth-child(2) is. It's not "select the second element of class .bar." It's "select the second element if it also has the class .bar." The good news? There is a real selector that does the former:
:nth-child(2 of .bar) { }
Safari...
CSS2JS
20.3.2020
To add inline styles on an element in JSX, you have to do it in this object syntax, like:
<div style={{
fontSize: 16,
marginBottom: "1rem"
}}Content
</div
That might look a little weird to us folks who are so used to the CSS syntax, where it is font-size (not fontSize), margin-bottom...
What Does `playsinline` Mean in Web Video?
18.3.2020
I got myself confused about this the other day, went around searching for an answer and came up empty on finding something clear. The answer actually is quite clear and I feel a little silly for not knowing it.
With it in place, like this:
<video src="..." controls playsinline</video
Mobile...