background preloader

Webdev.stephband.info

Webdev.stephband.info

http://stephband.info/jparallax/demos/stalkbuttons.html

Related:  Flash, Interactive, Generative & Online Art

Mimicry - Dean McNamee Mimicry Interactive Lamp November 2010 Mimicry is a lamp that imitates the color of objects. It consists of two individual and self contained objects — the lamp and the color sensing eye. When an object is placed against the eye, the color is captured and sent wirelessly to the lamp. The lamp gently shifts from its current color to the object’s newly captured color.

matt kenefick Visit Always Beautiful. Microsoft challenged Big Spaceship to take on the beta release of IE9 – to explore the new features and functionality of the browser and push the limits of what’s possible. We responded with "Always Beautiful" – an interactive experience that uses the history of the web as a personal paintbrush. IE9’s new support for web standards and SVG are impressive, but hard to comprehend in the abstract – we wanted to show how these new capabilities translate into unparalleled opportunities for users and developers. SUPERSCROLLORAMA SuperScrollorama is powered by TweenMax and the Greensock Tweening Engine. Go to greensock.com for documentation on how to use it. Why Greensock/TweenMax? Great performance, ease-of-use, expandibility and basically because it is awesome. First, link to the jQuery CDN and then embed TweenMax.js and SuperScrollorama.

Amazing Banksy painting costume MAKE contributing illustrator Tim Lillis sent me pics of his friend George Schnakenberg‘s Banksy painting costume, and I’m totally having costume envy over here. Hands down my favorite getup from this Halloween. Here’s a comparison pic of George’s costume versus the original Banksy “Flower Thrower” painting: Andrew Hoyer A little more detail: What makes this simulation special is the speed at which everything is computed. Javascript (the language this is written in) is not exactly the most efficient language for this type of computation. Gallery of Computation - StumbleUpon LIVING WORKS binary.ring bit.10001 bone.piles box.fitting box.fitting.img new bubble.chamber buddhabrot city.traveler cubic.attractor deep.lorenz guts new happy.place new henon.phase henon.phase.deep new inter.aggregate new inter.momentary new invader.fractal limb.sand.stroke limb.strat limb.stroke mcp moonlight.soyuz nine.block node.garden new offspring orbitals new paths.i peter.de.jong sand.dollar sand.stroke sand.traveler new self-dividing.line stitches substrate new tree.garden.ii trema.disk trema.spike INFORMATION about the programmer about the medium ORDERING works available production qualities ordering policies CONTACT j.tarbell @ complexification.net

A Simple Parallax Scrolling Technique Parallax scrolling is an interesting technique, where, as you scroll, the background images translate slower than the content in the foreground, creating the illusion of 3D depth. As I planned to re-design my personal website, my first goal was to write the shortest and simplest code to achieve maximum awesomeness! I'll show you how I did it. In this tutorial, I'll teach you the simplest parallax scrolling technique you've ever came across, so let's dig in! This technique revolves around controlling the speed of background image. So let's begin with the HTML markup, creating two sections along with the required attributes: "data-type" and "data-speed".

3D Glass Panes Using multiple layers of clear glass, Canada based David Spriggs and Chinese born Xia Xiaowan, transform flat artwork into 3D sculptures. Viewers are treated to different shifting perspectives of the works based on where they stand in the art space. Spriggs work revolves around powerful explosive imagery, often resembling storms, cosmic blasts or firework like explosions. Xiawan’s “spatial paintings,” which often feature distorted figures, are drawn individually using colored pencil on tinted glass. Only when these pieces are combined on their floor racks do the images create the whole hologram like effect. See Also INCREDIBLE 3D ILLUSTRATIONS JUMP OUT OF THE SKETCHBOOK

Responsive Solutions to Design Menu Navigation in Low Resolution Mobile Screens In responsive design for smartphones and mobile devices with low resolution screens, one of the most common and difficult challenges to address is the navigation menus. A small space problem Classic web design always allowed and was oriented to provide horizontal scrolling menus at the top of the pages, which enabled users to have a good browsing experience. By squeezing the elements for a responsive layout, reference and visibility criteria for the navigation elements are called into question, and it’s really not always easy to find a way to keep them usable. There are several solutions available for menus and menu items, which we illustrate here with examples of good responsive designs. Five Solutions for Good Design

On Being a Designer and a Developer: Not Quite Unicorn Rare by Diogenes Brito I wanted to write about this because as I attempt to distill my professional experience into teachable morsels for my students, I have realized that the one of biggest barrier is mental. People who have categorized themselves as an engineering (or math and science) type will shy away from and avoid areas of knowledge considered to be in the realm of a designer (or "creative") type. At Stanford this took the form of the great divide between engineering major "techies" and humanities major "fuzzies." I believe this prevented many would-be "ninjas" and "unicorns" from ever reaching their potential. The effect is similar to having a fixed mindset instead of a growth mindset.

Related: