Showing posts with label coding. Show all posts
Showing posts with label coding. Show all posts

02 September 2010

New OFFF brand - contest

OFFF is the process to do a global rebrand to OFFF Festival and has decided to give you the opportunity to send your ideas.

OFFF 2008 - atmosphere

This is a big step for them and they would love to have you all involved in some way on this process.

To make it more fun and spontaneous, you only have until next Sunday 5th September 2010 to send your idea/concept.

What OFFF needs is:

- New Logo for OFFF (with a solution to include subareas like "OFFF Logo + Atelier", "OFFF Logo + Ontour", or "OFFF Logo + F.C."), vector format.
- New tagline (no more Post-Digital Creation Culture).
- A quick sample of identity cards.

OFFF will select at least 50 proposals that will be included in the next OFFF Book Project to be published by Indexbook next June 2011 and of course only one will have the opportunity to be "the one".

03 November 2009

Did you watch porn or did your mother?

Sure, your friends may share your love for burgers, or Star Wars, or even the Clippers, but without seeming creepy, how can you find out if they also share your love for French midget-girl-on-girl? By covertly getting even creepier, with Did you watch porn?

Sunshine, lollypops and rainbows. Silver sex and denial.

Did you watch porn? is a helpful/peculiar service that, via covert online methodology, determines what smutty sites your friends have been visiting and then informs you of that list, revealing their private inner desires/giving you new options that might not involve the words "bang" or "bus" or Red Shoe Diaries, Season Three. To get the knowledge party started, just put in your info and your friend's name and email address, and the site will give you a tinyURL to send them (or a form email that looks like spam -- your choice), and once they click, you'll then receive an email with a list of the smut sites they visit frequently, while the URL they've clicked on will reveal both those same links and what you've been up to, which'll be especially creepy when he finds out you're at a public library. You can also set it to post results via a Facebook ap; for all this spy stuff, DYWP's fairly crafty: instead of using a browser history or cache, it scours a master list of hundreds upon thousands of smut sites to determine a difference in clicked vs unclicked link color, making it impossible to cover up, like murdering your ex-wife and Ronald Goldman while wearing tiny, tiny gloves.

Since they troll by list, it's not perfect, and DYWP encourages users to send in sites they may have missed, because, creepy or not, there's enough NakedMidgetClippersFans.org for everyone.

via The THRILLIST

03 April 2009

Strategy, technical and designer walkthrough of Pepsi Max: Max It ARCADE 2009

Pepsi Max It - teaser img

Summary:

6 real claw machines can be controlled and played on from your browser. Pepsi Max combines bytes and atoms. If you're passionate about something, max it. That is what Pepsi Max is all about. That and gaming of course. And how do you go about maxing a game that everyone is passionate about? You think bytes (as in 'internet'). You think atoms (as in 'real world'). You grab a soldering iron and connect both.


Full post:

MAX YOUR THOUGHTS
Take 6 real claw machines, hook 'm up to the internet and start playing. Unique codes can be stripped from the Pepsi Max bottles and used to add up for extra gaming credits. The lucky ones can win some cool prizes or grab a ticket for the final during which one plays with an 8 meter tall claw machine containing really huge prizes! Each finalist will be able to grab a huge bear and possibly win sunjets.be trips to Malta or Tenerife, or take home 50" plasma's and other cool Panasonic stuff.


OLDSKOOL CAMPAIGNING
The campaign is kick-starts with traditional online media. Bannering and an enticing e-mail to a database of Pepsi Max aficionados


SOCIAL MEDIA CUM

Today, more than 2.1 million belgian citizens are an active member of Facebook. So we integrated the power of Facebook Connect to make the game easily portable over the users contact network. Everyone registering with Facebook credentials, receives give-away codes for friends. Everytime anyone plays or wins it shows up in their friends newsfeed. How's that for viral?

Frankly, a huge amount of users can freely access the website but only 6 can play simultaneously. Of course these users don't want to be sitting ducks while waiting for a claw machines to become available. Statistics are put up to check when the site is very busy, a concept we introduced with, and was essential to, the Internet Is Mine case. Also, the claw machines Twitter when one of the slots is available.


KICK-ASS DESIGN
Phase 1: First wireframes were made in Powerpoint. They served as a basic feature-spec for the full website.

