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!
Forecast for your zip code, like the real meteorologists do it! Guessing!
A little prank. No worries!
A navigation idea creating a navigatable 3D space. Mouse over the walls to either side.
Little flash experiment to play with responsiveness.
More faces in the crowd and more of a crowd. Click the center target button to restart, if you can.
Here are my slides for my WordCamp Atlanta presentation, From PSD to WordPress Theme: Under the skin: PSD to WP on Prezi
I’m proud to announce that I’ve been asked to speak at WordCamp Atlanta this year! WordCamp will be held this weekend and hosted at SCAD Atlanta! My session is titled: From PSD to WordPress Theme: Under the skin. Obviously, I’ll be focusing on themes. We’ll look at what they are, what they can do, how [...]
Zero images is something that always gets me excited, I really like these arrow button styles! I like the css used more and the hover/active states too, nice css3 transitions. via Adobe-like Arrow Headers | CSS-Tricks.
After playing with the settings in my experiments I found a few settings I liked and wanted to develop further. The first was snow! An added bonus I was able to work on a project just for the holidays and used much of this code in it! I looked around the web and saw a [...]
Mat discusses the options for getting responsive images along with responsive designs. We can use various means (server-side, client-side, mobile-first, html5 data attributes, cookies…), but none are fully satisfactory, especially with new browsers prefetching images before cookies can be set or html is even fully read and parsed. He states that bandwidth sniffing is… a [...]
Here’s a great article about the process of responsive design & mobile first design and how to practically use them both in a project. This site is a proof of concept for many of the ideas described in Rethinking the Mobile Web or (Mobile First Responsive Design). via Yiibu – About this site….
Here’s a great tool to make responsive grid layouts. Thanks to Erskine Labs! Introducing Gridpak | Erskine Labs.
Here’s a great little script I found useful today as I was working on having dynamic effects applied to javascript via canvas. “The canvas element provides scripts with a resolution-dependent bitmap canvas, which can be used for rendering graphs, game graphics, or other visual images on the fly.” Thanks to the canvas APIs I was [...]
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!
Karl