Viewport units have always been controversial and some of that is because of how mobile browsers have made things more complicated by having their own opinions about how to implement them.
Case in point: should the scrollbar be taken into …
A month ago I explored the importance of relying on Interaction Media Features to identify the user’s ability to hover over elements or to detect the accuracy of their pointing device, meaning a fine pointer like a mouse or a …
Say you’ve designed an HTML email with 3 columns. Because of limited and weird CSS support in email clients, email design is done with tables. That 3 column design looks great on large-ish screens, but it squishes awkwardly on …
Tabs are a simple design pattern in which a row of links are obviously clickable navigation and when a link is clicked, new content is shown. There are loads of variations of course, but it’s one of the most ubiquitous …
The results are in! Nearly 5,000 voters weighed in on the last poll to decide if the off-screen “drawer” navigation style that has swept mobile design is appropriate for larger screen (“desktop”) designs. You could answer:…
A reader wrote in with this question:
…We know that slide out menus are good for mobile (Facebook, Gmail, etc) But do you think they are appropriate for desktop web applications?
Lessons learned from two years of collecting screenshots of poor experiences on mobile websites.…
In this first time ever in CSS-Tricks history, we’re going to re-run the same poll we’ve ran in the past. Now, more than five years after the original poll, we’re going to ask: …
I finished up a brand new series in The Lodge! It’s all about building a website from scratch. My friend Jeff, the ceramic artist’s website, to be specific.
It is a 40-video series that goes from a blank …
