Rock, Paper, Cyborgs

This robot hand makes a mockery of its human opponent in a game of rock, paper, scissors with a 100% win rate – one more step towards the total obsolescence of the human mind:

Rather than operate within the parameters of its programming and AI, the robot uses available sensory info and its rapid processing power to effectively ‘cheat’, making AI redundant in this instance:

human-machine cooperation system

The effect (at human speed, anyway) is that it wins without a scrap of intelligence, so what does that say about us?!

I Give You My CSS3 Heart

I made this little heart shape with CSS3, which I’ve been playing around with lately as a way of rendering rounded corners in the latest version of Subscription Options. Turns out there’s loads you can do with CSS3!

Here’s the (admittedly complex) code that’s used to render the above:

#heart {
    position: relative;
    width: 100px;
    height: 90px;
}
#heart:before,
#heart:after {
    position: absolute;
    content: "";
    left: 50px;
    top: 0;
    width: 50px;
    height: 80px;
    background: url("http://files.digitalcortex.net/images/header/rotate.php"); // this makes the colour the same as my header image - but could be any HTML colour instead
    -moz-border-radius: 50px 50px 0 0;
    border-radius: 50px 50px 0 0;
    -webkit-transform: rotate(-45deg);
       -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
         -o-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
       -moz-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
         -o-transform-origin: 0 100%;
            transform-origin: 0 100%;
}
#heart:after {
    left: 0;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transform-origin: 100% 100%;
       -moz-transform-origin: 100% 100%;
        -ms-transform-origin: 100% 100%;
         -o-transform-origin: 100% 100%;
            transform-origin :100% 100%;
}

If you’re interested in playing around with CSS3 shapes like the above, loads of them are are available at CSS Tricks.

Web Discoveries for October 5th

These are my del.icio.us links for October 5th

Web Discoveries for September 2nd

These are my del.icio.us links for September 2nd

Web Discoveries for June 16th

These are my del.icio.us links for June 16th

  • Layar
    Criminy. This is the future I predicted two years ago in my dissertation finally coming to life. The phrase ‘Game Changer’ comes to mind.
  • SPRXMobile Mobile Service Architects » Home
    Makers of the awesome sounding Android App – Layar; home of @Rhymo, a fave #AR Twitter Follower.
  • Social Media Biz Buzz
    A worthy resource for social media marketers. This site offers streamed or downloadable assets without the fluffy blurb.
  • Web Design WordPress function list
    This is a great resource for WordPress developers. Nice and slidy too.
  • Spymaster
    I don’t know what this is yet, I’m only just starting out, but by golly this looks cool. **EDIT** It is definitely NOT COOL.