Reading Time: 4 minutesCSS is full of little gotchas and head scratchers. It’s also got a land mine or two that’s all too easy to step on. One of those landmines is the :not() pseudo-class. As useful as it may seem, I’d like … Continue reading
Category: CSS
WARNING!
Below you are about to see some CSS tips, tricks, hacks – some clever, some stupid. These are not guaranteed to work in every browser, nor do I care if they do. You’ll probably want to look at these in a webkit browser such as Chrome, Safari, Android, or Amazon Silk. I’ll apologize for how these look in Internet Explorer, if you apologize for using it to begin with.
What’s the highest z-index on a page (and other CSS property problems)
Reading Time: 4 minutesEver been the new person on an old project where you were trying to not make things substantially worse? Maybe you need to position an element, but you don’t know what z-index value is safe to use. You don’t want … Continue reading
How to Troubleshoot CSS
Reading Time: 5 minutesWe often spend forever learning the parts of a language, and the application, but we never read enough about how to solve problems when things go wrong. I’d like to spend some time avoiding cool new tricks and fancy features, … Continue reading
Introducing the Typography Baseline
Reading Time: 2 minutesA good long time ago I was on a project where things had gotten off to a rocky start. We’d ended up with a fairly massive stylesheet that, amongst other problems, never set base styles on the “typographical” elements like … Continue reading
When Properties Compete: How CSS sets dimensions
Reading Time: 4 minutesThe other day I had a fun conversation with a friend and one-time co-worker, Wes Ruvalcaba. We were talking about CSS Grid and the fr unit and how it didn’t quite behave the way (I) expected. Wes and I got … Continue reading
CSS Fonts Level 4 is exciting! (really)
Reading Time: 4 minutesThe W3C recently tweeted the first working draft of the new CSS Fonts module. And I read it. And I’m excited, and I think you should be, too. There’s a lot of cool things that are going to help us … Continue reading
Quick Tips for CSS (that scales) for a CMS
Reading Time: 7 minutesIt’s not that hard to write CSS. The basics of how the language works can be learned in 15 minutes. Most of the major properties and techniques for using them can be learned in a few days. You can learn … Continue reading
Front-end for the back-end: CSS Variables for content-managed styles
Reading Time: 5 minutesOne of the things that front-end and back-end developers alike loathe is the dreaded scenario where a content author wants to be able to add their own styles to content. No, not set a skin or theme to the content. … Continue reading
Front-end for the back-end: Tips for debugging CSS
Reading Time: 5 minutesSo you’re a back-end developer. You write .net or Java all day. You create Schemas and Templates in Tridion. It’s Friday. The front-end developers have signed off early and you just got a high priority bug. And it’s in the … Continue reading
CSSOM revisited: Modifying styles with JavaScript a more sane way
Reading Time: 3 minutesWait, what’s the CSSOM? Well, I’ve talked about it in the past; it’s the object model for your styles. I even wrote about how to make a CSSOM analyzer. What I didn’t know then, that I know now, is that … Continue reading