Here are my slides for my WordCamp Atlanta presentation, From PSD to WordPress Theme: Under the skin: PSD to WP on Prezi
Tag Archives: design
WordCamp Presentation Slides: From Photoshop PSD to WordPress Theme
Posted in tutorial Also tagged atlanta, circle cube, code, css, graphics, html, open source, process, programming, thematic, theme, wordcamp, wordpress Leave a comment
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, open source, process, programming, thematic, theme, tutorial, web design, website, wordcamp, wordpress Leave a comment
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, drawing, experiment, graphics, html, interactive, javascript, jquery, js, open source, physics, portfolio, programming, random, tutorial, web design Leave a comment
Link: Close Pixelate · David DeSandro
I saw this script back when David put it out there and was very impressed, but totally forgot where I’d seen it. Working lots with canvas and imageData recently and have been trying to remember where I’d seen this awesome experiment using it, I wanted to shout it. And now he’s linking to Ben Keens [...]
Posted in blog Also tagged abstract, canvas, experiment, generative, javascript, open source Leave a comment
Interactive Physics Animations Javascript Canvas 03
This iteration really isn’t that big, but I figured baby steps may be the way to go here. We’re just giving the first circle a random position. The other dots are positioned relative to the first one still. interactive physics animations via javascript & canvas | 03. $(function () { var canvas, context, [...]
Posted in interactive javascript canvas, tutorial Also tagged abstract, browser, canvas, code, drawing, experiment, generative, graphics, interactive, javascript, jquery, js, physics, programming, random Leave a comment
Interactive Physics Animations Javascript Canvas 02
Adding more circles, each a multiple of the first circle’s coordinates. I like the effect of having them all move in unison. Ceck the source: interactive physics animations via javascript & canvas | 02 $(function () { var canvas, context, width, height, x, y, radius = 25, clickX, clickY, drag = false; [...]
Posted in interactive javascript canvas, tutorial Also tagged abstract, animation, browser, canvas, code, download, drawing, experiment, game, interactive, javascript, jquery, js, open source, physics, programming, tutorial Leave a comment
A More Interactive Portfolio
I think a portfolio is something that should be very interactive and intuitive. Check out what that has led to: circlecube’s interactive pog portfolio. I’ve been toying with trying to get something that was fun to look at, but also showed some work. Here is a first look at my Interactive portfolio of work which [...]
Posted in portfolio Also tagged abstract, actionscript, animation, application, as3, blog, circle cube, code, css, experiment, flash, game, interactive, navigation, php, physics, portfolio, programming, ui, usability, user experience, ux, web design, website, wordpress, xml Leave a comment
Interactive Generative Art Series – 08 – multiple lines scalable
Well, so much for blogging each step in my process of creating this generative art series. I took a few steps in this iteration since the last one. But it was all in the spirit of one step. First I wanted to abstract the duplication of each ball/line so that it didn’t require copying blocks [...]
Posted in generative art Also tagged 3D, abstract, actionscript, animation, application, as3, code, color, download, experiment, flash, generative, graphics, open source, process, programming, random, tutorial Leave a comment
Interactive Generative Art Series – 07 – multiple lines
To make it more interesting and give more depth and texture to the display, I wanted to have more lines than one, so I’m now going with two for starters. Eventually I’d like to get up to a dozen or maybe even have them randomly self populate and die over time. Adding one more isn’t [...]
Posted in generative art Also tagged 3D, abstract, actionscript, animation, application, as3, code, color, download, drawing, experiment, flash, game, generative, open source, physics, process, programming, random, tutorial Leave a comment
Interactive Generative Art Series – 06 – lineStyle
The last example in this series discussed getting the anchor to move in a way that our ball would paint more interesting and we worked on restricting the colors to a certain RGB range. This one is a very simple change, but has a pretty significant effect. We’re just editing the cap style of our [...]
Posted in generative art Also tagged abstract, actionscript, animation, as3, code, color, download, experiment, generative, open source, physics, programming, random, tutorial Leave a comment
Karl