Phase 2: After being loosely briefed on the campaign’s concept and features, several paper sketches were made to serve as a rough guide. The concept at this stage was “a carnival or arcade, but maxed out!”.

Pepsi Max It - design: handmade

Phase 3: Taking the best sketches into Photoshop, we created a digital painting that would serve as a moodboard and colour guide. This piece was also shown to the client in order to get the go-ahead for the look-and-feel for the rest of the website. You’ll also notice the (not-so) subtle use of Pepsi’s 3 main colours, creating a symbolic link between the logo and the site.

Pepsi Max It - design: grading & coloring

Phase 4: Using photos of the real grabber machines as reference, 3d models of the six cabinets, as well as a large “hero”-crane - a reference to the real-life final phase of the competition. The models were created and rendered in 3ds max 2008.

Pepsi Max It - design: 3D rendermap

Phase 5: After all 3d models were animated and rendered, all assets were composited in Adobe After Effects and Photoshop. The mist was painted by hand.

Pepsi Max It - design: finished composite

Phase 6: After the final compositing of the scene, everything was then taken into Adobe Flash, where it was animated and integrated with the rest of the UI, which was also designed in Photoshop.

Pepsi Max It - design: finished UI


SOME HARDCORE GEEKNESS
Basically the client, your pc at home, simply browses to the webpage loading the Flash application. Through the Flash application the Socket Server receives the data of the logged in user and pushes that info to an Application Server on the same layer. The Application Server is there just to check the user data. N00bs would refer to this step as "checking with the database". Furthermore the Socket Server just relays feedback between the claw machine and the UI. To put it straight, the Socket Server is the connection between the client and the claw machines at our offices. If a connection is established then that triggers the Socket Server and extracts one credit. Whenever a client is logged and ready to play, the Socket Server checks whether the user still has available credits to play the game. Credits can be added by entering game-codes found on Pepsi Max bottles and cans.

So, the Application Server feedbacks on the user-request and talks back to the Socket Server. Finishing this simple cycle the Socket Server pings to one of the 6 computers hooked to a claw machine. Each one of these computers is linked to a claw machine through 6, USB interface, micro-controllers talking to one of 6, physical, claw machines.

The micro-controllers allow users to address the physical controls of the claw machines. The connection between the two buttons to navigate and the coin collector are intercepted and thus hijacked by the USB interface of the micro-controllers. The micro-controllers send the claw machines the same electrical signals normally send by the original connections of the physical buttons.

The bears in the claw machines are stuffed with an RFID-tag. If a user manages to catch and lift a bear, the bear is dropped into a slide passing an RFID-chip reader. Once the reader is triggered a signal is passed on back to the Socket Server. The Socket Server then checks that tag with the linked prize in the DB inside the Application Server. When the match is made the UI displays to the user what prize he, or she, has won.


By the way, Proximity BBDO is looking for more ambitious developers willing to enforce our team and start create more of these wicked web-apps and games. Anyone with an interest can apply here.

Check out more of our geekness at Adnerds.be and check the conversation at #pepsimax, #twapero and #proximitybbdo

29 December 2008

Radiolaria study


Radiolaria study
Originally uploaded by flight404.

This project is about controlled restraint. Previous versions of this magnetic structure project were about freedom. I pretty much let the particles do what they wanted. This go around, I am introducing specific rules to families of particles.

For example, Big particles, you will slowly gain mass until you lock into place and you are capable of attracting small particles. Each of you must remain a fixed distance from the center of the world and must try to spread yourselves out as evenly as possible

Small particles, you will repel each other while the big particles attract you. If you happen to collide with a big particle, you are now locked to that particle and must remain 50 paces from its center at all times. Oh, and you must also remain 250 paces from the center of the world at all times.

Id love to be able to make these so they were 3D printable. Mmmmm, metal casting...

Uploaded by flight404 on 25 Dec 08, 8.58AM CET.

15 December 2008

Biggest development blunders of 2008



1. Site Meter Crashes For IE Users
...any site that had Site Meter tracking installed caused the site to issue “Operation Aborted” messages to Internet Explorer users.

2. Twitter - The Popularization of the Fail Whale
...the popular microblogging site had more and more sightings of the infamous Fail Whale, resulting in the Fail Whale fan club, merchandise, and even a Twitter account.

