Category Archives: HTML/CSS

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

A Complete Guide to Flexbox

A great Flexbox tutorial from css-tricks.com. https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Posted in HTML/CSS | Tagged , , | Comments Off on A Complete Guide to Flexbox

8 simple CSS hover effects

Very cool and easy modern CSS effects: http://www.developerdrive.com/2015/01/8-simple-css-hover-effects/

Posted in CSS3, HTML/CSS | Comments Off on 8 simple CSS hover effects

Handling Long Words and URLs (Forcing Breaks, Hyphenation, Ellipsis, etc)

All from css-tricks: There are times when a really long string of text can overflow the container of a layout. For example: URL’s don’t typically have spaces in them, so they are often culprits.Here’s a big snippet with all the … Continue reading

Posted in HTML/CSS, Web Dev | Comments Off on Handling Long Words and URLs (Forcing Breaks, Hyphenation, Ellipsis, etc)