This is what I’m thinking is the best current way to progressively enhance forms. That is, use HTML5 features when they are available and fall back to JavaScript alternatives when they are not.
Roger Johansson has a neat quick-tip style article on centering page content both vertically and horizontally by making the html element display: table; and the body element display: table-cell; with vertical-align: middle;. See the full code to make it happen in the article.
I’m down with that. Works in all modern browsers and IE 8 plus.
I disagree on this though:
I’ve seen people saying that using these CSS properties to create “CSS tables” is no better than using
…
A CSS3 technique for selecting only texty inputs, without the burdon of listing every single attribute selector for every single new HTML5 input type. Plus alternates.
Randomly this week, I’ve had more-than-normal number of comments from folks who ask me something like:
Went to go tweet/share a blog post of yours, and noticed you don’t have any of those on your site. Interesting, any reason why?
I do have some thoughts on that…
Kind of a classic little trick for ya’ll today. You know the <style></style> blocks you can put in the <head></head> of your HTML to do styling? You don’t actually have to put those in your head, they can be anywhere on the page. It’s not valid (or good practice) but it works.
If you are at SXSW, Kevin Hale and I are talking about HTML5 forms and using them to improve lead generation (and generally how to make your forms better). It's a 2.5 hour workshop which we intend to be fun, ultra comprehensive, and practical. Between Kevin's ability to give super engaging presentations and my ability to make fart jokes (and the ridiculous amount of research I've done on this), it should be hopefully be a good one. Tuesday March 15, 3:30PM @ Sheraton.
Long writeup about the experience Jeff Starr and I had self publishing our book.
New must-subscribe-to site. Under the hood: curiously not HTML5. Almost feels rare these days.
Pseudo elements are visible elements on a web page that aren't "in the DOM" or created from HTML, but are instead inserted directly from CSS. This allows you to do lots of neat design-y things without cluttering the markup. Pseudo elements are CSS 2, so browser support for them is pretty good!
Links from Video:
