Discussing the nuts and bolts of software development

Friday, May 02, 2008

 

Design Guidelines with Style

I'm not going to go into detail about the benefits of using CSS, which have been covered so many times before. In short, it provides a convenient way to separate presentation logic from actual web markup, it reduces duplication of style-related code, and best of all it's incredibly flexible! Ah, but that flexibility is a bit of a double-edged sword: allowing many ways to do the same thing means similar things will likely be done differently in different places, gradually leading to a mess of files which is a nightmare to maintain.

If you don't believe me, install a tool like FireBug and pull up a favourite large-scale web site. Set a small goal for yourself, like changing the colour of an entire page's background, or changing the bottom margin of all headings across all pages, something that should ideally only be a few lines to fix. Is it really as easy as it sounds? The answer is likely no, and there are many factors that can contribute to this:
Even well-meaning developers will make mistakes while modifying files that were started by others. If the existing file already does the same thing in several ways, which way should one use? What if the particular file only defines one way of doing it, but other files use a different method? What if the existing way is consistent, but far from optimal? Refactoring one CSS file (let alone several) is a remarkably grueling and time-consuming task. Is this unavoidable? No! It just requires a little planning and a little discipline.

The trick is to set up (and subsequently follow!) some design guidelines to make sure everyone starts, and most importantly stays, on the same page. This is best done at the beginning of a project, but it's never too late to start doing something right. For example, here are some things you may want to set guidelines for:
There is no right or wrong answer to any of those questions. What's important is to give each option some thought, and decide which is best for your particular needs. These are design decisions that involve real trade-offs in maintainability, functionality and resource needs, and just like any other design decisions, they will have a real impact on the outcome of the site. Deciding upon and following through on just a few well-defined guidelines makes these factors clear, and provides an optimal environment for developers to write maintainable code.

Labels: ,


Comments:
It will be useful for high school students to check https://eduessayhelper.org/blog/graduation-speech out. Here you can find advices on writing your graduation speech.
 
Thank you for the information, i found the information very useful. If anyone looking for Web Designing training in Bangalore i suggest Apponix Technologies, they provide best Web Designing training. For more information visit : https://www.apponix.com/web/index.html
 
I am glad to see this brilliant post. all the details are very helpful and good for us, keep up to good work.I found some useful information in your blog, it was awesome to read, thanks for sharing this great content to my vision, keep sharing.
UI UX design classes in Pune

 
This is likewise a decent post which I truly appreciated perusing. It isn't each day that I have the likelihood to see something like this..

Full Stack Developer Course with Placement
 
Trade has provided a plethora of opportunities for growth, including proof of funds providers for businesses.
 
Guilin HBM Health is a US Based healthcare brand that aspires to become one of the best protective mask supplier.


 
Thanks for sharing such a useful and informative content, your post is awesome that will be understanding.
 
Thanks for sharing such an awesome article it was really wonderful experienced reading this. For more such articles you can visit our site - UI/UX Design Classes in Pune
 
Post a Comment



<< Home

This page is powered by Blogger. Isn't yours?