Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community!

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial


Greg Schudel
Greg Schudel
4,090 Points

Coding standard questions...

Couple questions on coding standards...

1.) what does it mean to make your code "modular"?

2.) when making your site from a PSD file to HTML template within the guidelines of "pixel perfect" design, what does it mean to make the template with a vertical rhythm?

3.) Does anyone know of any articles/tuts that show some basic list of CSS/HTML coding "standards" that is objective and close to industry standards? (when I say industry standards, I mean, the basic standards of what a web firm would expect, make sense?Please let me know if more details are needed for this to be clear)

1 Answer

Steven Parker
Steven Parker
225,713 Points

I'll try to address these individually:

  1. Modular design involves dividing code into parts ("modules") which are functionally coherent. Modular components can be characterized as scalable, reusable, and making use of well-defined industry standards for interfaces. Some modularity is possible in plain CSS using different style sheets for each aspect of the overall styling, but it can be carried much further when using pre-processors such as SASS.

  2. In design, vertical rhythm is the structure that guides a reader’s eye through the content. Good vertical rhythm makes a layout more balanced and beautiful and its content more readable. If the rhythm of the page is to be maintained, vertical space should be added and deleted in measured intervals related to the basic leading.

  3. You might enjoy this free reference guide: The Elements of Typographic Style Applied to the Web, and this free guide to Pixel Perfect Precision. But note that "vertical rhythm" is only discussed in the first and not the second.