Just wanted to make sure that this was documented. Here’s what I think the most important lesson is:
If you are creating a page using HTML5 and you think there is some reasonable chance that someone may embed this page on another via iframe, you should use the HTML5 shim on it for all version of IE.
A border that goes all the way around the browser window and stays there when you scroll. In this article we cover a few different techniques to get it done, from the deepest browser support to the most progressive.
Let’s say in a form you need to allow the user to select a single unique choice. That’s the territory of either a select dropdown menu or a group of radio buttons. Now let’s say there is direct follow-up question to each particular choice. For example, an order form for some kind of scientific liquid. It comes in Ounces, Cups, or Pints, and once that’s selected, the number of Ounces, Cups, or Pints to be ordered needs to be specified.…
Using !important rules can be a dangerous road to start going down, but they exist for a reason. There are some good use cases which we’ll cover here.
How to prevent an iframe from flashing white while the page is loading. An ugly problem when the background of your site is anything other than white.
Have you ever tried to style the numbers in an ordered list? You end up doing dumb stuff like wrapping the insides in spans, styling the list items, then removing that styling with the span. Or using background images in crazy ways. Or removing the list styling and putting in your own numbers.
All of those ways suck. Roger Johansson has a good way with pseudo element counters.
P.S. The spec for lists has been updated with some new super nice stuff. (First time in 8.5 years)
P.S.S. IS THERE FRIGGIN ANYTHING PSEUDO ELEMENTS CAN'T DO?
One of the ways you can make a triangle with CSS is by using a 45-degree angle gradient on an element that goes from from colored to transparent with an hard split at the half-way point. Then you can use CSS3 stuff like translate, rotate and skew on them to alter their shape. And if you are really fracking good at it like James Long, you can make an entire animated 3D shape out of a whole bunch of them.
Fix a bug. Get a prize.
A site to incentivize helping out on open source JavaScript projects. Every single day there is a prize that someone earns through sheer number of bug fixes closed. Also weekly and monthly prizes on the same metric. This month's project: jQuery UI. CSS-Tricks and Richard Worth are sponsoring today's prize which is an iPod Touch (or equivalent gift card).
Putting a border around the inside of the browser window is such a simple little idea and can be a nice design effect. But how do we do it so that the borders don't scroll away as the page scrolls? And what about IE? And what about mobile devices? We look at a bunch of techniques for doing the body border, but they journey and technologies we look at on the way there are the interesting part.
Links from the video:
