Clearing floats

One of the articles CSS developer should never miss.

HTML5 differences from HTML$, the technical document


this is the document from w3c. HTML5 differences from HTML4

Online HTML/JS/CSS editor with libraries and lot more.

If you are using HTML/CSS/JS you will love this site

JsFiddle is a playground for web developers, a tool which may be used in many ways. One can use it as an online editor for snippets build from HTML, CSS and JavaScript. The code can then be shared with others, embedded on a blog, etc. Using this approach, JavaScript developers can very easily isolate bugs. We aim to support all actively developed frameworks - it helps with testing compatibility.

Jump during slidown in jQuery 1.4.4

Here is little bit history of the issue, the slideDown needs to calculate the height of hidden element before animating 'slideDown' . Javascript cannot calculate height of element unless it is display:'something' not 'none'.
jQuery managed to have workarounds but landed in this bug

fixed it and landed in this smaller issue

now last day i experienced the jump again.
The solution jQuery found:
make position of elemnt absolute
make its visibility hidden
make its display normal.
now take the height.
revert back these changes.
this happens in small time that it doesnt cause prob;ems, else also no visible problem occurs.

now reason for jump:
during position:absolute the width of div depends on parent element with positioning.(unless width is defined fixed number) so if its a paragraph inside a column you are sliding down, the height calculated will be paragraph's height with width, width of body(or positioned elemnt before that).

sliding element Y has no width. Y inherits width from X. make X position relative;

Its hard to understand this unless you are good in positioning,display,visibility etc. just noting down if someone or me myself will find this useful later.

CSS3 Border generator for lazy people.

Here is a border radius generator site that generates Mozilla,web-kit and CSS3 border radius, we just have to type in radius in different corners. Here is the link CSS Border Radius Generator

CSS3 support in ie using behavior, PIE

PIE makes Internet Explorer 6-8 capable of rendering several of the most useful CSS3 decoration features.
PIE currently has full or partial support for the following CSS3 features:
  • border-radius
  • box-shadow
  • border-image
  • multiple background images
  • linear-gradient as background image
Checkout the site here CSS3 PIE: CSS3 decorations for IE

Payoneer Blocked in India

Due to instructions from the Indian local banking authorities, Payoneer Prepaid MasterCard cards will be blocked for local purchases (POS Purchase) made in India within the next few hours, and ATM transactions will probably be blocked soon after.