background preloader

Anatomy of a Mashup: Definitive Daft Punk visualised

Anatomy of a Mashup: Definitive Daft Punk visualised
Loaded 0% of sound data A mashup is a song created by blending two or more other songs. The more complex a mashup gets, the harder it is to distinguish the parts that are being used to create what you're hearing. This visualisation of the song "Definitive Daft Punk" by Cameron Adams dissects a mashup in realtime to show you how each of the 23 parts contributes to the greater whole. Better performance in Chrome or Safari Get the new Daft Punk album!

http://daftpunk.themaninblue.com/

Related:  CSS3, HTML5, JAVA, PHP

Web design predictions for 2012 Everything changes. The Internet and web design are certainly no exceptions to the rule. As we move through the days and months ahead, it’s likely that in short time we’ll find ourselves talking about new design developments that haven’t rolled across our lips or screens yet. Photosynth Photosynth is a software application from Microsoft Live Labs and the University of Washington that analyzes digital photographs and generates a three-dimensional model of the photos and a point cloud of a photographed object.[1] Pattern recognition components compare portions of images to create points, which are then compared to convert the image into a model. Users are able to view and generate their own models using a software tool available for download at the Photosynth website. History[edit] Photosynth is based on Photo Tourism, a research project by University of Washington graduate student Noah Snavely.[2] Shortly after Microsoft's acquisition of Seadragon in early 2006, that team began work on Photosynth, under the direction of Seadragon founder Blaise Agüera y Arcas.[3] Microsoft released a free tech preview version on November 9, 2006. In March 2010, Photosynth added support for Gigapixel panoramas stitched in Microsoft ICE.

Nerdy Hip Hop Songs (That Are Actually Pretty Good!) (Nerdcore hip hop illustration by Chris Whetzel) Some of the nerdiest hip hop songs are actually some of the best hip hop, period. “What?!” you I can hear you exclaim, incredulously. “Nerdy hip hop that is actually good? A Non-Exhaustive List Of Depressing Songs Are you sad? Looking to be? A non-exhaustive list for your listening… pleasure. Draggable Image Boxes Grid Today we want to create a template with a fullscreen grid of images and content areas. The idea is to have a draggable grid that shows boxes of thumbnails and menu like items. Once clicked, the thumbnail will expand to the full size image and the menu item box will expand to a fullscreen content area.

New HBO True Blood Campaign BBDO New York has created a new online campaign to promote the release of the True Blood series 3 DVD. Designed to test the knowledge of the show's greatest fans, the site allows users to zoom into an online film to search out and answer clues related to the series. The film below appears on the website. In the online version, viewers are able to pause the action and, using a nifty scroll bar at the bottom of the screen, search for clues by clicking within the film. When a clue is found, a question box will open up.

The Antville Music Video Awards... brigs, December 20, 2011 3:46:27 AM CETThe Antville Music Video Awards 2011 The Winners! After much debating, nominating, voting, stuffing, etc. here are the true magnificient winners of The Antville Music Video Awards 2011: Most Fun Duck Sauce "Big Bad Wolf" - Dir. Keith Schofield The best way to learn creative and technical skills. The first official Nettuts+ quiz was a massive success with an impressive number of developers participating and evaluating their knowledge. There were a non-trivial number of comments asking how the mini quiz engine was built. And lo and behold! That’s what we’re gonna learn today. Bar Code Madness! Artist Scott Blake is known for making art from QR codes and bar codes. Each code can be individually scanned and linked to the person who is being portrayed. E.g. the Elvis Presley image is connected to a large number of CDs and music by the singer. Notes by Blake (published at the Barcode Art website): I have made more than 30 large-scale digital portraits of cultural icons using actual barcodes connected to some aspect of their lives.

Google Plus Circle Animation With Jquery and CSS3 in Your Website — Tech Blog If you are a Google plus user, I am sure you will fall in love with Google plus circle animation. Google plus given an awesome user experience, specially circle’s animations. When I saw the rotation animation first time in Google plus, I was so excited to create my own rotation animation like Google plus. I have been working in these days to develop circle rotation animation effect with Jquery and CSS3.

Adaptive Streaming with H264 Streaming Module back Adaptive streaming is similar to pseudo streaming, but instead of serving one large video file, the video is delivered in a series of short HTTP downloads (segments). This delivery technique is described in this article. Note that we are requesting Virtual Video Clips from the webserver. The underlying video is just *one* file, so you can use your original encoded videos. Prefix free: Break free from CSS vendor prefix hell! -prefix-free lets you use only unprefixed CSS properties everywhere. It works behind the scenes, adding the current browser’s prefix to any CSS code, only when it’s needed. The target browser support is IE9+, Opera 10+, Firefox 3.5+, Safari 4+ and Chrome on desktop and Mobile Safari, Android browser, Chrome and Opera Mobile on mobile. If it doesn’t work in any of those, it’s a bug so please report it.

Invisible Cities by Maria Popova What social media activity has to do with the literal lay of the land. In December, the now-infamous map of Facebook friendships revealed an uncanny cartography of the world depicted purely through social relationships data. Now, a project by Christian Marc Schmidt and Liangjie Xia is taking the concept ambitiously further: Invisible Cities is a transmedia mapping project, displaying geocoded activity from social networks like Twitter and Flickr within the context of an actual urban map — a visceral, literal embodiment of something VURB‘s Ben Cerveny has called “the city as a platform,” the idea that cities are informational media and living computational systems for urban society. By revealing the social networks present within the urban environment, Invisible Cities describes a new kind of city — a city of the mind.”

8 Best Tools to Make Easy CSS3 Development CSS or cascading style sheet is basically a style sheet language that is used to describe the presentation semantics or the looks and formatting of a document. This document is written in a mark-up language. One of its basic uses is to style the web pages that are either written in HTML or XHTML but this language can also be applied to any other kind of document. CSS also does a major job that is it separates the content of the document from the presentation of the document and in addition it also includes features like layouts, colors and fonts. This separation that is done by CSS improves the accessibility of the content and also provides more flexibility and control in the specification of presentation. CSS also enables the mark-up languages to be printed in various forms.

Related:  Infographic InspirationDaft Punk