5 Real-World Ways to Improve Your Web Development Habits


I overheard a conversation between two web developers at my place of employment today that I thought could help other web developers out there in the wide world of web…

One developer had been assigned to a new project and the maintenance of the old website was handed over to the second web developer. Developer Two (D2) was complimenting Developer One (D1): “May I just say you are one hell of a web developer.”

The reason? D2 had been tasked with adding new product pages to the website, pages that look “kind of like this page, but with this other category’s color scheme.” Sounds easy enough on the surface, but any developer will tell you, there’s nothing worse than a simple “yeah, just like that, but with different colors” request.

D2, on the other hand, was able to take the page structure from one page, and the external style sheet from another page, replace the content, and have a new, page within minutes.

D1 went on to explain his web development strategies:

  1. Think in templates. Don’t develop individual pages, rather, develop a set of rules (which will later become external css styles) that can be reused throughout all the pages in that section of the website.
  2. Allow enough time. Typically, template development may take bit longer than page development… but the site will look more consistent (which may be enough to convince a time-centric manager to provide this time). The trade-off pays off in the long run: when you’re asked to add a new page or new section, you’ve already got a framework that you can drop content into. Quick, easy, consistent.
  3. Make your templates clean. Templates should be very clean, from the markup to the concepts behind how the content is developed. You should be able to open your un-styled code in a browser and see a very nicely organized document, complete with hierarchical headings, paragraphs, and outlines. (This also helps with Search Engine placement, too!)
  4. Make your templates durable. You may have 10 sections to your website, but you may only have 3 or 4 types of pages (those, my friend, are your templates). The index page for Category A should be the same template as the index page for Category B, and so on. Yes, the style will change (colors, graphics, etc.), but that’s STYLE-, not CONTENT-, and certainly not TEMPLATE-specific.
  5. Be nice to your replacement. It’s a fact, sooner or later we all get replaced. In this example D1 was assigned to a new project while D2 was assigned to maintain the prior work of D2. Other examples could have one developer moving on to another department, or another company. He could just as easily be hit buy a bus or win the lotto. In any event, the easier it is for the person that comes after you to understand and use/re-use your code, the better! After all, it may be YOU who has to maintain it.

Leave a Reply