1. Get the original HTML5 input @type (jQuery plugin)

    A browser that doesn’t support a new HTML5 input type will change the type of any unrecognized input to text. This is good because it means it’s reasonably safe to use new HTML5 input types right now, even in old browsers. But this affects the DOM, and we might want to know what we originally wanted it to be in order to provide a fallback for validation or UI. This post covers a jQuery plugin that will return the HTML5 input type even if the browser doesn’t support HTML5.

  2. Image gallery captions with HTML5 & CSS3

    One common CSS layout question is how to style captions beneath thumbnails displayed in grid rows. The only reliable way to do this with CSS has been to use float, which hasn’t worked well for variable-length captions. The only real solution has been inline-block (which at some points has been buggy). CSS3 now offers a few alternative ways of creating image galleries with captions via CSS 3 columns or CSS nth-child selectors.

  3. Zebra striping table rows & columns with CSS3 rgba

    Once I started working with highly structured data tables I learned that using CSS to style tables is a big pain. But CSS3 (coupled with a lot of reading about the HTML and CSS table specifications) has helped. You can use CSS3’s rgba for very complex and flexible table zebra striping. The border conflict resolution model can work in your favor occasionally. There’s also a link with some really great information about how to optimize table rending!

  4. Name that font! Finding the right name for a CSS font stack

    Specifying a font with CSS font-family by its font name is more complicated than I’d realized. If you’re trying to achieve maximum compatibility of a slightly off-web-safe font without using @font-face, it may actually be impossible to account for all visitors — even if they actually have the font installed. But it’s possible to get pretty far. The good news is that if you just want Mac users to see Helvetica Neue, it’s pretty simple! Windows is less simple.

  1. First
  2. Prev
  3. 1
  4. 3
  5. 5
  6. 6
  7. Next
  8. Last