webstack
Prototyping the iOS navigation bar in ProtoPie
This tutorial explains how to prototype the default iOS top navigation bar in ProtoPie, so that it shrinks when scrolling.
Continue reading on UX Collective »
Interfaces in the 80s: Creating GUIs before it was cool
Exploring an interface design tool from the late 1980s which silently revolutionized the industry forever since.Recently I was going through some early implementations of current operating systems to familiarize myself with the evolution of GUI mechanics over time. One particular thing that caught m..
Why my mom should replace judges of design awards
Toddler explaining their mother how to use a tablet — Photo by Alexander Dummer on UnsplashI am fascinated by the winners on award websites that judge the UI of products and the realizations that are digital pieces of art. Professional designers assess several submissions and rate them on several cr..
The A to Z of UX — H is for Heuristics: 10 UX principles to assess...
Heuristics are a well established and accepted list of UX principles used to assess how well a user interface has been designed for its…
Continue reading on UX Collective »
Accessibility starter kit for designers
Illustration by Valerija TraneIn my previous article, I tapped in the idea of how “Digital Accessibility” is another word for “empathy” where I laid out the moral behind the emerging and quite popular “digital accessibility” trend. After establishing the vision and possibly answering some “why”s I w..
UX Psychology #3: how Tesler’s Law makes your designs fail
Every UX has an amount of complexity you cannot play withPeople hate redesigns. Unless the original work is terribad, chances are the new version will be stomped even if it’s remarkably better.
Snapchat learned it the hard way back in 2018 after a major redesign that burned 35% of their revenue. Alt..
On Auto-Generated Atomic CSS
Robin Weser’s “The Shorthand-Longhand Problem in Atomic CSS” in an interesting journey through a tricky problem. The point is that when you take on the job of converting something HTML and CSS-like into actual HTML and CSS, there are edge cases that you’ll have to program yourself out of, if you eve..
3 Approaches to Integrate React with Custom Elements
In my role as a web developer who sits at the intersection of design and code, I am drawn to Web Components because of their portability. It makes sense: custom elements are fully-functional HTML elements that work in all modern browsers, and the shadow DOM encapsulates the right styles with a decen..
Weekly News for Designers № 575
Cherry – A starting point for your design system that comes with a minimal set of pre-defined styles.
Google Design’s Best of 2020 – The tech giant takes a look back at the year’s most resilient design projects.
Newsletters – An enormous, illustrated rant about writing on the web that doesn’t real..
The public speaking side quest
Have you ever considered sharing your experience or knowledge with complete strangers?What I love about the design and tech community, is that people mostly say yes to this question. There is a sense of giving back to the community, almost like a rite of passage in one’s professional journey.
But li..
