Tag Archives: CSS

Image-less CSS Tooltip Pointers with Polygonal CSS

Image-less CSS Tooltip Pointers with Polygonal CSS

A while back, Tantek Celik released A Study of Regular Polygons, which used a little-known CSS trick to create non-rectangular shapes such as triangles and pentagons with nothing more than an ordinary HTML element.

The tool-tip widget design is common in websites uses a small triangular speech bubble pointer that typically created easily with a background image. Filamentgroup break the typical way and build it with pure polygonal CSS.

website url

Share with Friends
[Facebook] [Jamespot] [Reddit] [StumbleUpon] [Twitter] [Email]

Different Stylesheets for Differently Sized Browser Windows without Javascript

Different Stylesheets for Differently Sized Browser Windows without Javascript

Chris Coyier wrote an article about how to use different style-sheets for differently sized browser windows without java-script. There is a W3C standard way of declaring them. One way is to test the device width with css and another way is with jQuery. The only one problem is using the css technique is IE doesn’t support this.

website url

Share with Friends
[Facebook] [Jamespot] [Reddit] [StumbleUpon] [Twitter] [Email]

Test Your MooTools Code Online with MooShell

Test Your MooTools Code Online with MooShell
Test Your MooTools Code Online with MooShell

MooShell, a utility to test your “MooTool0s” code online. MooShell help you writing and testing HTML, CSS, JavaScrpt and debug Mootools code online. It’s load the result in an iframe. You just need to load the page and edit the fields. You can save the results also. MooShell Currently working with Mootools 1.2.3 only.

website url

Share with Friends
[Facebook] [Jamespot] [Reddit] [StumbleUpon] [Twitter] [Email]