Class exhibition of net art. ARST3800 Net Art Studio Fall 2005. Mark Callahan @ Digital Media @ Lamar Dodd School of Art @ The University Of Georgia Net Art Studio examines the current state of artistic practice on the Internet and facilitates the production of new works for networked audiences. The course consists of concurrent [...]
Here’s an example. A dynamic scroll, that changes speed according to your mouse. Here is the code for it as well, I tried to keep it pretty generic, just put this onto a movie clip I named “scroll.” And change the variables to fit your needs. Enjoy, [...]
synesthesia 1. A condition in which one type of stimulation evokes the sensation of another, as when the hearing of a sound produces the visualization of a color. Installation. May 2005 I had a microphone feed into the computer and audio from the room changed the display. I displayed a circle related to the voice [...]
Here’s my first portfolio website, from the archive in 2004. Some of the links are broken, but you get the idea. I made an interactive flash version and an html version with frames in dreamweaver. Evanrude link
A variation of the gravity with throwable ball experiment. It has optional gravity. Click the ball to drag and release to drop or throw it. Press the space bar to add more balls (up to 30). Press the down arrow to turn gravity off, and pres the up arrow to turn it back on. You [...]
Actionscript exercise with a line connecting movable movieClips. Flash Example
actionscript // get x and y coordinates of the circles var ax = _root.point1._x; var ay = _root.point1._y; var bx = _root.point2._x; var by = _root.point2._y; var cx = _root.point3._x; var cy = _root.point3._y; // draw line [...]
An actionscript exercise. Trying to get a movie clip to go to the closest dynamically created target. Click the button to make more targets. Dragable targets. Move the targets around to see the ball’s target change. Example
actionscript Here’s the actioscript for the little ball: onClipEvent (load) [...]
A website with an alternative navigation philosophy. The site is a game you must “play” in order to see the content. Use the arrow keys to move around.
A nice effect. Do you smell something funny? Click to attract the nose. Achieved with an animated mask over a movie clip that grows to reveal the face. And generating new layers of the face continuously!
A little prank. No worries!
Synth Emulator on Google Japan Doodle Today Embedded Link Moog 自分のオリジナル曲を創って、 #moogdoodle で共有しよう。
New additions to the plugin directory include: favorites, incorporating support forums into it's own tab for each plugin as well as support stats being displayed! Great! I think we also need the ability to give plugins ratings and reviews (bonus points if it can be done from within a wordpress admin dashboard when installing plugins). [...]
Use zipf's short head to tune your website rather than redesign the whole thing. To make a website successful it needs to meet the needs of the users. Find out what those needs are by using the short head philosophy to equate most searched things as the biggest needs of the users. Use personas to [...]
Great article at a list apart discusing the state of the industry regarding responsive images. This picks apart the set attribute of the img element from a surprisingly objective view coming from someone so close to the picture element. Insightful discussion about the principle behind the proposals than the actual solution too. If the working [...]
A great developer story about the differences on what Git is vs other version control and what Git is not. This is how we should learn it. I heard over and over that it was distributed, but never grasped what that meant, so here are a few links and explanations that will help unlearn version [...]
I'm very excited to share the news that the tween library from GreenSock (hands down the best tweening library I used in flash) is not ported for use in javascript! This will be great! I missed that simple syntax from as3 when animating javascript, and now I can have my cake and eat it too. [...]
Here are a few useful css tricks to remember when building responsive design sites from web designer wall Embedded Link 5 Useful CSS Tricks for Responsive Design Making the design to be responsive is very easy as shown in my Responsive Design in 3 Steps tutorial, but maintaining the elements to look aesthetically balanced on [...]
Bruce details the reasons and story behind the srcset attribute which is now introduced as an alternative to the picture element. Some aspects of the attribute are nice (like the fact that it's an attribute and not a new element, so it's creating up new elements with for problems. It's adapting currently used elements to [...]
Here's a very creative use of using a newly available technology. Using svg graphics which are very lightweight, for a website preloader. I like the animation used as well. Embedded Link Make a stylish preloader with SVG | Tutorial | .net magazine Many sites neglect users with slow connections. Ian Culshaw explains how to use [...]
I'm Evan Mullins. I'm a web designer and am very interested in the intersection of art & technology, user experience, and interactive design. I like contributing to make the web incrementally a better place. I love simultaneously solving problems & making things aesthetically brilliant. circlecube is my interactive design site chock full of tutorials, critiques, techniques, technologies, ramblings and a playground of experiments. Welcome to it!
Bruce Brownlee