Nilesh Manohar & Erzsebet Marothi » HTML/CSS

calculate div position

Nilesh Manohar — Thu, 11 Mar 2010 17:01:48 +0000

After trying out loads of ways to find out the position of div in web page I found this be the best code
function getPosition(obj){ var topValue= 0,leftValue= 0; while(obj){ leftValue+= obj.offsetLeft; topValue+= obj.offsetTop; obj= obj.offsetParent; } finalvalue = {'left': leftValue, 'top' : topValue}; return finalvalue; }

In order to use this just use the following

var curPos = getPosition(document.getElementById('divInQuestion')); curPos.left is the postion left and curPos.top is the top position

very nice article on color theory

Nilesh Manohar — Mon, 01 Feb 2010 09:58:03 +0000

Color in design is very subjective. What evokes one reaction in one person may evoke a very different reaction in somone else. Sometimes this is due to personal preference, and other times due to cultural background. Color theory is a science in itself. Studying how colors affect different people, either individually or as a group, is something some people build their careers on. And there’s a lot to it. Something as simple as changing the exact hue or saturation of a color can evoke a completely different feeling. Cultural differences mean that something that’s happy and uplifting in one country can be depressing in another.

CSS Differences in Internet Explorer 6, 7 and 8

Nilesh Manohar — Thu, 15 Oct 2009 08:57:03 +0000

One of the most bizarre statistical facts in relation to browser use has to be the virtual widespread numbers that currently exist in the use of Internet Explorer versions 6, 7 and 8. As of this writing, Internet Explorer holds about a 65% market share combined across all their currently used browsers. In the web development community, this number is much lower, showing about a 40% share.

The interesting part of those statistics is that the numbers across IE6, IE7, and IE8 are very close, preventing a single Microsoft browser from dominating browser stats — contrary to what has been the trend in the past. Due to these unfortunate statistics, it is imperative that developers do thorough testing in all currently-used Internet Explorer browsers when working on websites for clients, and on personal projects that target a broader audience.

Thanks to the many available JavaScript libraries, JavaScript testing across different browsers has become as close to perfect as the current situation will allow. But this is not true in CSS development, particularly in relation to the three currently used versions of Internet Explorer.

This article will attempt to provide an exhaustive, easy-to-use reference for developers desiring to know the differences in CSS support for IE6, IE7 and IE8. This reference contains brief descriptions and compatibility for:

Any item that is supported by one of the three browser versions, but not the other two
Any item that is supported by two of the three browser versions, but not the other one

This article does not discuss:

Any item that is not supported by any of the three browser versions
Proprietary or vendor-specific CSS

Continue to article

Date Display Technique with Sprites

Nilesh Manohar — Tue, 11 Aug 2009 08:40:50 +0000

http://css-tricks.com/date-display-with-sprites/

Cufón – Another sIFR alternative for Font Embedding

Nilesh Manohar — Thu, 26 Mar 2009 13:26:56 +0000

Cufón is similar to Typeface.js which aims to become a worthy alternative to sIFR, and despite its merits still remains painfully tricky to set up and use. Cufón consists of two individual parts as well – a font generator, which converts fonts to a proprietary format and a rendering engine written in JavaScript.

It works on every major browser on the market. There is near-zero configuration needed for standard use cases. And it is fast, even for sufficiently large amounts of text.

Xinha – Online HTML Editor

Nilesh Manohar — Thu, 12 Feb 2009 10:08:44 +0000

I have tried a few online HTML editors like tinymce and FCKeditor. But each of them had some features which the other did not have. So it was always a compromise to use them. Then I cam across Xinha.

This online editor has tons of plugins. My most favorite is the ‘Clear Inline font specifications’. Till now all the applications I have developed that needed a WYSIWYG editor, the users were pasting the content directly from Microsoft Word. And then when the content was rendered the styles did not confirm to the global style of the application. However now using that plugin it clears all the inline font specification.

Go On give it a try …

cool 404 pages

Nilesh Manohar — Tue, 03 Feb 2009 14:19:24 +0000

Found these really cool 404 error pages

Mundofox.com
A 404 error page with a not-so-eloquent Homer.

http://www.apartmenthomeliving.com/404.html

http://huwshimi.com/404/

http://www.jhuskisson.com/404/

http://www.gog.com/en/error/404

http://brightkit.com/404

cool browser icons

Nilesh Manohar — Wed, 03 Dec 2008 14:21:30 +0000

Found this site http://morcha.blogbus.com/logs/30886671.html which has a collection of cool browser icons for free download. The site is in chinese.

Jx – Graphical User Interface for Mootools Library

Nilesh Manohar — Wed, 03 Dec 2008 14:18:33 +0000

Jx is a javascript library for creating graphical user interaces based on the fabulous MooTools library. They provide access to the library as well as extensive documentation and examples. The Jx examples are a set of web pages that illustrate specific Jx components. Simply click on a page in the tree to the left to load the appropriate sample and get started exploring Jx right away.

Free Patterns – Yoo Hoo

Nilesh Manohar — Wed, 03 Dec 2008 14:14:15 +0000

Great and Free patterns at http://patterns.ava7.com/