Search
Black Panther: Sins of the King Blurs the Line Between Life and Death
11.2.2021
Though Serial Box’s Black Panther: Sins of the King audiobook is set firmly outside the continuities of Marvel’s Cinematic Universe and its comic books, the new narrative drama is coursing with the same epic, politically charged energy that first made T’Challa and the nation of Wakanda some of...
All-Star Celebrity Line-Up Launches Ethernity – A Debut Collection of NFTs
11.2.2021
Winklevoss Twins, Swish DJ Alesso, and 76ers owner Michael Rubin debut digital artworks alongside an all-star celebrity line-up. The non-fungible tokens (NFTs) are a collection of NFTs distributed by the art collective Ethernity. Ethernity Provides a Way for Stars to Support Philanthropic Causes...
How to Favicon in 2021
10.2.2021
I always appreciate someone looking into and re-evaluating the best practices of something that literally every website needs and has a complex set of requirements. Andrey Sitnik has done that here with favicons.
The final suggestion:
<link rel="icon" href="/favicon.ico"
…
The post...
Simple CSS Line Hover Animations for Links
10.2.2021
A couple of simple & subtle CSS-based line hover animations for links.
The post Simple CSS Line Hover Animations for Links appeared first on Codrops
Animating a CSS Gradient Border
8.2.2021
This little trick for gradient borders is super useful:
.border-gradient {
border: 5px solid;
border-image-slice: 1;
border-image-source: linear-gradient(to left, #743ad5, #d53a9d);
}
Here’s some basic demos from our article on the subject. Sephanie Eckles was sharing around the idea...
Some Typography Blog Posts I’ve Bookmarked and Read Lately
4.2.2021
Font-size: An Unexpectedly Complex CSS Property — From Manish Goregaokar in 2017. Of many oddities, I found the one where font: medium monospace renders at 13px where font: medium sans-serif renders at 16px particularly weird.
The good line-height — Since
…
The post Some Typography Blog...
A Reddit Army Blurs The Line Between Crypto and Traditional Finance
1.2.2021
Philip Gradwell is Chief Economist at Chainalysis. He provides data and insight on the uses of cryptocurrencies and the direction of the market at markets.chainalysis.com.
______
What does the phenomenon of retail traders coordinating on the internet to turn finance on its head have to do with...
Listujeme novým Computerem: za které on-line služby platíme, a za které platíte vy?
29.1.2021
Velký test herních monitorů a reproduktorů se subwooferem • Za které služby platíme my a za které platíte vy? • Ochrana mobilu dětí: má smysl?
Telegram přichází s importem konverzací z jiných aplikací. Třeba WhatsAppu či Line
28.1.2021
Komunikátor Telegram se snaží naplno využít situace, kdy mnoho uživatelů hledá alternativu k populárnímu WhatsAppu. Nyní přichází s funkcí, která umožní přenést konverzace právě z kecálku od Facebooku, či z Line a KakaoTalk.
Nedávno se Telegram pochlubil celosvětově 500 miliony aktivních
Philippine Central Bank Widens Cryptocurrency Regulation — Sees ‘Accelerated Growth’ in Crypto Activity
27.1.2021
The Philippines’ central bank, the Bangko Sentral ng Pilipinas (BSP), has expanded the country’s cryptocurrency regulation after seeing “accelerated growth” in the use of crypto exchanges. The new regulatory framework is in line with the guidelines recommended by...
You want minmax(10px, 1fr) not 1fr
22.1.2021
There are a lot of grids on the web like this:
.grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
My message is that what they really should be is:
.grid {
display: grid;
grid-template-columns: repeat(3, minmax(10px, 1fr));
}
Why? In …
The post You want minmax(10px, 1fr)...
Paramount+: nová on-line streamovací služba se spouští 4. března, míří proti Disney+
21.1.2021
Dynamic, Conditional Imports
13.1.2021
With ES Modules, you can natively import other JavaScript. Like confetti, duh:
import confetti from 'https://cdn.skypack.dev/canvas-confetti';
confetti();
That import statement is just gonna run. There is a pattern to do it conditionally though. It’s like this:
(async ()
…
The post...
Whack-a-Mole: The CSS Edition
6.1.2021
We’ve seen the checkbox hack and how it can be used to build a complete state machine in CSS. Today, we’ll take that line of thought a step further and build a simple game of Whack-A-Mole, where the player needs …
The post Whack-a-Mole: The CSS Edition appeared first on CSS-Tricks.
You...
CSS Individual Transform Properties in Safari Technology Preview
30.12.2020
The WebKit blog details how to use individual CSS Transform properties in the latest version of Safari Technology Preview. This brings the browser in line with the CSS Transforms Module Level 2 spec, which breaks out the translate(), …
The post CSS Individual Transform Properties in Safari...
Open a Browser Tab with DevTools Open by Default
28.12.2020
Using command line flags is a great way to subtly improve productivity. Whether saving yourself keystrokes or enabling specific features, it’s very much worth knowing the application flags available to you. To launch a new tab with DevTools in Chrome, you can use...
A Utility Class for Covering Elements
26.12.2020
Big ol’ same to Michelle Barker here:
Here’s something I find myself needing to do again and again in CSS: completely covering one element with another. It’s the same CSS every time: the first element (the one that needs to be covered) has position: relative applied to it....
Responsible, Conditional Loading
25.12.2020
Over on the Polyplane blog (there’s no byline but presumably it’s Kilian Valkhof), there is a great article, Creating websites with prefers-reduced-data, about the prefers-reduced-data media query. No browser support yet, but eventually you can use it in CSS to make choices that reduce...
Converting and Optimizing Images From the Command Line
21.12.2020
Images take up to 50% of the total size of an average web page. And if images are not optimized, users end up downloading extra bytes. And if they’re downloading extra bytes, the site not only takes that much more time to load, but users are using more data, both of which can be resolved, at least...
Late to Logical
7.12.2020
2020 brought another wave of logical property features to major browsers and I’ve thoroughly enjoyed my investment into logical, rather than physical, web styling. I feel like I’ve learned a new way to speak about the box model that results in less written code with more global coverage.
p {
...