Search

Nalezeno "math": 52

Using Absolute Value, Sign, Rounding and Modulo in CSS Today


For quite a while now, the CSS spec has included a lot of really useful mathematical functions, such as trigonometric functions (sin(), cos(), tan(), asin(), acos(), atan(), atan2()), exponential functions (… The post Using Absolute Value, Sign, Rounding and Modulo in CSS Today appeared...

Trigonometry in CSS and JavaScript: Beyond Triangles


Web design is such a rectangle-based design medium that literally any deviation from it feels fresh. Michelle Barker gets into using math in various ways to programmatically draw lines, shapes, and animations that end up looking both beautiful and have … The post Trigonometry in CSS...

Designing calculator apps


It is extremely weird that the calculator apps, even the default ones baked into desktop operating systems, embrace the UI and UX of those little cheap-o plastic physical calculators. I like what Florens Verschelde’s Math teacher had to say: I … The post Designing calculator apps...

Recipe websites, data modeling, and user experience


Simeon Griggs with some nice UX ideas for a recipe website: No math. Swap between units and adjust servings on-the-fly. Offer alternative ingredients. Re-list the ingredient amounts when they’re referenced in the instructions. I totally agree, especially on that last … The post...

Lots of Ways to Use Math.random() in JavaScript


Math.random() is an API in JavaScript. It is a function that gives you a random number. The number returned will be between 0 (inclusive, as in, it’s possible for an actual 0 to be returned) and 1 (exclusive, as in, it’s not possible for an actual 1 to be returned). Math.random(); // returns...

Gray Burst


I made this neat little gray burst thing. It’s nothing particularly special, especially compared to the amazing creativity on CodePen, but I figured I could document some of the things happening in it for learning reasons. CodePen Embed Fallback It’s SVG SVG has <line x1 y1...

FLETACHAIN Announces Strategic Partnership with Math Wallet


Decentralized applications infrastructure network FLETACHAIN has announced a strategic partnership with Math Wallet, a Singapore based crypto wallet, for the use of FLETA tokens. The partnership will cater to users across the globe who are looking for a crypto wallet with decent services and robust...

Warp SVG Online


The warping is certainly the cool part here. Some fancy math literally transforms the path data to do the warping. But the UX detail work here is just as nice. Scrolling the page zooms in and out via a transform: scale() on the SVG wrapper (clever!). Likewise, holding the spacebar lets you...

Building a hexagonal grid using CSS grid


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

A Complete Guide to calc() in CSS


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


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)


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


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


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


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

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