Search

Nalezeno "like": 3843

Using a brightness() filter to generically highlight content

12.9.2020
Rick Strahl: I can’t tell you how many times over the years I’ve implemented a custom ‘button’ like CSS implementation. Over the years I’ve used images, backgrounds, gradients, and opacity to effectively ‘highlight’ a control. All that works of course,...

How to Get Handwriting Animation With Irregular SVG Strokes

11.9.2020
I wanted to do a handwriting animation for calligraphy fonts — the kind where the words animate like they are being written by an invisible pen. Because calligraphy fonts have uneven stroke widths (they actually aren’t even strokes in terms of SVG), it was near impossible to do this sort of thing...

CEX.IO Cryptoexchange Makes CryptoCompare Top 10

8.9.2020
The international cryptocurrency exchange CEX.IO made it into the CryptoCompare top 10 July 2020 report, with an overall A grade. The CryptoCompare Exchange Benchmark rating evaluates over 165 exchanges around the world on aspects like adherence to regulations, platform security, liquidity, asset...

One Action, Multiple Terminal Windows Running Stuff

8.9.2020
Many development environments require running things in a terminal window. npm run start, or whatever. I know my biggest project requires me to be running a big fancy Docker-based thing in one terminal, Ruby on Rails in another, and webpack in another. I’ve worked on other projects that...

All the Ways to Make a Web Component

7.9.2020
This is a neat page that compares a ton of different libraries with web components. One of the things I learned after posting “A Bit on Web Components Libraries” is that the web platform APIs were designed for libraries to be built around them. Interesting, right? This page makes...

Working with JavaScript Media Queries

7.9.2020
What’s the first thing that comes to mind when you think of media queries? Maybe something in a CSS file that looks like this: body {   background-color: plum; } 
 @media (min-width: 768px) {   body {     background-color: tomato;   } } CSS media queries are a core ingredient in any responsive...

Defi Boom Fueling ETH Gas Fees, Threatens Viability of Smart Contracts

5.9.2020
Growing Ethereum network transaction fees, which touched new highs recently, are a direct consequence of the increasing number of defi projects and yield farming. Yield farmers need to pay ETH for transactions like moving funds in and out of pools. The increased number of yield farmers leads...

Beyond Media Queries: Using Newer HTML & CSS Features for Responsive Designs

4.9.2020
Beyond using media queries and modern CSS layouts, like flexbox and grid, to create responsive websites, there are certain overlooked things we can do well to make responsive sites. In this article, we’ll dig into a number tools (revolving around HTML and CSS) we have at the ready, from responsive...

Supercharging Number Inputs

4.9.2020
Speaking of number scrubbing (i.e. adding mouse UX to number inputs), you can also add better keyboard commands to number inputs. Kilian Valkhof explains how he added up and down arrows to a number input, as well as modifier keys to change how much the keys increment the value, like Emmet does....

Why Fusion’s DCRM is The Best Option for DeFi Users

3.9.2020
The race for blockchain interoperability was very much a trending topic during the bull market of 2017. Back then, we witnessed the birth of very promising projects like Fusion and Wanchain. Then the bear market started, and interoperability was no longer as hot as it once was, similar to every...

Using @property for CSS Custom Properties

3.9.2020
Una Kravetz digs into how Chrome now allows you to declare CSS custom properties directly from CSS with more information than just a string. So rather than something like this: html { --stop: 50%; } …can be declared with more details like this: @property --stop { syntax:...

Excluding Emojis From Transparent Text Clipping

2.9.2020
CSS-Tricks has this pretty cool way of styling hovered links. By default, the text is a fairly common blue. But hover of the links, and they’re filled with a linear gradient. 😍 Pretty neat, right? And the trick isn’t all that complicated. On hover… give the link a linear...

How to Use CSS Grid for Sticky Headers and Footers

2.9.2020
CSS Grid is a collection of properties designed to make layout easier than it’s ever been. Like anything, there’s a bit of a learning curve, but Grid is honestly fun to work with once you get the hang of it. One area where it shines is dealing with headers and footers. With a little...

Money Market Protocol Aave Settles $300 Million in Defi Flash Loans

2.9.2020
This weekend the decentralized money market protocol Aave broke records as the community witnessed a massive flash loan of $14 million worth of the stablecoin DAI. So far, the Aave protocol has seen over $300 million in flash loans to-date and this trend doesn’t seem to be abating any time...

Come to Web Unleashed!

1.9.2020
(This is a sponsored post.) Web Unleashed is a fun conference. I’ve been a number of times. I’m sure you won’t be surprised that it’s online this year, like most events. And, hey, it’s coming up and will take place over three days, October 5-7, 2020. I’d really...

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