CSS_herald

53 CSS Techniques You Couldn’t (?) Live Without?

Hi People, its been a while since i’ve posted anything – its been a busy and hectic time here, just taking some time out on Sunday to post something for you that i found of interest.

Its a whole bunch of cool css stuff with links to each of them by smashing magazine, check it out here:

http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/

A couple of the links are broken, CSS-Submit Buttons and Drop Cap – Capital Letters with CSS – if you have these on your hard disk, give us a shout and we can repost it here for everyone to see (we’re never going to shut this site down).

One of my favourites is this one, just a simple nice alert message, looks nice and clean – great stuff:

http://www.bioneural.net/2006/04/01/create-a-valid-css-alert-message/

And the css tabs are nifty as well:

http://exploding-boy.com/images/cssmenus/menus.html

Ok, time for some tea, i’ll be posting back again soon.

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • NewsVine
  • Reddit
  • StumbleUpon
  • YahooMyWeb
  • Google Bookmarks
  • Yahoo! Buzz
  • TwitThis
  • Live
  • LinkedIn
  • Pownce
  • MySpace

Apple iTunes Menu In CSS

CSS-Tricks.com posted this great-looking apple-like css menu, which uses unordered lists – the only problem with it is that it doesn’t work in Internet Explorer yet (damn!) but i’ll have a go later at fixing it myself :-)




Now with AJAX and some CSS-Trickery perhaps the web is becoming just as good as desktop, if not better than it.. if it wasn’t for these cross-browser woes :-(

Web-based Itunes anyone?

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • NewsVine
  • Reddit
  • StumbleUpon
  • YahooMyWeb
  • Google Bookmarks
  • Yahoo! Buzz
  • TwitThis
  • Live
  • LinkedIn
  • Pownce
  • MySpace

Advanced CSS Navigation Menu Trick

Check out the advanced CSS navigation menu first before read the post! Advanced CSS Menu Trick is a new concept of navigation menu solution for modern browsers. Unlike any hovered on menu that changes background image or color only, Advanced CSS Menu Trick can fade out and roll over item on the menu change except the one you are hovering on. It helps visitors to more concentrate on the item they have selected on, and create a new look and feel for the site overall. The menu trick supports any modern browser like IE7, Safari and Firefox as well.

advanced-css-menu-trick

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • NewsVine
  • Reddit
  • StumbleUpon
  • YahooMyWeb
  • Google Bookmarks
  • Yahoo! Buzz
  • TwitThis
  • Live
  • LinkedIn
  • Pownce
  • MySpace

Stickman Labs Accordion Javascript Library

Accordion javascript allows areas of content to be hidden and then activated and shown using a mouse click. It’s widely used on sites where are tight on space or need lots of options on navigation menu.

Stickman Labs Accordion v2.0 Javascript library is a lightweight accordion that is built with Scriptaculous, very easy to use, fast, cross-browser and standards compliant. The script handles nested vertical accordions as well as horizontal, and will also dynamically resize on content added real time.

Stickman Labs Accordion is open source, released under the MIT License, so feel free to do anything you want with it.

stickman_labs_accordion

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • NewsVine
  • Reddit
  • StumbleUpon
  • YahooMyWeb
  • Google Bookmarks
  • Yahoo! Buzz
  • TwitThis
  • Live
  • LinkedIn
  • Pownce
  • MySpace

Coda Slider – CSS Navigation Sliding Tab

Coda Slider is a CSS navigation tabs with sliding animation that was developed with jQuery Javascript library. It would be perfect for your product show or portfolio with a really cool interface effect. Click here to download the file for your projects.

Coda_Slider

Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • NewsVine
  • Reddit
  • StumbleUpon
  • YahooMyWeb
  • Google Bookmarks
  • Yahoo! Buzz
  • TwitThis
  • Live
  • LinkedIn
  • Pownce
  • MySpace

Continue


Google_reader