YouTube now gives you iframe code for embedding videos hosted there onto your own page. This article offers a jQuery JavaScript based solution for making them work in fluid width environments, which they inherently do not.
Using a graphic where the solid parts match the background of a site and the transparent parts make the shape, we can let a background color bleed through. This allows us to set that color through CSS, and do any fancy thing CSS can do, like say animate that color.
I was out last week getting my bluegrass festival thing on. I’m just catching up with the ol’ internet and thought I’d recap the interesting bits:
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.
My buddy Nick Pettit is writing a book called Art and the Web which is going to cover the fundamentals of art (well some of the big ones anyway: Line, Shape, and Form) and how they relate to the web. I've long preached that learning art fundamentals will take you farther than learning the technology du jour, so I'm happy to see this be written. This is the first of three parts, all of which will be free.
Tuesday/Wednesday July 26/27, 2011 is the CSS Summit, an online conference all about CSS. I'll be talking the second day. Super hot lineup! Use the code 20COYIER to save 20% on any type of ticket.
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?
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:
