Generated content means pseudo elements added to the page via the ::before and ::after. The support for applying transitions or animations to these in the current browser landscape is not great. I think this is a huge bummer, so I’m just making this blog post my permanent home to track the progress on this.
This is some code to get the header of some content area to stay visible at the top of the screen as you scroll through that content. Then go away when you’ve scrolled past that relevant section.
Fun fun fun, the new site design is live!
While checkboxes can only either submit their value (checked state) or not (unchecked state), they have a third visual-only state: indeterminate. This is only settable via JavaScript and does not affect the value, only the appearance. We’ll cover how it works and a simple use case.
The new poll is up in the sidebar of the site. This time it’s about the structure of page titles. Literally, the <title></title> tag in the head of a site that gives the browser window/tab its title. I’m just asking for your “favorite”, as in, personal preference. Take that how you will, we can discuss the reasonings in the comments and in the poll wrap-up post.
HTML5 has a bunch of form-specific features that all make forms on the web better. Browser support for the features is all over the map, but many of the features can be thought of as progressive enhancement, so if it works, great, the form is better, if not, whatever. In this screencast we look at all the new types, attributes, and elements and finish up looking at real world forms and how they could be better if they used these HTML5 features.
Links from the video:
Darcy Clarke on how you can give the Web Inspector in Chrome a facelift (with example stylesheet).
Jeremy Keith shows us how to put the navigation on the bottom of the page in a vertical layout for small screens and the top of the page in a horizontal layout for large screens by fiddling with the the box-direction and box-orientation in a flex box layout.
The flex box spec is being rewritten and I hope that gets done and out the door so the awkward transitional phase between the different syntaxes is as short as possible.
Louis Lazaris shows us how space and round give us some more possibilities with how repeating backgrounds are dealt with in CSS3.
