Safari-compatible SVG with dark mode support
SVG images can support light and dark mode in CSS. But Safari browser has a problem.
Posts tagged “css”
postcss-clean breaks above [email protected]
If you use postcss-clean to drive clean-css as part of your build process, you need to pin postcss to no later than version 8.1.10 or you'll get "TypeError: node.getIterator is not a function".
Variable fonts with legacy fallback
Variable fonts support several variations of a typeface from a single file. Support older browsers through progressive enhancement.
Subresource integrity for WordPress scripts and stylesheets
When we load resources from other websites, we trust those sites to deliver something safe. Use subresource integrity to ensure authenticity.
Fix broken tables in twentyfifteen WordPress theme
WordPress 4.1 brings with it the twentyfifteen theme, which I find to be a rather nice blog theme. Unfortunately, it adds a new wrinkle to any tables on your website -- often breaking them! Here's the simple fix.
Korpela’s guide to using special characters in HTML
Here’s a gem that just has to be widely disseminated. Jukka Korpela has written a nice…
Minify CSS on the fly
Keeping your website content as small as it can be so that it downloads fast is as important today as it was back in the pre-broadband days, given that you don't know whether your visitors will be accessing your websites via broadband, dialup, or mobile connections. As CSS files grow, it can be as important to minify them to trim the fat as it is for JavaScript downloads. Here's how I do it on-the-fly for CSS.
CSS3 linear gradients and Internet Explorer
CSS3 has been tempting me with linear gradients for a while now. They don't work in Internet Explorer, but there are ways and means with a little script magic. Now that Opera has finally joined the party, I figured it was time to ditch those ever pervasive linear gradient background images and start using CSS3 for linear gradients. But it's not all rosy, especially when you need to position your background.
Internet Explorer CSS hacks with JavaScript
Sometimes it's just easier to write a quick hack to get the job done. This is one of those times. SWMBO, the CSS guru in the house, quite rightly wants to use the :before and :after pseudo-elements to add some style to a website, in a way that will make it easy for the client to add content without struggling with keeping the format consistent. That's easy enough in Firefox, Safari, Chrome, Opera, even Internet Explorer 8 and 9... but not Internet Explorer 6 or 7.