💡 Sparked by the 3D Ken Burns Effect from a Single Image post, I was reminded of a few other 3D photo things … About a year ago, Facebook announced a feature named “3D Photos”, a way to show photos taken with Apple’s “Portrait Mode” (or any other device that does the same) interactively: Whether […]
Tag Archives: link
CSS Logical Properties and Values, the next Step of CSS Evolution
Still in draft, yet already thoroughly supported, is the CSS Logical Properties and Values Level 1 Specification, a CSS module which gets me excited. CSS Logical Properties and Values is a module of CSS introducing logical properties and values that provide the ability to control layout through logical, rather than physical, direction and dimension mappings. […]
Typing delay experiment
Speaking of lag in the previous post, Emojineer Monica Dinculescu (@notwaldorf) recently created a typing experiment in which you can control the amount of delay when typing. Things are starting to itch at around 40ms here … Typing delay experiment: How annoying is too annoying? →
Making Instagram.com faster
Over the years Instagram (as a product) grew a lot. With more features to show, their web experience began to degrade. In a series of (upcoming posts) they’re covering what they have done to improve performance. In this first part they cover script preloading and image prefetching, reducing the loading time of the “feed page” […]
Button Placement in Forms
Button placement on forms is often ignored or prioritised based on what looks good. But button placement can make or break a form, and a form can make or break a user’s experience. That’s why it’s essential to get it right. Here I’ll explain where to put buttons across a range of different forms based […]
Clicking Buttons: Inconsistent behavior across browsers
Great research by Zell Liew: I noticed browsers were inconsistent in how they handle a click on <button>. Some browsers choose to focus on the button. Some browsers don’t. In this article, I want to show you my test and findings. Then, I want to talk about a way to overcome these inconsistencies. Great to […]
Animated CSS border-image (using an SVG)
Charming little demo by Louis Hoebregts: Using a Data URI he injects an SVG as the url for the border-image CSS property. That SVG itself is then animated using a self-contained tad of inline CSS. (Yes, that’s CSS-in-CSS 😉)
Logical Operations with CSS Variables CSS Custom Properties
Going beyond Binary Conditions for CSS Calculations, Ana Tudor takes it to a whole new level by introducing the logical operations (and, or, nand, nor, not, and xor) to CSS — all built on top of calc() Very often, while using switch variables, I wish I could perform logical operations on them. We don’t have […]
The Lean Web
Free book by Chris Fernandi: The web is a bloated, over-engineered mess. And, I believe many of our modern “best practices” are actually making the web worse. In this book, I want to share some ideas on how to fix it, and explore a new set of best practices to replace what we do today. […]
text-decoration-* CSS Properties Coming to Firefox
Glad to see this announcement by Mozillian Daniel Holbert: As of today (Sept 12 2019), I’ve turned on support for the CSS properties text-decoration-skip-ink, text-decoration-thickness, and text-underline-offset, on all platforms. As posted before, text-decoration-skip-ink gives you nicer underlines. The other two properties allow one to tweak the position and color of the underline. CSS Tricks […]