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?
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.
Have you ever tried using the INCH css unit, i.e., in, in your web designs? No?
Well, let's do it today. 🏁
I propose the following bit of code:
/* Somewhere inside the <head> element of your page, add the following: */
@import url('path/to/portrait.css') only screen and (orientation: portrait);
@import url('path/to/landscape.css') only screen and (orientation: landscape);
This article was originally featured on the The Bubblin Blog. The literature posted below preceded the creation of the Toucaan framework originally.
In the past, like more than fifteen years ago, there used to be just one web. The desktop web. We used to design websites for interaction with the mouse.
Do you remember (or did you ever hear of) the 960 grid system? It was one of the latest and the greatest following the YUI.