Update on February 22, 2013 Let’s get to the details on how to write the HTML markup, really. Write pure text of everything Enclose all texts in semantic HTML tags — don’t use <div> and <span> Add lists — <ul>, <ol> Add headings — use only <h1> Add sectioning elements like <header>, <nav>, <section> Check…

Let’s say you have this line on your webpage: Hey guys, you may email me at yoyo@whatsup.heh or call me at 14344. and you want to break the line right after the word “or”. Do you do this: [code lang=”html” title=”HTML”] <p>Hey guys, you may email me at <a href="mailto:yoyo@whatsup.heh">yoyo@whatsup.heh</a> or<br> call me at <a…

Module block [code lang=”html”] <div class="mod"> <div class="mod-cr"> <div class="mod-hd"><h3 class="mod-heading">Heading label</h3></div> <div class="mod-ct"></div> </div> </div><!–.mod–> [/code] This is the basic structure of every content block in your webpage. This way, it would be modular, meaning, you could move it anywhere in the page without too much dependency on other elements. Update – Nov 12,…

::selection [code lang=”css” highlight=”2,3,8,9″] ::-moz-selection { color:#fff; background: #00b6f2; text-shadow: none; } ::selection { color:#fff; background: #00b6f2; text-shadow: none; } [/code] Hex color value #00b6f2 is a nice shade of cyan Font color is white Image replacement [code lang=”css” highlight=”6″] /* * Image replacement */ .ir { display:block; background-color: transparent; border: 0; overflow: hidden; /*…