THE.LAB@DEFIANTGOAT
SEMIOTICBOT
Semioticbot is a language creation application. Using the prefixes and suffixes of the English language, Semioticbot fabricates words then seeks out signification on the web via a Google image search.
If an image is returned for the word, it is displayed in the background along with a link to the image; otherwise a "No signification found" message is returned.
LAUNCH »
CARTOGRAPHIC SMASHUP // DUEX
This version of the Cartographic smashup uses simple object oriented PHP to return a page with two random static Google maps using the Google Static Maps API.
Using the canvas tag and javascript, the maps are composited with 2 randomly produced gradients creating a unique image that can be printed or saved as a PNG.
Google, however, limits requests to 1000 static maps per day, so there is a limit to the availability of the application.
LAUNCH »
CARTOGRAPHIC SMASHUP
Cartographic smashup uses simple object oriented PHP to return a page with two random static Google maps using the Google Static Maps API.
Using simple CSS rules, the maps are overlayed and with transparency settings become conflated.
Google, however, limits requests to 1000 static maps per day, so there is a limit to the availability of the application.
LAUNCH »
RANDOM COLOR EXPERIENCE // ONE
Choosing color palettes can be fun and intimidating. Color used to intimidate me, and still does on occasion. I thought it would be interesting to explore DOM scripting while producing a quasi-application that produces random color palettes for a simple generic web layout. You can change the colors as you like, or set the application to randomly change the color palette every 10 seconds. If you see a palette you like, click the "View Current Color Info" or "View Color History" (this currently records all color palettes produced, so be aware that it will start to clog up your computer's memory after a while, but I'm working on the scripting to have it auto-flush).
You'll be amazed how interesting some of the color combinations turn out. LAUNCH »
RANDOM COLOR EXPERIENCE // DUEX
This is a dynamic node creation experiment, along with random color generation and interval testing.
The colored boxes are dynamically created via DOM scripting. Each color is randomly set and then an interval is set that randomly chooses one of the boxes each millisecond via it's dynamically created id attribute and sets the background color to another random rgb value. The effect is fun to view.
It's reminiscent of one of those faux mainframe computers shown in movies from the mid 20th century. If you run your mouse over the boxes, they will change color. I've also set the ability to dynamically change the background color of the container to a primary / secondary or tertiary color. A setInterval and setTimeout method is added upon doing this to create a fun scrolling animation just for the heck of it. Check it out. LAUNCH »
COLLAGIST
The idea behind this came from texture/pattern creation projects I undertook in Design 1 and Design 2 classes at Art Center. I wanted to dynamically create random patterns using images and randomly chosen background colors. Some of the patterns are opaque portions of images randomly organized. Others use .png files with various amounts of transparency. When these are coupled with random background colors, you get a multitude of random colors and patterns.
If you run your mouse over the patterns, they dynamically change; some also change background color. LAUNCH »
ADOBE ILLUSTRATOR RGB - to - HEX PLUG-IN SCRIPT
I use Adobe Illustrator for many of my more graphic oriented web layouts these days. I also use it to create color palettes for my websites.
Out of impatience, I wrote a script for Adobe Illustrator CS3 that will auto-label all of the RGB color swatches on my Illustrator artboard with the Hex value.
Until I had this script, I had to double-click the swatch and manually write down the Hex value for any of the colors I wanted to use in my style sheets.
With this script, I can have many color swatches on the artboard (usually a row of tints and shades) and have Illustrator auto label them for me.
The script has been published to Adobe's Exchange website. The link below will re-direct you to the download page on Adobe's site, if you are interested.
RGB-To-Hex Download »