Skip to main content

6 posts tagged with "css"

View All Tags

Breaking Down CSS.

ยท 7 min read
Marvin Danig
Creator & maintainer of Toucaan

Raise your hands if you love the notched iPhones and Google Pixel. ๐Ÿ™‹โ€โ™€๏ธ๐Ÿ™‹โ€โ™‚๏ธ


Notched iPhones are in!

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?

The Notched Phone.

ยท 7 min read
Marvin Danig
Creator & maintainer of Toucaan

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. ๐Ÿ™‹โ€โ™€๏ธ๐Ÿ™‹โ€โ™‚๏ธ


Notched iPhones are in!

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?

Design Vocabulary

ยท 2 min read
Marvin Danig
Creator & maintainer of Toucaan

An Observationโ€‹

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:

Orientation Querying.

ยท 5 min read
Marvin Danig
Creator & maintainer of Toucaan

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.

Rethinking CSS Frameworks.

ยท 8 min read
Marvin Danig
Creator & maintainer of Toucaan

This article was originally featured on the The Bubblin Blog.


Introduction

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. ๐Ÿ™‚

Meet Intrinsic Design

ยท 3 min read
Marvin Danig
Creator & maintainer of Toucaan
Sonica Arora
Toucaan maintainer

Welcome to the Toucaan Blog. ๐ŸŽ‰

Here you'll find articles and discussions on intrinsic application design.

Total Banchod Toucaan

What is Toucaan?

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.