James Childers. Web Developer & Interactive Designer. Atlanta, GA.

Web developer and interactive designer.

Blog

Chad Bonanno

Chad Bonanno. Designer + Animator Los Angeles based Designer + Animation Director. Technical Requirements: Photoshop Design HTML/CSS/JavaScript WordPress Theme Development View Website

Chad Bonanno

Chad Bonanno. Designer + Animator

Los Angeles based Designer + Animation Director.

Technical Requirements:

  • Photoshop Design
  • HTML/CSS/JavaScript
  • WordPress Theme Development
Posted in Projects | Tagged | Leave a comment

Luci Steel

Luci Steel Luci Steel Romberg is a professional stuntwoman in Hollywood, CA. Luci is a member of The Stunt Women’s Association of Motion Pictures and Team Tempest freerunning. Luci has appeared in numerous films, TV shows, commercials, and is Peter … Continue reading

Luci Large

Luci Steel

Luci Steel Romberg is a professional stuntwoman in Hollywood, CA. Luci is a member of The Stunt Women’s Association of Motion Pictures and Team Tempest freerunning. Luci has appeared in numerous films, TV shows, commercials, and is Peter Pan at the Fantasmic! show at Disneyland. As a national champion gymnast and all-conference soccer player in college, Luci’s transition into stunts was seamless.

Technical Requirements:

  • Photoshop Design
  • WordPress Theme Development
  • YouTube API Integration
Posted in Projects | Tagged | Leave a comment

Skrillex Atlanta (12-11-10)

This was a great show. Thanks, Skrillex!

This was a great show. Thanks, Skrillex!

Posted in Music | Leave a comment

The National – Bloodbuzz Ohio

Really into The National lately. Great band. Continue reading

Posted in Uncategorized | Tagged | Leave a comment

Shortcomings of Keynote for iPad

I was asked to look into the capabilities of Keynote for iPad, compared to the Mac version. Here is a quick list I put together. 1. Keynote for the iPad corrupts existing Keynote documents – http://bit.ly/dxReM9 2. No support for … Continue reading

I was asked to look into the capabilities of Keynote for iPad, compared to the Mac version. Here is a quick list I put together.

1. Keynote for the iPad corrupts existing Keynote documents – http://bit.ly/dxReM9

2. No support for custom fonts

3. Problems in handling screen ratios and resolutions

4. Removes Presenter notes

5. Removes master slides and templates

Posted in Reviews | Leave a comment

Mad Men Theme Song … With a Twist

Pure Awesomeness. Continue reading

Posted in Music | Leave a comment

Jeremy Keith on Media Queries

“Instead of thinking in terms of pixel perfection, we should be thinking of proportion perfection.” Continue reading

Instead of thinking in terms of pixel perfection, we should be thinking of proportion perfection.

http://adactio.com/journal/1700/

Posted in CSS | Leave a comment

Album: Passive Me Aggressive You (The Naked and Famous)

I first heard them on a friend’s freerunning videos: Check it out on iTunes.

I first heard them on a friend’s freerunning videos:

Check it out on iTunes.

Posted in Music | Tagged | Leave a comment

Broken Social Scene – 7/4 Shoreline

“If this song doesn’t make your day better you must be dead.” – Youtube comment Continue reading

“If this song doesn’t make your day better you must be dead.” – Youtube comment

Posted in Music | Leave a comment

jQuery Fade in/out on Rollover Effect

Use this to make any element fade smoothly from slightly opaque to fully opaque.

This is jQuery basics, but I figure some people could find it helpful.

What makes this (any animate() transition) smooth is using the stop() function before calling the animate() function. Continue reading

Use this to make any element fade smoothly from slightly opaque to fully opaque.

This is jQuery basics, but I figure some people could find it helpful.

What makes this (any animate() transition) smooth is using the stop() function before calling the animate() function.

