Search
Money Reimagined: COVID-19’s Crash Course in Exponential Math
10.7.2020
Money requires a network effect, helped by the self-reinforcing idea that “everyone’s using it because everyone’s using it.”
Building a hexagonal grid using CSS grid
18.6.2020
I think of grids as arrangements of rectangles with vertical and horizontal lines running through. And they are, but that doesn’t mean we can’t still do clever things in how we place things on those grids and what we do with the elements afterwards.
In this demo by Jesse Breneman,...
ShapeShift’s Erik Voorhees on How the Best Regulation for Bitcoin Is Just Math
15.5.2020
“Crypto Titans” is a series of personal interviews conducted by CoinMarketCap with prominent and forward-thinking minds tinkering on and behindContinue Reading
The post ShapeShift’s Erik Voorhees on How the Best Regulation for Bitcoin Is Just Math appeared first on CoinMarketCap...
A Complete Guide to calc() in CSS
17.3.2020
CSS has a special calc() function for doing basic math. Here's an example:
.main-content {
/* Subtract 80px from 100vh */
height: calc(100vh - 80px);
}
In this guide, let's cover just about everything there is to know about this very useful function.
calc() is for values
The only place you...
Programming Sass to Create Accessible Color Combinations
12.3.2020
We are always looking to make the web more accessible. Color contrast is just math, so Sass can help cover edge cases that designers might have missed.
The post Programming Sass to Create Accessible Color Combinations appeared first on CSS-Tricks
Woodworking SVG (and Other Real Life Encounters)
27.1.2020
Eric Meyer does his woodworking math in SVG.
I’ve been hand-coding SVG schematics to figure out how thing should go together, and as a by-product, guide me in both material buying and wood cutting.
This might sound hugely bespoke and artisanally overdone, but they’re not that complicated, and...
Bitcoin Cash Gets Significant Privacy Boost With Cashfusion Alpha Launch
21.1.2020
On January 17, the BCH developer known as Acidsploit announced the launch of the highly anticipated Cashfusion alpha. Interested parties can reach out to the Cashfusion developers via the team’s Telegram group to become an alpha tester. The news of the launch excited the BCH community a great...
BTC’s Hashrate Touches 120 Exahash, But the Price Has Not Followed
3.1.2020
On January 1, the BTC network hashrate touched an all-time high at close to 120 exahash per second (EH/s). Despite the crypto market lull and lower BTC prices, the 2020 milestone happened just before the blockchain’s 11th anniversary. BTC’s curious jump in hashrate has the cryptosphere...
Wufoo + Zapier
31.12.2019
Wufoo has always been great with integrations. They have integrations with specific apps, like Campaign Monitor, Mailchimp, and Typekit, but they also integrate with Zapier, which is sort of like an integration inside an integration.
That's kinda meta, but the idea is actually pretty...
JavaScript ~~
9.12.2019
JavaScript is loaded with tiny syntax tricks to accomplish useful effects. For example, explore any codebase to see !! being used to convert a value to a boolean value. Have you seen ~~ before? Let’s have a look at what it does! We can employ ~~ to trigger a Math.floor operation with those...
Embrace the Political
21.11.2019
The tech industry has long held the belief that technology is apolitical. People are flawed, but the machines? They are neutral. They are pure.
This is ridiculous, of course. People make the machines. We write the algorithms that can't recognize dark skin tones. We decide to downplay or ignore...
Multi-Million Dollar HTML
30.9.2019
Two stories:
Jason Grigsby finds Chipotle's online ordering form makes use of an input-masking technique that chops up a credit card expiration year making it invalid and thus denying the order. If pattern="\d\d" maxlength="2" was used instead (native browser feature), the browser is smart enough...
You Can Now Prove a Whole Blockchain With One Math Problem – Really
14.9.2019
Electric Coin Company research says you can prove the whole bitcoin blockchain in less space than a bitcoin blockhead, only 80-bytes of data
Using a PostCSS function to automate your responsive workflow
5.9.2019
A little while back, you might have bumped into this CSS-Tricks article where I described how a mixin can be used to automate responsive font sizes using RFS. In its latest version, v9, RFS is capable of rescaling any value for value for any CSS property with px or rem units, like margin, padding...
Bounce Element Around Viewport in CSS
19.8.2019
Let's say you were gonna bounce an element all around a screen, sorta like an old school screensaver or Pong or something.
You'd probably be tracking the X location of the element, increasing or decreasing it in a time loop and — when the element reached the maximum or minimum value —...
Anti-Corruption Group Proves Crypto’s True Power: You Can’t Confiscate Math
14.8.2019
Last week in Russia, state agents tore apart the offices of FBK, a privately funded anti-corruption foundation, freezing group assets and more than 100 bank accounts. Officials are using suspicion of money laundering as justification for targeting the largely bitcoin-funded group, possibly in a...
Collective #533
18.7.2019
Is postMessage slow? * Reduced Motion Auto-Play Video * Repo Lovers * Think in Math. Write in Code.
Collective #533 was written by Pedro Botelho and published on Codrops
Animating with Clip-Path
9.7.2019
clip-path is one of those CSS properties we generally know is there but might not reach for often for whatever reason. It’s a little intimidating in the sense that it feels like math class because it requires working with geometric shapes, each with different values that draw certain shapes...
Using a Mixin to Take the Math out of Responsive Font Sizes
9.4.2019
Responsive Font Size (RFS) is an engine that automatically calculates and updates the font-size property on elements based on the dimensions of the browser viewport.
If you’re thinking that sounds familiar, that’s because there is a slew of tools out there that offer various approaches for fluid...
Keep Math in the CSS
12.12.2018
There is a sentiment that leaving math calculations in your CSS is a good idea that I agree with. This is for math that you could calculate at authoring time, but specifically chose not to. For instance, if you needed a 7-column float-based grid (don't ask), it's cleaner and more intuitive:
.col...