Subscribe: Comments for Thoughts From Eric
Preview: Comments for Thoughts From Eric

Comments for Thoughts From Eric

Things that Eric A. Meyer, CSS expert, writes about on his personal Web site; it's largely Web standards and Web technology, but also various bits of culture, politics, personal observations, and other miscellaneous stuff

Last Build Date: Thu, 22 Feb 2018 09:51:56 +0000


Comment on Displaying CSS Breakpoint Information with Generated Content by Emil Björklund

Thu, 22 Feb 2018 09:51:56 +0000

This made me think of Jeremy's old question about detecting MQ:s in JS, to which I contributed a similar solution. I remember discussing at the time that CSS Variables would make that (task of communicating between CSS and JS) easier, but it was too early then to use them. Today, and for your use-case, I think they could be perfect though! Something like this, maybe?
body::after {
   content: var(--bp, 'narrow');

@media (min-width: 25em) {
  :root {--bp: '>=25em'}
JSBin demo here.

Comment on Scaling SVG Clipping Paths for CSS Use by James Wills

Thu, 08 Feb 2018 08:29:27 +0000

Any chance you could provide a demo of the scaling working with the transform attribute? Every time I try this, I just get nothing displayed, as per

Comment on Better PDF File Size Reduction in OS X by Zoe Cohen

Fri, 02 Feb 2018 21:05:29 +0000

This was so helpful for me when I was creating my (image-heavy) portfolio! Thank you so much for a simple and elegant solution! You're the best!

Comment on Headings and Labels by [Educator-Gold] [webdev] Web Design Update: January 25, 2018 – educatorgold

Mon, 29 Jan 2018 02:11:52 +0000

[…] […]

Comment on Reset Reloaded by How to line up HTML input elements? - ExceptionsHub

Sun, 28 Jan 2018 14:25:46 +0000

[…] the Eric Meyer CSS reset script does not help this issue, however if you simply make your