Create a responsive video play button overlay

Update: It's been a while since this was posted, and techniques have changed! The original method still works fine. But if you want to skip the background image and use an icon font instead, check out this version that uses a Font Awesome to create CSS play button. I've also created a demo using…


Responsive HTML and CSS starter templates

I’ve updated my internal HTML and CSS templates to include a responsive grid and other enhancements. What is this? For many projects, I’ve used my own collection of HTML and CSS to give me a starting point and speed up project development. I’m more likely to use Bootstrap or Foundation now, but my…


Font stacks

I’m working to incorporate some more varied fonts into a new design without resorting to Flash or image replacement. I ran across this article at sitepoint. The stacks are a little dense. I’m personally going for a simpler route with fewer fonts, but it’s helpful to see another…


IE8 Compatibility View, Standards Mode, and IE7

Informative post at the IEBlog on the differences between the various modes of IE8—worth skimming to see if any of the cases apply to you.


IE 8 hover problem solved

Updated: IE 8 Release Candidate 1 fixes this problem. Well, I answered my own question. Setting the anchor tag display property to “block” causes the background color assigned on hover not to display in IE 8. By resetting the display property to “inline-block” on hover, the…


No background color on a:hover, IE 8

Updated: IE 8 Release Candidate 1 fixes this problem. I ran into this problem recently while working on a site, and was not able to solve it. I just ran into it again, so I’m posting in the hopes that someone else might find this and have a solution. I have a bunch of links within a list. When a…