Search
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...
DeFi ‘Incident’ on Uniswap Brings Trader Massive Profit in Minutes
14.7.2020
A recently discovered ‘incident’ on the popular decentralized token swap platform Uniswap has sparked a discussion online, as some claim that an algorithm drove up the price of the bZx protocol’s BZRX token and then “dumped” it on retail users.
The discussion today first started after Roman Storm...
When Sass and New CSS Features Collide
29.6.2020
Recently, CSS has added a lot of new cool features such as custom properties and new functions. While these things can make our lives a lot easier, they can also end up interacting with preprocessors, like Sass, in funny ways.
So this is going to be a post about the issues I’ve encountered...
South Korea to Start Taxing Bitcoin Profits in 2021
29.5.2020
South Korea will start taxing profits from bitcoin (BTC) and other cryptocurrencies next year, according to local media reports. The taxation will also apply to bitcoin mining operations and income from initial coin offerings, should it be approved by Parliament. South Korea’s Ministry...
min(), max(), and clamp() are CSS magic!
12.5.2020
Nice video from Kevin Powell. Here are some notes, thoughts, and stuff I learned while watching it. Right when they came out, I was mostly obsessed with font-size usage, but they are just functions, so they can be used anywhere you’d use a number, like a length.
Sometimes pretty basic usage...
The Bitcoin Cash Halving Countdown – 50% Less Block Reward in 4 Days
4.4.2020
The Bitcoin Cash (BCH) network will face a halving in four days and many BCH proponents are getting ready for the big day. Unfortunately, the covid-19 outbreak has overshadowed the halving and BCH has dropped in value by roughly 30% since the end of February. Also Read: Bitcoin Halving Will Drop...
Currying in CSS
6.3.2020
Funny timing on this I was just looking at the website for Utopia (which is a responsive type project which I hate to admit I don't fully understand) and I came across some CSS they show off that looked like this:
:root {
--fluid-max-negative: (1 / var(--fluid-max-ratio)...
Bundling JavaScript for Performance: Best Practices
24.1.2020
Performance advice from David Calhoun on how many scripts to load on a page for best performance:
[...] some of your vendor dependencies probably change slower than others. react and react-dom probably change the slowest, and their versions are always paired together, so they...
Min and Max Width/Height in CSS
24.1.2020
Here's a nice deep dive into min-width / min-height / max-width / max-height from Ahmad Shadeed. I like how Ahmad applies the properties to real-world design situations in addition to explaining how it works. In the very first demo, for example, he shows a button where min-width is used as a method...
Bitcoin Cash City Conference Success Wrap-Up
27.9.2019
So many firsts from the Bitcoin Cash City Conference – what a huge success and a proud feather in the cap of North Queensland. As the largest cryptocurrency conference ever held in Australia, Townsville situated in sunny North Queensland worked its magic, fielding a beautiful setting, turned...
Podvodní dron amerického námořnictva Knifefish vyráží na lov min
30.8.2019
Pentagon chce koupit 30 systémů Knifefish • Tento dronový systém dokáže stopovat a mapovat podvodní minová pole • Ta jsou následně zničena, aniž by ohrozila plavidla
Market Update: Economists Envision Global Recession While Crypto Prices Soldier On
26.8.2019
Last week cryptocurrency prices bounced around after a majority of coins dropped in value on August 21. Today on August 26, digital currency markets have gained around 1.52%, gathering $4 billion since the initial slump. Despite the volatility, cryptocurrencies have consolidated and a...
Can you nest @media and @support queries?
5.8.2019
Yes, you can, and it doesn't really matter in what order. A CSS preprocessor is not required. It works in regular CSS.
This works:
@supports(--a: b) {
@media (min-width: 1px) {
body {
background: red;
}
}
}
And so does this, the reverse nesting of the above:
@media (min-width:...
How much specificity do @rules have, like @keyframes and @media?
31.7.2019
I got this question the other day. My first thought is: weird question! Specificity is about selectors, and at-rules are not selectors, so... irrelevant?
To prove that, we can use the same selector inside and outside of an at-rule and see if it seems to affect specificity.
body {
background:...
Intrinsically Responsive CSS Grid with minmax() and min()
31.7.2019
The most famous line of code to have come out of CSS grid so far is:
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
Without any media queries, that will set up a grid container that has a flexible number of columns. The columns will stretch a little, until there is enough room...
Open-Source Platform Lets Users Build Their Own Blockchain in Under 10 Min
8.7.2019
An open-source blockchain platform says the industry is going the same way as the internet: Just like websites, every business now wants their own chain. #SPONSORED
Co-Founder of ICON, Min Kim Speaks Exclusively With CryptoNewsZ
2.7.2019
Min Kim, Co-founder of ICON, spoke exclusively to CryptoNewsZ and discussed about the journey of the ICON network, its innovative techniques, and the grand plan for the next development phase of the ICON Republic. Min Kim is one of the most prominent experts in the South Korean blockchain...
Češi už se nasytili. Tráví míň času na Facebooku i sítích obecně. Instagram ale táhne
13.6.2019
Češi proti poprvé trochu polevili v užívání sociálních sítí. Proti loňsku si na život mimo ně ušetřili 6 minut. Navíc pomalu odcházejí z Facebooku.
The post Češi už se nasytili. Tráví míň času na Facebooku i sítích obecně. Instagram ale táhne appeared first on Tyinternety.cz
A responsive grid layout with no media queries
9.5.2019
Andy Bell made a really cool demo that shows us how to create a responsive grid layout without any media queries at all. It happens to look like this when you change the size of the browser window:
I think this is a wonderful layout technique that’s just 6 lines (!) of CSS.
.auto-grid...
Google Labs Web Components
10.12.2018
I think it's kinda cool to see Google dropping repos of interesting web components. It demonstrates the possibilities of cool new web features and allows them to ship them in a way that's compatible with entirely web standards.
Here's one: <two-up>
I wanted to give it a try, so I linked...