Google
 

Archive for the 'CSS & XHTML Tips' Category

PSD to HTML service is not easy, but I’m determined.

To provide this service to the highest standards, it’s really not that easy, takes time and toil. Not to mention it’s directly dealing with picky customers and anything could go wrong.
Most of the customers are reasonable and easy going but still quite a number of them are rather demanding of the work or just don’t have a [...]

My CSS reset, reset.css

CSS reset is indispensable in professional web design / front end development to give you a easier starting point in all modern browsers. It reduces your effort to achieve cross-browser consistency, saves time and makes it all easier to debug.
If you haven’t got one yet, I suggest you come up with one for yourself now [...]

ID as HTML named anchors

Well, recently I have come across quite some tricks that will help web developers to spin out better web pages and one of them is this: actually, you don’t have to use <a name=”xxx”>xxx</a> for named anchors, in the example of
<h2 id=”cottage”><a name=”cottage”>grandpa’s warm cottage</a></h2>

Proprietary HTML comment tag in Internet Explorer of both Windows and Mac

Rarely heard of it from any of the popular web design / development sites (blogs, forums, info portals and so forth), there’s actually a small implementation of the tag <comment> in both Internet Explorer Windows and Internet Explorer Mac.
You are <comment>not</comment> browsing on Internet Explorer.

The 9 web-safe fonts


3 column layout, left and right fixed width, center fluid

There’s this 3 column layout,  in 3 <div>s of course, and the left one as well as the right one is floated to both sides with a fixed width, say 200px. The center column is fluid in width, stretching as far as its neighbors’ borders.
Now how can we make out a layout like this in [...]

Make elements translucent with CSS - the bulletproof solution

Take a div of class translucent for example, you can literally make it translucent with the following CSS rules. It’s bulletproof, meaning that all the browsers will render it as you have specified. Enjoy!
div.translucent { /* this class makes a window partially transparent */
    opacity: .5;               /* Standard style for transparency */
    -moz-opacity: .5;          /* Transparency [...]

HTML5 adopted by W3C

News for the web development community: The new W3C HTML Working Group has voted to adopt the HTML5 draft specification comprising the Web Apps 1.0 and Web Forms 2.0 specifications developed and copyrighted as far by major browser companies Mozilla Foundation, Apple Inc., and Opera Software ASA under the umbrella of WHAT-WG, or Web Hypertext Application Technology [...]

Page 1 of 2:12»