Search

Nalezeno "min": 83

Accordion Rows in CSS Grid


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


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


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


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!


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


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


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


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


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


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...

Can you nest @media and @support queries?


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?


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()


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...

Co-Founder of ICON, Min Kim Speaks Exclusively With CryptoNewsZ


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...

A responsive grid layout with no media queries


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


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...

Nahoru
Tento web používá k poskytování služeb a analýze návštěvnosti soubory cookie. Používáním tohoto webu s tímto souhlasíte. Další informace