Category Archives: CSS3

Interactive Email – checkbox hack

I’m going to just post an example instead of going into all the detail, but here is some detail. This hack only works in Webkit email clients, which is pretty much IOS devices, Outlook on the Mac, Apple mail, and … Continue reading

Posted in CSS3, Email Dev | Tagged , , , | Comments Off on Interactive Email – checkbox hack

CSS-Tricks: Myth Busting: CSS Animations vs. JavaScript

Conclusion Are CSS animations “bad”? Certainly not. In fact, they’re great for simple transitions between states (like rollovers) when compatibility with older browsers isn’t required. 3D transforms usually perform very well (iOS7 being a notable exception), and CSS animations can … Continue reading

Posted in Animation, CSS3, JavsScript | Tagged , , , , , | Comments Off on CSS-Tricks: Myth Busting: CSS Animations vs. JavaScript

Boost Your CSS Animation Performance with the Repaintless.css Library

The FLIP technique Only animate transforms (translate, rotate, scale) and opacity. It’s best to animate absolutely positioned elements https://blog.lunarlogic.io/2016/boost-your-css-animation-performance-with-repaintless-css/

Posted in Animation, CSS3 | Tagged , , , , , | Comments Off on Boost Your CSS Animation Performance with the Repaintless.css Library

Force browser to print background images

I was working on a page with coupons and the coupon had check boxes that the user could check and then print the page to take to the store. I had some trouble styling the checkboxes as the art director … Continue reading

Posted in CSS3, HTML/CSS, JavsScript, jQuery | Tagged , , , | Comments Off on Force browser to print background images

@font-face not working in FireFox. Works in Chrome

This from a stackoverflow.com post: The problem was just Firefox messing up with the font-family declaration, this ended up fixing it: body{ font-family:”MyFont” !important; }

Posted in CSS3, HTML/CSS, Web Fonts | Tagged , , , | Comments Off on @font-face not working in FireFox. Works in Chrome