COMICS      BOOKS      BIO 

Kim Lee

Kim is a junior developer. She's only been a programmer a few years, but is smart, learns quickly, and builds great software when she gets the chance.

When she started, she was full on energy, hope, and promise. Then she was moved to support for one month. Three years later, she's still there. She fixes bugs. All day long, every day, and fixes them almost as fast as the other programmers make new ones. Needless to say, she's become disillusioned and has learned very well "what not to do".

She still loves programming but hates her job and all those who make her life miserable, especially her bosses. Will her love of building software outlast her hatred of incompetents and jerks? Only time and metrics will tell.

Inspired by:Wendy, Sarah, Joyce, Cindy, Sharon
Primary Motivation:parole from support
Pet Peeve:anyone who slows her down
Catch Phrase:"Leave me alone! I have work to do!"
Biggest Accomplishment:rewrote all the dev tools
Favorite Movie:Charlie's Angels
Favorite book:Letters to the Eddietor


How Kim is Drawn

Kim is drawn with 19 rectangles, each with a border and some with rounded corners or slanted angles. These rectangles are described by data stored as arguments that are converted by software into HTML that your browser displays as pictures. Check out this Javascript example of code you can play with to alter my characters or create your own. Here are Kim's arguments:

Line left:93 top:28 width:0 height:108 bdrWth:0 leftWth:2 Angle:00
Kim, Jr Dev
Talk left:0 top:0 width:158 bdrWth:10 font-size:15 bdrClr:lavenderblush background:lavenderblush text-align:center ClipWth:275
Kim, Jr Dev
Person left:36 top:144 bdrWth:0
Kim, Jr Dev
BackHair left:4 top:0 width:93 height:79 bdrWth:6 botWth:0 topLftRad:54 topRgtRad:54 background:black ClipHgt:125
Kim, Jr Dev
LeftEar left:0 top:39 width:19 height:19 radius:50% ClipWth:0 ClipHgt:0
Kim, Jr Dev
RightEar left:93 top:39 width:19 height:19 radius:50% ClipWth:0 ClipHgt:0
Kim, Jr Dev
Torso left:-18 top:93 width:145 height:141 radius:63 background:mediumturquoise
Kim, Jr Dev
Face left:9 top:3 width:93 height:93 radius:47 background:#fbc994
Kim, Jr Dev
LeftEye left:28 top:38 width:4 height:4 radius:50% background:lightgray
Kim, Jr Dev
RightEye left:57 top:38 width:4 height:4 radius:50% background:lightgray
Kim, Jr Dev
LeftEyebrow left:25 top:32 width:16 height:16 bdrWth:0 topWth:2 Angle:15
Kim, Jr Dev
RightEyebrow left:54 top:32 width:16 height:16 bdrWth:0 topWth:2 Angle:-15
Kim, Jr Dev
Mouth left:36 top:66 width:19 height:19 radius:50% background:lightcoral
Kim, Jr Dev
Nose left:41 top:48 width:9 height:9 topWth:0 botLftRad:9 botRgtRad:9
Kim, Jr Dev
Earpiece left:90 top:39 width:3 height:9 radius:50% background:black
Kim, Jr Dev
Headset left:51 top:35 width:39 height:39 radius:35% Angle:130 ClipHgt:11
Kim, Jr Dev
Mike left:60 top:75 width:7 height:3 radius:50% background:black
Kim, Jr Dev
FrontHair left:4 top:0 width:93 height:47 bdrWth:6 botWth:0 topLftRad:54 topRgtRad:54 background:black ClipHgt:32
Kim, Jr Dev
Name left:18 top:104 bdrWth:0 font-size:14 background:mediumturquoise
Kim, Jr Dev

The Resulting HTML Code

<div id='Panel1' class='aaa' style='position:relative; width:178px; height:268px; border:2px solid; background-color:lavenderblush; color:black; display:inline-block; vertical-align:top; font-family:Comic Sans MS,cursive,sans-serif; margin-right:10px; overflow:hidden; margin-bottom:5px; '>

