12 Principles to keep your code clean
By http://www.psd2htmlwordpress.com
Advantages of Clean Coding • Less amount of bugs will be there due to clean coding which will lead to better website design • With less amount of HTML code it will be easier for the developer to judge what code is doing what. • Loading time of the website will be fast • Saves time and money
Strict DOCTYPE • It is an instruction to the web browser about what version of HTML the page is written in.
• DOCTYPE Declaration
Character set & encoding characters • Properly encodation of funny characters must be done to avoid any misinterpretation
Proper indentation • Proper indentation must be done as it is easier to read and debug • Always indent one tab
Keep your CSS and JavaScript external • Use external CSS and JavaScript • Future pages can link to them • Changing the design on multiple pages become easy
Nest tags properly â&#x20AC;˘ Nesting of tags must be done properly â&#x20AC;˘ Opened tags must be closed in the reverse order. E.G. <i><b>This is my sentence of text.</b></i>
Eliminate unnecessary divs â&#x20AC;˘ Minimize the use of div tag â&#x20AC;˘ Make debugging and editing easier.
Use better naming conventions â&#x20AC;˘ Use meaningful naming conventions
Validate â&#x20AC;˘ Run the code through the olâ&#x20AC;&#x2122; validator machine to pick up small mistakes â&#x20AC;˘ Validated code is certain to outlive non-validated code.
Contact Info
PSD to HTML Wordpress www.psd2htmlwordpress.com Y8,Block EP,Sec – v Salt Lake, Kol – 700091,India PH : +913340200838 Email:info@psd2htmlwordpress.com
Thank You