Keeping abreast of the changes on the interwebs is a never ending battle, most days you feel as if you’re falling behind.

However, one simple way to tell if you’re learning something new is to ask yourself - if I had to do a project over again, what would I change?

Keeping abreast of the changes on the interwebs is a never ending battle—most days you feel as if you’re falling behind.

Lately I’ve had the experience of “duplicating” a website I built for a client six months ago to use on another new website. I thought my first effort was pretty slick - using a CSS grid system (BlueTrip, to be precise). The next time around, I still used BlueTrip (mostly because I didn’t want to reinvent the wheel) but I changed the DTD to html5 and used modernizer to implement some nice CSS3 tricks.

No, the site is not “responsive”, at least not yet. My goal is to make BlueTrip responsive, much like the 1140 grid system is. But nonetheless, there’s a nice fallback for IE6/7. Something I don’t have to worry about using another system.

If you’re aware of developments in the field of web design/development, you know that things move at the speed of light, and most of the time you’re left in the dark. But don’t give up - keep learning/reading/posting. The vast majority of us aren’t like Ethan Marcotte or Jonathan Snook. We’d like to pretend we are, but we aren’t. So we trudge on. And that is good enough.

Mobile is what you want.

What if you could design a website for mobile first?

Don’t say that you saw it here first but…check this out.

Yeehaw! Design for mobile first and you’ll be okay.

Lately at work, I’ve been mixing it up with regards to open-source Windows web development tools.

My Windows FTP client of choice (for the moment) is WinSCP because it is just blazingly fast and supports SFTP. With all the nonsense going today regarding secure domains, SFTP is going to be the standard of the future. I’ve used FileZilla and I’ve got to say, it’s simply a slow turtle compared to WinSCP. Sure, if you make the switch,  new software takes some getting used to, but WinSCP is quality stuff. And it lets you designate your text editor of choice, when editing files remotely. Enter Notepad++

Lately at work, I’ve been mixing it up with regards to open source Windows web development tools.

Now I know that quality, free Windows text editors are few and far between (if you need to know the difference between a text editor and a word processor, consult wikipedia). Nonetheless, I rely on Notepad++ as my text editor of choice. There are a wealth of plugins to do web development with Notepad++.

So that’s it, a short list of how to do web development on a Windows machine without Dreamweaver. How much does is cost? NOTHING.

Just a quick post here, but lately I’ve been experimenting with web fonts and another CSS grid system (YUI Grids).

Enter the Google Font Directory. Stupid simple to set up and implement. Who would’ve thought that web fonts could progress this far for free?

Surprised? Yeah, me too. I was given some comps with “non-web” fonts so of course that sent me packing to look for some good alternatives (we haven’t agreed on Typekit and the like, yet). Enter the Google Font Directory. Stupid simple to set up and implement. Who would’ve thought that web fonts could progress this far for free? Check out the 2010 24ways.org article on the same.

On YUI Grids, there’s a much older 24ways.org article on the implementation, and it still stands the test of time. Why YUI Grids?  Because YUI eats there own dog food. Yahoo serves more web content than I could ever hope to. Besides, it’s hard to fault a microgrid-inspired design that’s only 4kb yet serves up over 1000K layout variations. Thank you, YUI! and I hope the best part you isn’t sold off into obsolescence.

So yeah, working on the web is still cool.

After three jobs (and almost four years of working on the web), I feel that I have something to say about doing web work professionally. The upshot is that if you’re detail-oriented, somewhat particular (aka you sorta like grammar), and you like working with technology, a web-based profession might be right up your alley. However, if you majored in Dance or Environmental Science, I’d look elsewhere.

I’ve had positions where I

1. maintained one large (3000+) page website,
2. created/supported a specialty website (car dealerships) and
3. created and maintained a variety of websites. (Notice the macro-to-micro progression.)

What I liked about maintaining a large website was the predictability; even when our internal customers requested something out of the ordinary, I knew what to expect. In other words, I knew the limitations of what we had to work with. However, that factor contributed to my dissatisfaction with working with a large website; before long you were given a request that you couldn’t accommodate and you had to turn it down. 

What I liked about maintaining a large website was the predictability; even when our internal customers requested something out of the ordinary, I knew what to expect.

When I switched over to creating/maintaining one type of website, I became very good at one type of thing. That’s not so bad when you’re learning the intricacies of PS or DNS, but not so good when you’re weary of that one type of website. Mark my words, if you easily tire of doing one thing, you won’t like this type of web work.

Finally, I’ve created and maintained a variety different websites, from simple e-commerce solutions to full-scale enterprise fronts, everything from a headhunter firm to a bridal-wear provider. Never the same thing twice. If you like VARIETY, this is your schtick. If not, not so much. Just when you thought a particular headache was long gone, the same client comes back with another request and introduces another round of problems.

But not all the time. I’ve found that working on a variety of different websites suites me best. The best part of it is working with many different clients and providing many different solutions—the worst is the same.

Working on the web isn’t for everybody. If you like the feel of grass between your toes, this probably isn’t the field for you. If you like technology and stretching yourself, then yeah, dive in.

I’ve been using MS Expression Web 4 for over a month at work. I hate to say it, but I’m impressed. Really. I’ve used Dreamweaver (CS3 and CS5), Textmate, Coda, and a whole host of other editors. What circumstances lead to this trial experience with MS Expression Web?

