Page 18 of 22 of the Unsolicited Advice Archives

1. Understanding 3D Transforms

   'In this article we’ll dig in to 3D transforms in detail, looking at the fundamental differences between 3D and 2D transforms, the 3D transforms available, and some demos that show how these work.'

2. How every conversation about race ever on the internet goes

   Someone makes a comment or corny "joke" that is kinda racist and kinda classist, but mostly harmless.^1^ Someone else — sometimes in the group targeted, sometimes not — says "Hey THAT'S RACIST!" Someone else, usually not in the target group (read: "someone not black / Latino / Asian American / Native American, because those

3. Why doesn't my scale3d() / scaleZ() transform work?

   One of the trickier parts of 3D transforms is understanding how the scaleZ() and scale3d() functions work. When applied to an element, they will often appear to have no effect. But then at other times, or in other combinations, they will. Confusing right? So what's going on? Well, it has

4. A look at the Page Visibility API

   You're sitting in your office with your speakers un-muted. Maybe you're making plans for dinner, and decide to check out the web site of that hot new restaurant in the North Trendy neighborhood. Of course, you're not supposed to be making dinner plans while on the clock. So when Busybody

5. WordPress: Adding custom galleries to your theme

   WordPress has a gallery feature that allows you to include a set of images with your posts. The syntax is simple, using what's known as a shortcode. WordPress has an entire API devoted to shortcodes. In WordPress 3.5, it's possible to add a gallery using the gallery short code

6. @supports API lands in Firefox Nightlies

   This is old(ish) news to those of you who have been paying attention: support for the @supports API — CSS.supports() — landed in Firefox late last month. So far, a complete implementation is only available in Firefox Nightly builds. It should show up in a Firefox release sometime soon. Opera

7. Supporting and detecting @supports

   Opera recently added support for the @supports feature of the CSS Conditional Rules Module. Using @supports offers a native way to feature-test support for CSS properties and values. @supports (display: flex){ /* Include flexible box styling here */ } You can also test for negation, and provide rules for cases when a feature

8. Make fewer DOM updates with createDocumentFragment()

   During a recent conversation about some code I've released, the other party asked me why I didn't use a document fragment. I think my reaction was more or less "What, well, um, I don't know, so I'm just going to bullshit and pretend I know what you're talking about or

9. Meet the datalist element

   UPDATE: Browsers vary a bit in how they render datalists based on the type of form input. Eiji Kitamura has a demo that illustrates how they all work. One of my favorite parts of HTML5 forms is the datalist element. Opera added support in version 9.0. Support in