Monday 7 April 2008

Design Coding: Rap for The Rest of Us

The very awesome iJustine posted this like ten days ago, but I can’t stop watching it, it’s just that yummy.

Just(in)e case you haven’t seen it, I’m re-sharing it here and hope you enjoy it as much as I have!

BTW, who did this bit of brilliance? Where was it filmed?

Comments are open, I want to know.


Design Coding

Your site design is the first thing people see
it should be reflective of you and the industry
easy to look at with a nice navigation
when you can’t find what you want it causes frustration

a clear Call to action to increase the temptation
use appealing graphics they create motivation
if you have animation
use with moderation
cause search engines can’t index the information

display the logos of all your associations
highlight your contact info that’s an obligation
create a clean design you can use some decoration
but to try to prevent any client hesitation

every page that they click should provide and explanation
should be easy to understand like having a conversation
when you design the style go ahead and use your imagination

but make sure you use correct color combinations
do some investigation, look at other organizations
but don’t duplicate or you might face a litigation
design done, congratulations but it’s time to start construction

follow these instructions when you move into production
your photoshop functions then slice that design
do your layout with divs make sure that it’s aligned
please don’t use tables even though they work fine
when it come to indexing they give searches a hard time

make it easy for the spiders to crawl what you provide
remove font type, font color and font size
no background colors, keep your coding real neat

tag your look and feel on a separate style sheet
better results with xml and css
now you making progress, a lil closer to success
describe your doctype so the browser can relate
make sure you do it great or it won’t validate

check in all browsers, I do it directly
gotta make sure that it renders correctly
some use IE, some others use Flock
some use AOL, I use Firefox

title everything including links and images
don’t use italics, use emphasis
don’t use bold, please use strong
if you use bold that’s old and wrong

when you use CSS, you page will load quicker
client satisfied like they eating on a snicker
they stuck on your page like you made it with a sticker
and then they convert now that’s the real kicker
make you a lil richer, your site a lil slicker

design and code right man I hope you get the picture
what I’m telling you is true man it should be a scripture
if it’s built right you’ll be the pick of the litter
everyone will want to follow you like twitter
competition will get bitter and you’ll shine like glitter

if you trying to grow your company will get bigger
design and code right man can you get with it

Filed under:   general
Posted by:   Molly | 19:27 | Comments (22)

Comments (22)

  1. Seriously, who did this? This rap puts me out of a job as of NOW!

    This is damned clever. I want details, please?

  2. You can tell he’s more geek than sheik, his flow is a bit wack. There’s more here:

  3. Looks like his name is Charles (Chuck) Lewis, and he works at

  4. so… I shouldn’t be hatin’ on a coder. This guy’s the man.

    He’s rapping a presentation to what looks like coworkers about link building.

    “Take the time, go inspect and see,
    Take advantage of paid directories,
    If you follow all the steps with a little bit of patience,
    Get links from relevant sites that are favorites,
    Update your content on the regular basis,
    I’m confident you’ll make it to first page placement”

    I want this guy on the circuit with you Molly!

  5. This is clever… Admittedly I had to turn the video off and just read the lyrics after about 30 seconds, but the lyrics are spot on.

  6. Pingback: Design code rap « Richard Eskins

  7. Pingback: We’re Not Wired Right » Blog Archive

  8. Molly, PMichaud posted this on the SitePoint forums last week. Of course, I happened to see it. I’m just wondering – what took you so long to find it, and why didn’t I send it to you via Twitter when I saw it? *ARGGH!!!*

  9. I’ve just started a new job and submitted an accessibility business case. The timing of this couldn’t be better. I’m not sure whether my boss will get the references, but he’ll get some of the headline words and will enjoy the music. I love it! This goes some way towards saying it in a non-geek way.

  10. It’s really clear to understand webmastering (css) rules, only hark the music, good idea . I learned something new

  11. Thanks everyone…To answer the above question; I wrote it and had one of my producers provide the track. We recorded it at Pop Labs (where I work).

  12. I’m using his paid search rap in a preso next week. Yeah, I’ll be gettin some street cred and big ups from my peeps.

    (I have no idea what I just said.)

  13. Pingback: Dtek Digital Media :: News Flash, the Dtek Blog

  14. Pingback: Cult-foo » Daily-foo or we came back.

  15. very cool video clips

  16. very neat =) – please do more

  17. Pingback: Standards Rap

  18. This is the latest and hottest ghd styler ever. If you need a ghd hair straighteners, this is a must buyghd hair straighteners,cheap ghd hair straighteners,pink ghd hair straightenersghd straightenersComme vous pouvez le voir, il s’agit d’une paire de chaussures shox classiquepink ghd hair straighteners . Si vous souhaitez poursuivre la mode, nike shox NZ sont votre meilleu…nike tnCette paire de Nike Shox Torch est chaud en maintenant la chaussurestn chaussures

Upcoming Travels