Would love to see a blog post detailing some of these techniques.

looks like the big trick is rendering to the background image:

    #mario-mushroom div {
      width: 170px;
      height: 140px;
      margin-left: -85px;
      margin-top: -90px;
      background-image: radial-gradient(circle at 50% 120%, rgba(0,0,0,0.7) 23%, rgba(0,0,0,0) 48%), linear-gradient(30deg, rgba(0,0,0,0.4) 10%, rgba(0,0,0,0) 20%), radial-gradient(circle at 50% 33%, #f8f6f7 32%, rgba(255,255,255,0) 32%), radial-gradient(circle at -13% 55%, #f8f6f7 20%, rgba(255,255,255,0) 20%), radial-gradient(circle at 113% 55%, #f8f6f7 20%, rgba(255,255,255,0) 20%), linear-gradient(to bottom, #ef0015 20%, #b2000c 100%);
      border-radius: 140px 140px 80px 80px;
    }

Different gradients (sometimes linear, sometimes radial), and/or box-shadow rules like this:

  #camera div:after {
    width: 100px;
    height: 100px;
    margin-left: -20px;
    top: 15px;
    left: 50%;
    z-index: 3;
    background: linear-gradient(45deg, #ccc 40%, #ddd 100%);
    border-radius: 50%;
    box-shadow: 0 3px 2px #999, 1px -2px 0 white, -1px -3px 2px #555, 0 0 0 15px #c2c2c2, 0 -2px 0 15px white, -2px -5px 1px 17px #666, 0 10px 10px 15px rgba(0,0,0,0.3), -90px -51px 1px -43px #aaa, -90px -50px 1px -40px #888, -90px -51px 0 -34px #ccc, -90px -50px 0 -30px #aaa, -90px -48px 1px -28px rgba(0,0,0,0.2), -124px -73px 1px -48px #eee, -125px -72px 0 -46px #666, -85px -73px 1px -48px #eee, -86px -72px 0 -46px #666, 42px -82px 1px -48px #eee, 41px -81px 0 -46px #777, 67px -73px 1px -48px #eee, 66px -72px 0 -46px #666, -46px -86px 1px -45px #444, -44px -87px 0 -38px #333, -44px -86px 0 -37px #ccc, -44px -85px 0 -34px #999, 14px -89px 1px -48px #eee, 12px -84px 1px -48px #999, 23px -85px 0 -47px #444, 23px -87px 0 -46px #888;
  }

Neat results -- I'm not sure how practical these specific techniques are to everyday development, but of course a project like this provides the creator with a strong motivation to seriously master everything available in CSS; and the end result of that has obvious practical use.

Chrome's style inspector pretty much tells you everything... it's mostly basic techniques used in very creative ways

This is such a stupid debate.

Batteries aren't that great yet for long range travel.

This has made me respect the NYT and Musk much less for the mudslinging alone.

Good on you. AirBnB should not be allowed to succeed with a business model that supplements people's income in an absurdly high rent market.

Didnt even get into the issue of what happens if you already have a rent controlled apartment that you use airbnb to make a profit from. Theres a entire gamut of issues around airbnb that have yet to be explored and frankly I dont see how they will continue to be able to operate.

Right now its on the outskirts, since they are faciliating vs doing it themself. They have some ToS which says "You confirm you have a BnB permit" but of course no verification happens

Sounds like Government-as-a-Platform would be useful here. SF rolls out an API to access BnB permits of the kind you would need to rent out an apartment. Except since they claim AirBnB is illegal, it would be a blank text file ;)

Are all the residents of SF absurd for living there?

what if IP addresses were allocated / confirmed by a bitcoin-like network?

You mean completely unstable and essentially useless? No thanks.

Every router would then need several gigabytes of memory for routing tables.

you mean namecoin?

http://www.bluishcoder.co.nz/2011/05/12/namecoin-a-dns-alter...

What advantages does this service provide over bitcoin itself? My suggestion would be to make this very clear, and definitely make sure it is explained on the About page.

My guess is that you can send bitcoins to people who don't give a shit about it or know how to use the client and they can in turn pay for things with the coins you sent. I'm thinking of sending my dad a couple just to see if he can figure it out. :)

Agreed. "Without coinbase, this is how you would use bitcoins _____..., with coinbase it looks like this instead ____." Dont assume any knowledge of bitcoins.

Definitely agree with making the advantages clear. I can see how this could be a pretty useful interface to BTC for non-technical users. I might have to try it out myself :)

This is a cool concept. A couple thoughts: the animated guy with the magnifying glass is actually cool for me; however the yellow highlighted titles are not. I can certainly appreciate why using bootstrap is a simple way to dev out a site - but be careful when steering away from the design decisions made by twitter. They tend to be on point.

"Don't touch the pad on the side" ..... prototype or not, what kind of usability nightmare is that? You put on glasses by grabbing the sides.. The control should be based on your eye movements or something like a watch.

> prototype or not, what kind of usability nightmare is that?

The kind that allows you to figure out what works and what doesn't.

I guess it has been almost 2 years now but I recall a certain phone maker giving the advice "don't hold it that way" when an actual product (in the store... being sold to millions) was experiencing an issue of that nature. I think they survived that. :)

This is badass! But, once again something Apple should have already given developers.

Thanks for putting this together, hopefully it spurs them along.

It's not like Apple forgot about this feature. It just isn't ready which is why it's not enabled. It will be released when it's ready.

In the mean time you can use OPs link.

I completely agree - a boycott would never work here. It would have to generate bad PR for Apple - a lot of it. That's when they would look at making changes.

The status bar is literally 4.16% of these screenshots. Ignore it and give this fellow dev some relevant feedback.

I would count this is as relevant feedback. sgt provides one reason why.

To me, seeing something like this gives me the impression that the screenshot is not polished, that this detail was not paid attention to, and makes me wonder what else might have been missed.