3. Amazon S3 Outtage
...one of Amazon’s three geographic locations went down for a few of hours, killing the Amazon S3, the cloud storage system. Many web startups like Twitter, SmugMug, and even the New York Times had error messages up.

4. Cuil’s Sub-par Launch
...launch proved to be a huge disappointment. The search results weren’t even close to Google’s relevancy, and their indexing bot was crashing websites.

5. Facebook Beacon
...Facebook users didn’t like the idea of everyone knowing their purchase history on the Web. Facebook silently harvested data, not only from Facebook users but also from non-Facebook users on the Beacon partner sites, even after users opted-out.

6. Digg Scripts
...some of its top users (and many others) were banned throughout 2008 for using scripts to automatically vote on their friend’s submissions.

7. 30 Hours of Gmail Dowtime
...many of the people affected were small businesses who weren’t able to access their email for over 24 hours, losing profits in the process.

8. MobileMe’s Awful Launch
the first day of the launch was filled with slow performance and downtime, weird problems like random user logouts, and the nail in the coffin: The service couldn’t sync with calendars and contact entries for the entire first day.

9. Onslaught of Twitter Clones
...many Twitter clones have sprung up the past year, and nearly all of them lack any differentiation from Twitter, it’s highly unlikely that the clone will find any traction at all.

10. Ecommerce Sites Down On Black Friday
...a flood of people flock to your site begging to spend large amounts of money, and your site is down. Many of the major sites like Amazon, Sears and Live Cashback were all brought to their knees, forcing shoppers to go elsewhere for their Black Friday shopping.

via NetTuts

07 August 2008

iPhone - ING branch locator



The ING branch locator shows you, on your iPhone, where the nearest ING-office can be found. It is a free mobile service application ING developped togheter with Proximity BBDO. the app triggers a routeTracker and 'hup' there's the cashwall - hallelujia!

Grab your iPhone and surf to www.m.ing.be

24 July 2008

Mr Doob



Mr Doob has some very nifty stuff posted to his blog/portfolio, amongst a lot of 3D and Flash-projects there'r lots of nice graphics as well. Oh btw he was awarded "best website ever" by the PWA :)

15 July 2008

Favthumbs


Freestyle Labs made your del.icio.us bookmarks visual, and integrated a MobileMe Gallery + it's a del.icio.us mashup, coded by Jamie Hamel-Smith

01 July 2008

Firefox 3.0



Browsing a new generation Firefox, yeah!

26 June 2008

Castrol Performance Index


The Castrol Performance Index offers you a nice and up to date tracking device for the Euro2008, I know I've posted it far too late in according the track of the tournament but anyway...this handy widget offers on the fly latest updates of players, teams and dirty inside details.

13 June 2008

Moodstream by Getty Images




What is Moodstream? It’s a concepting tool. The modern version of the fireplace. An interactive art piece. TV for the future. It’s a website we created for and with Getty Images to showcase all of their offerings – still, video and sound – and inspire interactive creatives. And it’s really, really fun to use.

Oh, AND, it’s in .NET. I mean, come on.

07 June 2008

Modernista!





Modernista! believes advertising is more of an art than a science and that truly great creative work is priceless in today's cluttered market of parity products.

Modernista!s goal is to work with a select group of clients who love and appreciate great advertising as much as they do and who truly want help building their brand.

Lastly, Modernista! wishes to create a work environment that fosters responsibility, brilliance and passion, and one that is agile enough to move swiftly in today's business environment.

Next to that they have launched a very surprising way of presenting themself online. In stead of implementing all the existing networks and platform in bits and pieces, or just using external links they've offered a very rare way of browsing their work.

Modernista! calls it "viewing Modernista! through the eyes of the web". The Boston-based ad agency simply host their biog, showreels, project images, news feeds and contact information on sites such as Wikipedia, Facebook, Flickr, Google News, Google Maps and YouTube.

But in fact it's not really a website at all, a DTHML menu which sits on top of an inline frame. So the menu is really the only thing they host themselfs, the rest is out there live on the web - they just link to it. Clever and very 2.0h!isH

