1454 Subscribers Subscribe now

July 29th, 2009 - Categories: CSS, Frontend, jQuery

Drop down menu with CSS and jQuery

drop_css_jquery

jankoatwarpspeed.com released an excellent tutorial on how to create an alternative drop down menu using only CSS and jQuery. HTML’s Select element is really useful but impossible to style it the way you want (Hello IE). The other drawback is that it only supports text. With Janko’s solution you can use images too.

Demo: http://www.jankoatwarpspeed.com/examples/reinventing-drop-down/

Download: http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx

0

July 9th, 2009 - Categories: CSS, Frontend

SlickMap CSS

slickmap

“SlickMap CSS is a simple stylesheet for displaying finished sitemaps directly from HTML unordered list navigation. It’s suitable for most web sites – accommodating up to three levels of page navigation and additional utility links – and can easily be customized to meet your own individual needs, branding, or style preferences.”

Features and Benefits

  • Eliminates the need for additional software
  • Easily revised with clients on-the-fly
  • Clickable anchors with visible URLs
  • Design process results in working HTML code

Demo: http://astuteo.com/slickmap/demo/

Download: http://astuteo.com/slickmap/

1

July 8th, 2009 - Categories: CSS, Frontend

MyCSS Grid System

mycss_grid_system

There are many css frameworks out there. I personally don’t use any of those for various reasons. One of them should be the really weird naming conventions used. I just don’t like having divs with names like “lefthdr”. It doesn’t make sense to me. Another and most important reason is that most of the projects i put my hands on do not exceed 200 – 300 lines of css code so there’s no need for a framework.

Loon Design though released a really simple css framework (using weird names once more but it’s a really small file and you can edit them easily) with really small footprint (778 bytes).

Demo: http://kailoon.com/example/framework/

Download: http://kailoon.com/mycss-grid-system/

2