It all started when the kind owners of Xeno Media approached me after my first week of work, to see if there was anything else they could do for me. Well, I said, trying to code on this Macbook laptop isn’t going as swimmingly as I’d hoped. Plus I really missed having a dual screen setup, and a real keyboard and mouse…

Monday morning, I came in to see a new Win7 box and dual screen setup in my cube. Sweet!

Monday morning, I came in to see a new Win7 box and dual screen setup in my cube. Sweet! After trudging through a myriad of free open source editors (Notepad ++, Komodo Editor, Aptana, etc.,), and FTP clients (Filezilla, WinSCP, etc.,) I finally struck upon MS Expression Web. It had an integrated FTP client, and code completion (I admit, I’m lazy) and best of all, it had a 60 day trial and only cost $150! Keep in mind that Dreamweaver cost $399, and it doesn’t come with anything else.

Now I realize that this quest for a decent Windows text editor reveals a lot of what I find helpful when coding websites: I like having an “all-in-one” coding environment with code-completion. I don’t need a WYSIWYG component, nor do I need visual CSS hints. So that means that MS Expression Web 4 fits the bill perfectly. Plus it supports SFTP, which CS3 didn’t (not sure about DW CS5 since it’s on my home machine, which I haven’t used much for coding).

I realize that this post classifies me as a doubly uncool web developer, in that I admit that I use Win7 at work (the best O/S from Redmond I’ve ever used) AND that I like a Microsoft product. I know, all the cool kids use OSX and code with Coda, but I have a Macbook Pro and Coda at home, and I’d never willingly code a website with that. Given a choice, I’d rather have Win7 and Expression Web vs OSX and Coda. I know, I’m so out of it.

And I like that. 

This is just a little trick, so small that I am almost ashamed (not quite, but almost) to post.

Set a class on body, and use jQuery to remove it. That’s it. Why would you want to do this?

If JavaScript is disabled, then that class will still exist on the body tag, and you can use CSS to hide whatever effect jQuery was supposed to accomplish.

However, if JavaScript is enabled, the class is removed from the body tag, and the style sheet doesn’t kick in. Easy peasy.

Need an example? Check out www.mchenry.edu.  With JS enabled, the homepage images rotate as usual. With JS disabled (use the Web Developer Toolbar for Firefox), however, the homepage images don’t rotate. Yeah, I know this is simple, but I never promised anything more than simple solutions to simple problems. Thanks, MS (hang in there).

At work I was recently asked to closely “model” (aka rip) a website off of another “brochureware” website that the client liked. (For those of you who don’t know, a “brochureware” site is built off of a printed brochure, of which the client is convinced will solve all of their online communication problems.) I can do that (never mind the various ethical/legal hurdles). However, after working on it for a bit (more like four hours) I was told that the website looked a little narrow, couldn’t “you just make it wider, maybe 960 pixels wide?” Um, okay. The original site was 812 pixels wide. Sigh.

With that one request, I basically had to recode the entire shell. What to do? Grab a CSS framework and start rocking. Okay, I’ve considered most of the detractions for using a CSS framework - it’s a crutch, it keeps one from learning or using CSS, etc. These are valid concerns - if you used a CSS framework exclusively, you’d have a hard time accommodating requests that didn’t fit the framework. Also, if used exclusively, it would be hard to think outside of a CSS framework. I get it.
 

With that one request, I basically had to recode the entire shell. What to do? Grab a CSS framework and start rocking.

However, one of the best parts of using a CSS framework is rapid prototyping (or rapid coding). In the real world, that meant that I could recode the homepage and subpages in a little over an hour. Yeah, because I knew how to manipulate a CSS framework, I could spend the bulk of my time recreating assets in Photoshop. 

Which framework to use? Whatever floats your boat. Since I started with Bluetrip, that’s what I chose, but there are many others.

Listen, most of the complaints against CSS frameworks come from CSS purists (for lack of a better word), who don’t have to crank sites out on the fly. For the rest of us, I say let’s use the best tools at our disposal.

Sorry if I don’t post for awhile.

Sorta comes with the territory of getting a NEW JOB. Yeah, I work for Xeno Media, as a web producer.

I won’t be posting much these days, though that doesn’t mean I’m in stuck the dark ages (just stuck in an antiquated CMS). Thanks for sticking with me.

On a recent job interview (that ended well) I was asked to complete a web skills test. They wanted me to bring in my own laptop and create a webpage “from scratch”.

They gave me a .jpg and told me to turn it into a webpage. Oh boy.

First off, I hardly ever code websites on “my own laptop”. Yes, I love OSX and Coda but since I work in Windows and code w/ DW, it’s not that familiar. (Yes, I admit, I got the Textmate program with an educational discount.) Secondly, who knows the perfect page structure right off the bat? I don’t. When given a design, do you immediately know the perfect semantic page structure? No. You don’t.

It comes to you as you work with the page, as you move it around. What you thought were the headings were REALLY list items as you went along. And of course you have to change the wrapper ID.

As you work with a layout (or design) you change the code as you go along. It’s called coding a web page. So getting back to the skills test…

Yes, I thought I blew it. Yes, I STILL got the job. It goes to show you that if you know the basic structure of an HTML document, you’re worth hiring…