How do I make translation transforms feel more natural?
An object undergoes a translation transformation when it moves from one point to another (it could rotate or grow or shrink in the process, but we’re going to concentrate here on the moving, or the translation)….
Why should I worry about :hover and :active states?
In real life, whenever a user presses a button, they receive several types of feedback: haptic – they feel the button move visual – they see the button move aural – they hear the button click…
Can Bézier curves be quickly parameterized by arc-length?
In graphics, organic and natural-looking curves are most commonly produced with Bézier curves. In a Bézier curve, each curve segment is described by a set of 4 points (8 numbers total, since graphics are 2D). A…
Can SVG animations use less CPU?
Animated SVGs have become very popular in web design, and for good reason: they make art easier to translate from designer to developer, they’re light-weight in terms of filesize, and they’re just plain pretty to look…
Can Instagram posts be easily retrieved?
Edit – 29 Mar 2018 – In the time between when this article was posted and now, Instagram updated this API. The map() example has been updated to reflect this. Edit – 22 Apr 2018…
Can strings be compared fuzzily?
It’s Thanksgiving week and you’re putting the finishing touches on your new e-commerce site, just in time for Black Friday. You’ve just gotten the product search functionality working, so you kick back in your chair and…
Can type scale fluidly with screen size?
What is fluid type? Type design on the web can be separated into two categories: static and responsive. Static type ignores the dimensions of its screen; its characteristics are independent of it. Responsive type responds to…
Are there vanilla alternatives to jQuery?
jQuery definitely has its shining moments. After all, there must be a reason for its enormous popularity. However, there are also many situations where the use of jQuery adds HTTP requests and data to transfer without enough…