The "phone stage" (blue-bordered box) contains all 6 "slides" of the animation sequence and has a transition css property with a duration and timing function (a cubic bezier curve). For the phone stage to cycle from one slide to the next, its css transform property is updated with new translate and rotate values. At…
From love to disillusionment with Adobe XD. Why I had to jump ship, and what went wrong for Adobe’s design tool.
Building the first iPhone's touchscreen keyboard was a make-it-or-break-it moment for the iPhone. Succeed, and the iPhone was possible. Fail, and the iPhone would've been shelved. This is its story.
Slack is where work flows. It's where the people you need, the information you share, and the tools you use come together to get things done.
Source Code Pro is a new font released by Adobe. It does wonders for technical fixed width and source code text readability. I highly recommend to use this font with your text editor, terminal and other software development tools (Especially if your eyes are getting old like mine). UPDATE 2: I am not sure how
In an essay titled "The Capacitive Button Cult Must Be Stopped" , Jon Bell writes:
iA Writer in the form of a physical notebook
Painters at work notice details we’d ignore. From those details they develop delightful insights into reality. What do I mean? Let’s look at Van Eyck’s “Arnolfini Portrait” and find out:
Elroy is a table lamp with a unique feature -- the shade can dynamically change to a new style or pattern from your phone or web browser.
Disclaimer: The post is more about understanding LUTs and HaldCLUTs and writing methods from scratch to apply these LUTs to an image rather than coming up with CLUTs themselves from scratch. Outlin…
Tailwind CSS v3.3 is here — bringing a bunch of new features people have been asking for forever, and a bunch of new stuff you didn't even know you wanted.
We have all been there. Your software keeps growing and you feel the need to make it customizable. It is too soon for a full-blown UI with all the bells and whistles, so your pragmatic instinct suggests a text-based configuration file. Yes, that’s exactly it! You rejoice knowing the software’s configuration will be…
Try setting the root font-size to `calc(1rem + 0.25vw)` instead of using media queries with fixed breakpoints.
What happens when a gang of amateur photographers, turned into amateur developers, joined by a bunch of back-end developers who develop libraries for …
An interview with Dinamo’s Johannes Breyer on the custom Arial “revival” typeface.
The CSS background-image property allowed us to do some amazing things, but in most cases, it's time to leave it behind.
In a WWDC 2011 session, Dan Schimpf explained some of the goals of the refreshed design for Aqua in Mac OS X Lion were “meant to focus the user attention on the active window content”. This sentiment was echoed by John Siracusa in his review of Lion for Ars Technica: Apple says that its goal […]
We’re often told that we should design our websites and software to mimic real-life objects. The iPhone strengthened this idiom, and Apple has been driving this home hard for the iPad.
How changing a button increased a site's annual revenues by $300 million.
Recently, Juliana has gotten into Stardew Valley. Hard. Since I’m a huge fan myself, I'm doing a Game Design Perspective on the game to celebrate. I'll be looking at the game mechanics and how the interlocking layers make the game tick. In Stardew Valley, you play as a disillusioned city slicker wh
CSS Color 4 brings wide gamut color tools and capabilities to the web.
Last weekend, we participated in the Ludum Dare game jam for the 10th time. It's a worldwide event
Posted on Thursday 5 Sep 2024. 1,133 words, 5 links. By Matt Webb.
The logic behind Bézier Curves used in CSS animations and visual elements.
