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 »
CSS style property z-index determines the stack order of an element overlapping with others. There might be times when you find it not working for you and element with a bigger z-index falls behind one who has a smaller one. Frustrating but why? First, make sure the elements who has z-index property also has position:relative …
As ugly as it can get, an image displayed in IE in dimensions other than its original physical sizes would look rugged. So how to smoothen scaled images in IE? An engineer at flickr revealed the secret: img { -ms-interpolation-mode:bicubic; } That’s it! Just add the rule to your stylesheet!
Update: added 1 more rule. CSS is not hard to learn yet tricky to master. What differentiates a veteran from a bunch of rookies is scale. The C language isn’t that sophisticated to crack — though still need quite a few months to get through the core and be properly trained — but there’s apparently …
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 »
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 …
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 »
Update: There’s actually one more font you can use freely and safely across platforms, that is Tahoma. Update: Alright, there’s actually 3 more web safe fonts you can use. Check them out here.
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 …
3 column layout, left and right fixed width, center fluid Read More »
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; …
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 …
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 »