<div id='Line' class='abs' style='left:93px; top:28px; width:0; height:108px; border-width:0; border-left-width:2px; transform:rotate(00deg); '></div>

<div id='Talk' class='abs' style='left:0; top:0; width:158px; border-width:10px; font-size:15px; border-color:lavenderblush; background:lavenderblush; text-align:center; clip:rect(0 275px 9999px 0); font-weight:bold; '> BLAH BLAH BLAH</div>

<div id='Person' class='abs' style='left:36px; top:144px; border-width:0; '>

<div id='BackHair' class='abs' style='left:4px; top:0; width:93px; height:79px; border-width:6px; border-bottom-width:0; border-top-left-radius:54px; -moz-border-top-left-radius:54px; -webkit-border-top-left-radius:54px; border-top-right-radius:54px; -moz-border-top-right-radius:54px; -webkit-border-top-right-radius:54px; background:black; clip:rect(0 9999px 125px 0); '></div>

<div id='LeftEar' class='abs' style='left:0; top:39px; width:19px; height:19px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; clip:rect(0 0px 0px 0); '></div>

<div id='RightEar' class='abs' style='left:93px; top:39px; width:19px; height:19px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; clip:rect(0 0px 0px 0); '></div>

<div id='Torso' class='abs' style='left:-18px; top:93px; width:145px; height:141px; border-radius:63px; -moz-border-radius:63px; -webkit-border-radius:63px; background:mediumturquoise; '></div>

<div id='Face' class='abs' style='left:9px; top:3px; width:93px; height:93px; border-radius:47px; -moz-border-radius:47px; -webkit-border-radius:47px; background:#fbc994; '>

<div id='LeftEye' class='abs' style='left:28px; top:38px; width:4px; height:4px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:lightgray; '></div>

<div id='RightEye' class='abs' style='left:57px; top:38px; width:4px; height:4px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:lightgray; '></div>

<div id='LeftEyebrow' class='abs' style='left:25px; top:32px; width:16px; height:16px; border-width:0; border-top-width:2px; transform:rotate(15deg); '></div>

<div id='RightEyebrow' class='abs' style='left:54px; top:32px; width:16px; height:16px; border-width:0; border-top-width:2px; transform:rotate(-15deg); '></div>

<div id='Mouth' class='abs' style='left:36px; top:66px; width:19px; height:19px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:lightcoral; '></div>

<div id='Nose' class='abs' style='left:41px; top:48px; width:9px; height:9px; border-top-width:0; border-bottom-left-radius:9px; -moz-border-bottom-left-radius:9px; -webkit-border-bottom-left-radius:9px; border-bottom-right-radius:9px; -moz-border-bottom-right-radius:9px; -webkit-border-bottom-right-radius:9px; '></div>

<div id='Earpiece' class='abs' style='left:90px; top:39px; width:3px; height:9px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; '></div>

<div id='Headset' class='abs' style='left:51px; top:35px; width:39px; height:39px; border-radius:35%; -moz-border-radius:35%; -webkit-border-radius:35%; transform:rotate(130deg); clip:rect(0 9999px 11px 0); '></div>

<div id='Mike' class='abs' style='left:60px; top:75px; width:7px; height:3px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; background:black; '></div>

</div> <!close Face>

<div id='FrontHair' class='abs' style='left:4px; top:0; width:93px; height:47px; border-width:6px; border-bottom-width:0; border-top-left-radius:54px; -moz-border-top-left-radius:54px; -webkit-border-top-left-radius:54px; border-top-right-radius:54px; -moz-border-top-right-radius:54px; -webkit-border-top-right-radius:54px; background:black; clip:rect(0 9999px 32px 0); '></div>

<div id='Name' class='abs' style='left:18px; top:104px; border-width:0; font-size:14px; background:mediumturquoise; font-weight:bold; '>,&nbspJr&nbspDev</div>

</div> <!close Person>

</div> <!close Panel1 ()>