This article was originally featured on the The Bubblin Blog. It has since been updated and migrated to the Toucaan blog because it is relevant here.
Raise your hands if you love the notched iPhones and Google Pixel. 🙋♀️🙋♂️
Okay. Not many hands went up there, but I am sure, as a web developer or designer, you wouldn't you like some extra real estate for your app?
We often use the terms width and height to specify the dimensions of an element. These labels, width and height, are almost second nature to the trade of sharing information about a component in web design. Knowing these terms is just as essential and fundamental as it is standardized.
However, by using these colloquial terms of web design, we also make an unwitting assumption:
This article was originally featured on the The Bubblin Blog.
In the last chapter we floated the idea of replacing the first anti-pattern that pervades nearly all of the traditional css frameworks.
Here's a quick recap:
Hardcoded width-based MQ breakpoints that separate styles between desktop, mobile, and other category of devices is an anti-pattern.
This article was originally featured on the The Bubblin Blog.
2023 is almost here.
While the world continues to race towards space age or AI (LLM) driven publishing, let's turn our gaze towards the other more pressing frontier of technology that is relevant to our lives:
CSS. 🙂
Welcome to the Toucaan Blog. 🎉
Here you'll find articles and discussions on intrinsic application design.
Toucaan is a stack-agnostic vanilla styling framework for mobile apps and the web. Meaning it doesn't require javascript or any other frontend library to work.