var selector = '#yourselector';
var baseOpacity = '.6';
var fadeInVal = '1';
var fadeSpeed = '1000';
$(selector)
.css('opacity',baseOpacity)
.mouseover(function(){
$(this).stop().animate({'opacity':fadeInVal},fadeSpeed);
})
.mouseout(function(){
$(this).stop().animate({'opacity':baseOpacity},fadeSpeed);
})
;

Posted in CSS, jQuery | Leave a comment

AppleScript to import Todos from Things.app into Omnifocus.app

Not sure where I found this script, but if you’re moving from Things.app to Omnifocus.app, this will be really useful. Continue reading

Not sure where I found this script, but if you’re moving from Things.app to Omnifocus.app, this will be really useful.
(more…)

Posted in Apple | 1 Comment

Styling Highlighted Text

Really great, and really simple CSS effect. Continue reading

Really great, and really simple CSS effect.


::selection {
background:#cc0000;
color:#fff;
}

::-moz-selection {
background:#cc0000;
color:#fff;
}

::-webkit-selection {
background:#cc0000;
color:#fff;
}

Posted in CSS | Leave a comment

The National – Afraid of Everyone

Really, really digging this song.

Really, really digging this song.

Posted in Music | Leave a comment

Site Launch: Luci Romberg

Just launched this site and would love some feedback. Luci Steel Romberg is a professional stuntwoman in Hollywood, CA. Luci is a member of The Stunt Women’s Association of Motion Pictures and Team Tempest freerunning. Luci has appeared in numerous … Continue reading

Just launched this site and would love some feedback.

Luci Steel Romberg is a professional stuntwoman in Hollywood, CA. Luci is a member of The Stunt Women’s Association of Motion Pictures and Team Tempest freerunning. Luci has appeared in numerous films, TV shows, commercials, and is Peter Pan at the Fantasmic! show at Disneyland. As a national champion gymnast and all-conference soccer player in college, Luci’s transition into stunts was seamless.

View Site

Posted in Design | Leave a comment

How to not cache XML or RSS feeds

Query strings. Its all about query strings. It is a kinda hacky way of going about this – but basically the concept is you add a variable to your URL (the query string) that is different every time it is … Continue reading

Query strings. Its all about query strings.

It is a kinda hacky way of going about this – but basically the concept is you add a variable to your URL (the query string) that is different every time it is loaded (e.g., a math random function).

In my example, I am using SimplePie, a PHP RSS agregator class, to pull in my flickr photos.

