Here's a great data visualization timeline showing an individual's programming history: what languages and when and how much. I think it's a very pleasing visual too. He's posted the code to github to play with. Could be a very interesting addition to a bio or resume. Embedded Link Zeh Fernando » Blog Archive » Programming [...]
Tag Archives: programming
WordCamp Presentation Slides: From Photoshop PSD to WordPress Theme

Here are my slides for my WordCamp Atlanta presentation, From PSD to WordPress Theme: Under the skin: PSD to WP on Prezi [UPDATE] I’m updating this post that originally just contained my slides with the meat of the presentation as well. I don’t think a presentation is expressed well at all with slides. So I’m [...]
Posted in tutorial Also tagged atlanta, circle cube, code, css, design, graphics, html, open source, process, thematic, theme, wordcamp, wordpress 3 Comments
Speaker at WordCamp Atlanta 2012

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 [...]
Posted in Article, personal Also tagged atlanta, circle cube, conference, design, open source, process, thematic, theme, tutorial, web design, website, wordcamp, wordpress 1 Comment
Link: CSSrefresh – automatically refresh CSS files

A great css developer helper script from Fred. CSSrefresh is a small, unobstructive javascript file that monitors the CSS-files included in your webpage. As soon as you save a CSS-file, the changes are directly implemented, without having to refresh your browser. When you’re coding a website, nothing can be more frustrating than having to switch [...]
An Introduction To Object Oriented CSS (OOCSS) – Smashing Coding

Almost every element on a styled Web page has different visual features (i.e. “skins”) that are repeated in different contexts. Think of a website’s branding — the colors, subtle uses of gradients, or visible borders. On the other hand, other generally invisible features (i.e. “structure”) are likewise repeated. When these different features are abstracted into [...]
Snow via Javascript & Canvas – Tis the Season

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 [...]
Posted in interactive javascript canvas Also tagged abstract, animation, browser, canvas, code, design, drawing, experiment, graphics, html, interactive, javascript, jquery, js, open source, physics, portfolio, random, tutorial, web design Leave a comment
Interactive Physics Animations Javascript Canvas 17

I’m really enjoying giving a control panel of sorts to the end user and letting them control the physics rules of their canvas. Let’s add more motion to it by applying a jitter to the velocity of each dot. This is similar to earlier, when we first started animating by applying a random number to [...]
Posted in interactive javascript canvas, tutorial Also tagged abstract, animation, browser, canvas, code, experiment, game, generative, graphics, html, interactive, javascript, jquery, js, open source, physics, process, random, tutorial 6 Comments
Interactive Physics Animations Javascript Canvas 16

I always want to give the end user (at least some) control of how they view and interact with data. Earlier we gave users control over gravity. Here let’s give them control over the canvas edges. Rather than having our dots bounce on the edges of the canvas, lets have them wrap across to the [...]
Posted in interactive javascript canvas, tutorial Also tagged abstract, animation, browser, canvas, code, experiment, game, generative, graphics, html, interactive, javascript, jquery, js, open source, physics, process, random, tutorial Leave a comment
Interactive Physics Animations Javascript Canvas 15

Earlier we worked on making all the dots draggable, but what’s better than simply dragging dots? Let’s set up a way to throw the dots! Now as we drag it we record the positions and use that to calculate a new velocity. Then when a dot is dropped, it will have a trajectory to follow [...]
Posted in interactive javascript canvas, tutorial Also tagged abstract, animation, browser, canvas, code, experiment, game, generative, graphics, html, interactive, javascript, jquery, js, open source, physics, process, random, tutorial Leave a comment
Interactive Physics Animations Javascript Canvas 14

Here is an update to allow the end user to create more dots. A good way to do that is to just let users click on the canvas, and if they click a dot, drag it, if they don’t click a dot, create a new dot at the point of click. I moved the dot [...]
Posted in interactive javascript canvas, tutorial Also tagged abstract, animation, browser, canvas, code, experiment, game, generative, graphics, html, interactive, javascript, jquery, js, open source, physics, process, random, tutorial Leave a comment












Bruce Brownlee