CSS & HTML Tips

Check for file size with JavaScript before uploading

File uploading is a rather common feature of interactive sites. As all servers come with a limit on the size of the file being uploaded, it would be a usability blessing for users if web developers can implement a logic to check for the file size before uploading, informing the user if the size of …

Check for file size with JavaScript before uploading Read More »

Let’s use Lucida Grande for a change – 13 web safe fonts revisited

The 10 web safe fonts, Arial, Impact, Georgia, Times New Roman, Trebuchet MS, Comic Sans MS, Verdana, Tahoma — ahhh, wait a minute, I can’t remember the last 2. Let me take a look at the 9 web safe fonts, ok, it’s Courier New and Arial Black. Tahoma isn’t included in the 9 browser safe …

Let’s use Lucida Grande for a change – 13 web safe fonts revisited Read More »

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> you can merely rely on the ID …

ID as HTML named anchors Read More »

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 neglectable implementation of the tag <comment> in both Internet Explorer Windows and Internet Explorer Mac. You are <comment>not</comment> browsing on Internet Explorer. You are not browsing on Internet Explorer. In IE, …

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

Make elements translucent & semi-transparent with CSS – the bulletproof solution to CSS transparency

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; …

Make elements translucent & semi-transparent with CSS – the bulletproof solution to CSS transparency Read More »

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 …

HTML5 adopted by W3C Read More »

Create your first web page – Learn XHTML and Make Web pages

Aboslutely! If you are a total rookie in manipulating web pages, never having the chance to know how web pages work and wanting to learn about it or even trying to spin some out. Listen to this. Everything here you are told, in this naive article, is pure gold. And everything else, other than those …

Create your first web page – Learn XHTML and Make Web pages Read More »

Scroll to Top