Category Archives: web design

online web copy

Web Design Ledger’s Setting Up Readable Online Web Copy using CSS

i got into web development because i wanted to produce and highlight web writing (and i thought it would be a useful skill i could apply in any career, if nothing else). it was my way of being in publishing and working with words while also dabbling with graphic design and programming. that last part i didn’t know until after i was deeply entrenched in web development, but it turns out that this is a good area for me. i’m putting the finishing touches on my pro bono web site project and am giving myself a pat on the back for having learned all of the tips listed in the article above so that by the time i read the article i could say: “awesome! i already do that!”

when it rains, it pours

(m: that cliché was just for *you*.)

in the past three weeks, i have not only redesigned this blog, but also helped launch one web search tool, two web sites, and one web app. it’s beautiful and so satisfying to see projects run to Fruition. but Fruition is a funny little beast. when projects get to him, you realize that now you need his sibling, Maintenance. suddenly, instead of squashing bugs, you are scouring the project, looking for Tiny Detail and making sure he not only functions but also looks good. you are adding a few pixels of space here, decreasing it elsewhere; you are replacing accented characters with their html entities because you hate it when there is garbage text on a web site and you have Standards. ahhhhh, Standards…there’s a beast that needs a really big cage. really big.

redesign

finally a redesign i can live with. i loved the old design but it was dated, didn’t work well on mobile devices, and wasn’t as useful or as pretty as it could have been. but don’t worry – it’s still saved in the background. this is still a work in progress but once finished, should age gracefully. like cheese, wine, and my jokes.

plagiarism

this is the original: Ball Pool

this is the guy who copied the above, didn’t credit him, and even had the nerve to keep the same names of the javascript files: i don’t even want to name him

i’m pretty sure they are not the same dude. i want to write mr. doob and let him know. i want to be a tattle tale. i feel strongly that you should give credit where credit is due. (i put the credits in comments in my code.) maybe mr. doob gave him permission to use his stuff. but he-who-shall-not-be-named was nominated for a css design award. dude, don’t be a d**k.

9:06 a.m.: i did it. i sent him a tweet about the plagiarism. let’s see what happens.

brilliant or stupid?

curriculum vitaes on web design ledger

way back in the day when i first went to look for a web design job, i put it together in quark and implemented gill sans (it wasn’t that popular back then, believe it or not) on cream-colored 60lb paper. i added a few horizontal rules along the top- and right-hand sides and thought it looked like just the right amount of “not done in word.”

i don’t love most of these examples, but they are food for thought. what would my resume look like now? would i use a visual metaphor? would it contain photos? would i mention that i can’t be found on facebook? would i print it on some funky paper? how would i design my online CV?

search form

for most programmers, a search form is ubiquitous and easily implemented. they have been around since the beginning of the internet. lots of content management systems ship with them. they can be programmed in a variety of languages. i have just built my own personal custom search form using 2 languages: xslt (which i used to know in a very rudimentary way and now know much better) and php (which i know absolutely nothing about but have pieced together bits and pieces and produced a snippet of code that i didn’t find anywhere on the internet). i feel pretty proud of myself and am resting on my laurels for the rest of the night in celebration.

why

why don’t i think of these things: mrdoob.com. do you see the squiggly line underneath the link? so simple and yet it’s the first time i’ve seen this on the web. all it requires is just a few little css rules on the anchor tag and one itty bitty image.

the beauty of the web: i got online this morning to search for a web site that i thought was cool but couldn’t remember the url, or when i saw it, or the scripting it uses. so i started googling cool flash web sites but that really didn’t get me anywhere so i moved on to digg – also nada. then i got the brilliant idea to search delicious and that’s when i started to make progress. so i got to the exciting squiggly line mentioned above by going from here but before that, i was here and before that, it all started because dan cederholm posted it to his site on 27 may 2010. but when i first started my search this morning i couldn’t remember that i saw it on stopdesign, so i did this and remembered.