$flickr->set_feed_url(array('http://api.flickr.com
/services/feeds/photos_public.gne?id=83039253@N00=
en-us&format=rss?'.rand(0,99)));

At the end of the URL you will notice ?'.rand(0,99). The ? is the beginning of the query string, and the “.” is concatenating a random number between 0 and 99 onto the end of the URL.

Hope this helps someone.

Posted in Uncategorized | Tagged , , , , , , , , , , | 1 Comment

New Design

So this is like the billionth design this site has been through. I plan on being more active on my blog – share my findings/whatever with the world.

So this is like the billionth design this site has been through. I plan on being more active on my blog – share my findings/whatever with the world.

Posted in Design, Uncategorized | Tagged , , | Leave a comment

Suckerfish IE z-index problem fixed

Place a div around the main ul, and give it a z-index of 999.This took me quite a while to figure out, so maybe this could quickly help someone out.

Place a div around the main ul, and give it a z-index of 999.This took me quite a while to figure out, so maybe this could quickly help someone out.

Posted in Code Libraries, Flash/Actionscript, Tutorials, Uncategorized | Tagged , , , , | Leave a comment

New Portfolio Design

New Design. Any Comments?

New Design. Any Comments?

new comp

Posted in Design, Random, Uncategorized | Tagged , , | Leave a comment

Turning on Safari Web Inspector

All you have to do to open the Web Inspector and hidden Debug menu is to open Terminal (** Make sure Safari is closed **) and enter the following. defaults write com.apple.Safari IncludeDebugMenu 1

All you have to do to open the Web Inspector and hidden Debug menu is to open Terminal (** Make sure Safari is closed **) and enter the following.

defaults write com.apple.Safari IncludeDebugMenu 1
Safari's Web Inspector

Posted in Apple, Random | Tagged , , , , | Leave a comment

XRAY, A New CSS Development Tool

XRAY is a free cross browser tool that lets you see the box model in action for any element, letting you see beneath the skin of any web page. Just click the XRAY button to instantly answer those vital questions: … Continue reading

XRAY is a free cross browser tool that lets you see the box model in action for any element, letting you see beneath the skin of any web page.

XRAY Example

Just click the XRAY button to instantly answer those vital questions: where is the top and left of this element? how big is each margin? how big is the padding? how wide and high is the content box?

Posted in Uncategorized | Tagged , , , | Leave a comment

Project Thumbnails

  • Tpf

    Triple Play Foundation ○ Photoshop Design
    ○ HTML/CSS/JavaScript
    ○ Custom PHP Template

  • Tempest

    Tempest Freerunning ○ Photoshop Design
    ○ HTML/CSS/JavaScript
    ○ Wordpress Template Development
    ○ Facebook, Twitter, YouTube API
    ○ SlideShowPro Director Integration

  • Luci (Steel) Romberg

    Luci (Steel) Romberg ○ Photoshop Design
    ○ HTML/CSS/JavaScript
    ○ Wordpress Theme Development
    ○ YouTube API Integration

  • Chadbonanno

    Chad Bonanno ○ Photoshop Design
    ○ HTML/CSS/JavaScript
    ○ Wordpress Theme Development
    ○ YouTube API Integration

  • Tialynn

    Tia Lynn ○ HTML/CSS/JavaScript
    ○ Wordpress Template Development

  • MailChimp Speed Diagnostics

    MailChimp Speed Diagnostics ○ Photoshop Design
    ○ HTML/CSS/JavaScript

  • Mailchimp V41

    MailChimp 4.1 Landing Page ○ Photoshop Design
    ○ HTML/CSS/JavaScript

  • Pictaculous

    Pictaculous ○ Photoshop Design
    ○ HTML/CSS/JavaScript

  • North Carolina Research Campus
  • Philip Park
  • iibloom
  • Base Camp Studios

    Base Camp Studios ○ HTML/CSS/JavaScript
    ○ Flash Development

  • Stead Retail Group

    Stead Retail Group ○ Photoshop Design
    ○ HTML/CSS/JavaScript
    ○ Wordpress Template Development

  • Szc

    Strike Zone Charters ○ Photoshop Design
    ○ HTML/CSS/JavaScript
    ○ Wordpress Template Development

Project Details

iibloom

iibloom

iibloom.com is a free online community that connects spirituality and everyday life. Through the use of music videos, inspiring articles, discussions, prayer and much more, iibloom.com helps you build a foundation in the Christian faith. No matter where you are in your journey of faith - practicing, non-practicing or just curious - iibloom.com is here to help.

Technical Requirements:

  • HTML/CSS/JavaScript Templates
Philip Park

Philip Park

Although skilled in virtually every medium, Philip never stops learning. He loves exploring new ideas. New methods. New technologies. And this love informs and energizes his creativity. He often consults with my clients at a strategic level, and always provides simple but effective ways to tell their story.

Technical Requirements:

  • HTML/CSS/JavaScript
North Carolina Research Campus

North Carolina Research Campus

North Carolina Research Campus (NCRC) is a public-private venture created by visionary David H. Murdock. At the NCRC, the world’s leading researchers from academia and industry are stimulating discovery and fostering collaboration that is advancing the fields of nutrition, agriculture, and biotechnology. The goal is to enhance the understanding of the links between nutrition and disease in order to translate scientific discovery into new models of prevention, treatment and cures while raising the standards of healthy living for people worldwide.

Technical Requirements:

  • HTML/CSS/JavaScript
  • Flash Animation
Luci Large

Luci Steel

Luci Steel Romberg is a professional stuntwoman in Hollywood, CA. Luci is a member of The Stunt Women’s Association of Motion Pictures and Team Tempest freerunning. Luci has appeared in numerous films, TV shows, commercials, and is Peter Pan at the Fantasmic! show at Disneyland. As a national champion gymnast and all-conference soccer player in college, Luci’s transition into stunts was seamless.

Technical Requirements:

  • Photoshop Design
  • Wordpress Theme Development
  • YouTube API Integration
Chad Bonanno

Chad Bonanno. Designer + Animator

Los Angeles based Designer + Animation Director.

Technical Requirements:

  • Photoshop Design
  • HTML/CSS/JavaScript
  • Wordpress Theme Development
Tpf

Triple Play Foundation

"Using sports to promote education, health, and community service to at-risk youths in the Atlanta and Athens areas. With hard work, respect, integrity, and collective responsibility as our Core Values, we are committed to making progress in society using sports as its medium."

Technical Requirements:

  • Photoshop Design
  • HTML/CSS/JavaScript
  • Custom PHP Template
Tempest Freerunning

Tempest Freerunning

Team Tempest Freerunning is one of the top team of Freerunners in the world. Tempest members have performed Freerunning and parkour in various movies, commercials and live shows. Tempest is based out of Los Angeles LA Hollywood CA California.

Technical Requirements:

  • Photoshop Design
  • HTML/CSS/JavaScript
  • Wordpress Template Development
  • Facebook, Twitter, YouTube API
  • SlideShowPro Director Integration
Tia Lynn

Tia Lynn

Always antsy to get up and go somewhere fabulous, tia’s become a seasoned world-traveler in her time. Her artwork has been duly inspired by her visits to such far-flung locales as South Africa, Sweden, the Caribbean, and even her adopted home, the Peach State of Georgia, which tia says is like living in a lush vacation spot after a childhood in the flatlands of Texas.

Technical Requirements:

  • HTML/CSS/JavaScript
  • Wordpress Template Development
MailChimp Speed Diagnostics

MailChimp Speed Diagnostics

Utility provided by MailChimp to check their server status.

Technical Requirements:

  • Photoshop Design
  • HTML/CSS/JavaScript
MailChimp 4.1 Landing Page

MailChimp 4.1 Landing Page

Landing page for an old version of MailChimp. Circa 2009.

Technical Requirements:

  • Photoshop Design
  • HTML/CSS/JavaScript
Pictaculous

Pictaculous

Pictaculous is a service provided by MailChimp that provides color palettes based on images you upload.

Technical Requirements:

  • Photoshop Design
  • HTML/CSS/JavaScript
Base Camp Studios

Base Camp Studios

Base Camp Studios (now Lightning Road Pictures) is a full service production studio for on-air television production, including promos, special projects and DVD/Blu-ray content. Click to the right to see our Spring 2011 reel.

Technical Requirements:

  • HTML/CSS/JavaScript
  • Flash Development
Stead Retail Group

Stead Retail Group

"Specializing in tenant representation, build-to-suit development, and brokerage we pull from a diverse background to handle the unique needs of retailers in an ever changing market. An unwavering commitment to put our client’s best interest first will always be our number one priority and this dedication has provided us many repeat clients and long-term partners."

Technical Requirements:

  • HTML/CSS/JavaScript
  • Wordpress Template Development
Strike Zone Charters

Strike Zone Charters

"From Blue Marlin, Yellowfin Tuna, Wahoo and Dolphin to Snapper, Grouper and Amberjack to Inshore fishing for Redfish and Speckled trout, Strike Zone Charters based out of Guatemala, we will put you on the fish. Our Professional crew is ready to show you the all inclusive fishing experience of your life!"

Technical Requirements:

  • HTML/CSS/JavaScript
  • Wordpress Template Development