links - beautiful code

"Code is poetry." And "Beautiful code is easy!"
Well-organised and meaningful code is easier for you to edit, easier to add and change css styles, easier for search engines to find your site.

Go to The "HTML-Begin" files at http://tibetangeeks.com/technologies/web_development/html-begin/ to learn the HTML tags, images and video on your page, fixing problems, and more.

Do you have more to add? Please let us know at the contact form

beautiful code - tools

Clean up your Web pages with HTML TIDY http://tidy.sourceforge.net/#binaries App to clean up HTML code. SourceForge : 2010
Cleaning Up HTML Coding http://www.htmlbasictutor.ca/clean-html-code.htm Step-by-step code examples, and why it is important. HTML Basic Tutor : 2010

beautiful code - what it is

Boss James' Big Rules for good HTML http://tibetangeeks.com/technologies/web_development/html_guidelines/html-guidelines.html The general rules, with code examples. And why it is important. TibetanGeeks : 2010
My top 5 HTML coding preferences http://cssglobe.com/post/7088/my-top-5-html-coding-preferences "Every coder has his/her own coding style based on personal preferences. Not all of us markup the document in a same way. Some decide to choose one element while other coders prefer some other solution. In this article I will list 5 of my most usual coding preferences and explain my reasons." Alan Grakalic - CSS Globe : January 2010
POSH - Plain Old Semantic HTML http://www.456bereastreet.com/archive/200711/posh_plain_old_semantic_html/ It's easy. Just: * Validate your HTML * Don't use tables for layout * Use html elements for their purpose (a header is h1, not a bold paragraph) * Use class names and id values that have a meaning (class="sidebar", not class="x1") * Use as little HTML as will get the job done 456 Berea Street : November 2007
What beautiful HTML code looks like http://css-tricks.com/what-beautiful-html-code-looks-like/ "Code? Beautiful? Sure. After all, Code is Poetry. ... what makes beautiful code? In HTML, it comes down to craftsmanship." Chris Coyier : November 2009

speed and compression

Best practices for speeding up your website http://developer.yahoo.com/performance/rules.html "35 best practices divided into 7 categories." What they are, why to do them, and how-tos. Yahoo : 2010
CSS minifiers comparison http://www.phpied.com/css-minifiers-comparison/ "Compared CSSTidy with best compression, YUICompressor and MS Ajaxmin. ... CSSTidy looks the best, but there really isn't that big of a difference between the three ... especially if you take into account gzipping. On average you get about 35% size reduction when you minify, and 80% when you gzip the minified CSS. ... your users only download 19-20% of what they would normally." Stoyan - PHPied : October 2010
Reducing the payload http://www.phpied.com/reducing-tpayload/ How to gzip and minify the html, css, and javascript on your site - pages load faster, use less bandwidth. Stoyan - PHPied : December 2009
YSlow http://developer.yahoo.com/yslow/ "YSlow analyzes web pages and suggests ways to improve their performance based on a set of rules for high performance web pages. YSlow is a Firefox add-on integrated with the Firebug web development tool." Yahoo : 2010
YSlow performance extension for FireBug http://www.phpied.com/yslow-performance-extension-for-firebug/ Shows you where your page is slowing down. Very useful tool from Yahoo. Stoyan - PHPied : July 2007

standards - validation tools

HTML Validator - Firefox plugin http://users.skynet.be/mgueury/mozilla/ Check your HTML code in your (Firefox) browser; don't need internet connection. Marc Geuery : 2010
W3C Markup Validation Service http://validator.w3.org/ Check your HTML code by URL, uploading file, or pasting in code. Very useful! W3C : 2010

standards - who decides

The Web Standards Project http://webstandards.org/ "The Web Standards Project is a grassroots coalition fighting for standards which ensure simple, affordable access to web technologies for all." Web Standards Project : 2006
Web Hypertext Application Technology Working Group (WHATWG) http://www.whatwg.org/ The group defining the standards for HTML 5. WHATWG : 2009
Web Standards Group http://webstandardsgroup.org/ " The Web Standards Group is for web designers & developers who are interested in web standards (HTML, XHTML, XML, CSS, XSLT etc.) and best practices (accessible sites using valid and semantically correct code). We aim to: * Provide web developers and designers with a forum to discuss issues and share knowledge (via our discussion list and regular meetings) * Provide web standards information and assistance to developers * Promote "web standards" within the development community" Web Standards Group : 2006

standards - why

Developing with Web Standards http://www.456bereastreet.com/lab/developing_with_web_standards/full/ "This document explains how and why using web standards will let you build websites in a way that saves time and money for the developer and provides a better experience for the visitor. Also discussed are other methods, guidelines and best practices that will help produce high-quality websites that are accessible to as many as possible." Roger Johansson : Aug 2006
W3C Validation: why you should care, and why not http://yoast.com/w3c-validation-seo/ "A look at the pros and cons of W3C validation." Joost de Valk - Yoast.com : June 2010

More html_n_css info on this site

html_n_css-history-links.html html_n_css-beautiful_code [ to directory ]

Find this file at http://tibetangeeks.com/technologies/web_development/html_n_css-beautiful_code-links.html

This page could not be here without: all the web warriors who ask questions so i can look up answers and put them here ... all the experts who write so we can find and learn ... Jeff Lebow for hosting ... TheFreeDictionary for cool word-lookup-clicking ... all the coders, standards-makers, and browser vendors who make up more great things we can do on the web ... Tim Berners-Lee for inventing this magical www thing ... gnu linux | vi | bash to make me zoom ... all my sponsors who enable me to have the freedom to make it ... my tech teachers and my life teachers ... ... gee i don't know where to stop ... it's that interdependence thing, folks!