* anyway I've read the there's a claim, off course, of someone who has done it first ... but hey! we've been building houses since the stoneAge. Nobody claims it's not done to build another grey house using a specific concrete brick with black roof of some nature stone (yes my house :) ) because someone else has done it as well, huh.

06 June 2008

Full-screen web browser

What Is Plainview?
The Barbarians are excited to share with you our latest software offering, Plainview. It’s a little something we’ve been kicking around based on a need we had internally. Once we found a good solution, we figured it’d be useful for other digital professionals, so we figured we’d offer it up to you.



The Barbarians let you know about their product that:

What is Plainview?
Plainview is a full-screen web browser.

That’s it?
Well, it does a few other things – but yeah, basically that’s it.

Why is this useful?
We Barbarians give a lot of presentations. A lot of speeches. A lot of Dog and Pony shows. People want to see our work. And the work we do is on the Internet. And, until now, we really had two options for showing our Internet work: we could capture it all to Quicktime, and throw it into Powerpoint or Keynote, so we could present in a nice full-screen mode that looked professional, or we could try to show it in the browser, and have all that ugly chrome distracting people from our beautiful sites. Both of these options had their pros and cons – full-screen looks sweet, but you lose the interactivity of the site, everything has to be canned. And showing things in a browser lets you show the site’s interactivity, but, again, that ugly chrome.
So now we have a third option. Fire up your full-screen browser and let your audience focus on the work.
Also, we’re an Internet company! We have all these people here who can use Flash and make HTML presentations and do cool things with video. But we do NOT have a bunch of people who make really great looking Powerpoint presentations. Now we can do our presentations with the tools we are comfortable with, and have them look just as awesome as PowerPoint. Well, actually, a whole lot more awesome.

What else does Plainview do?
Plainview has a presentation mode – so you can build a presentation of, say, 10 sites you’ve built, and then show them one by one. Skip to the next site by hitting a hot key. We use this a lot for our Dog and Pony shows. We fire up one site we’ve done. Browse around. Show it. Time to move on? Skip to the next site, without opening up a location bar. Seamless, beautiful presentations.
You can also save presentations, add bookmarks, import your bookmarks, exit full-screen mode, open multiple windows, and view Quicktime movies. And check out the slick way we manage popups!

How did you make Plainview?
Plainview is a Mac OS X Cocoa app that uses WebKit. We spoke at WWDC last year about building Cocoa applications using WebKit, so we figured we’d better release one. As big Mac nerds, we’ve been messing around with Cocoa for quite some time, and what with that whole iPhone thing and all, our interest was heightened even more.
Can Plainview run in locked “kiosk” mode?
Yes. Type command-/ and plainview asks for an administrator password and then runs in kiosk mode. Instant kiosk!

How much does Plainview cost?
Plainview is free. Enjoy.

Really?
Yup.

DOWNLOAD it here
Original post

29 May 2008

Flashuh!


That Mo, I miss him sometimes (hehe) I love the way he can still dazzle me (literally) with this project. It's a small flash-app, I did it in javascript, though you can't influence it yourself

20 May 2008

Official PSP: GO!VIEW



Very nice 3D, smoothly integrated and animated, who-ever did this may sure be having a gorilla-cocktail for a few weeks.

! UPDATE: i've added the correct link to the thumb > http://gopspgo.co.uk/

14 May 2008

53 CSS-Techniques You Couldn’t Live Without



CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is.

Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time. Below you’ll find a list of techniques we , as web-architects, really couldn’t live without. They are essential and they indeed make our life easier. Let’s take a look at 53 CSS-based techniques you should always have ready to hand if you develop web-sites.

Google PageRank



Google PageRank: What Do We Know About It?
Everybody is using it, but (almost) nobody really knows how it works. Google PageRank is probably one of the most important algorithms ever developed for the Web. With billions of existing pages and millions of pages generated every day, the search issue in the Web is more complex than you probably think it is. PageRank, only one of hundreds of factors used by Google to determine best search results, helps to keep our search clean and efficient. But how is it actually done? How does Google PageRank work, which factors do have an impact on it and which don’t? And what do we really know about PageRank?

In this article they've put the facts straight.

03 April 2008

Photoshop Express


getting pretty advanced, modifying al your photos online in stead of local. I specially like the possibility to dock into your Facebook and Picasa account, and then edit your photos from there on.