Design Freebies » CSS http://www.design-freebies.com Just another WordPress weblog Thu, 22 Jul 2010 11:45:58 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 Create jQuery and CSS based Awesome navigationhttp://www.design-freebies.com/jquery/create-jquery-and-css-based-awesome-navigation/ http://www.design-freebies.com/jquery/create-jquery-and-css-based-awesome-navigation/#comments Mon, 21 Jun 2010 07:34:58 +0000 bogdan http://www.design-freebies.com/?p=1366 Related Freebies :
  1. How to Create a Nifty Dynamic Shadow with jQuery
  2. Elegant glass style navigation bar using CSS and toggle animated effect
  3. JQuery Multi-Level Menu
]]> Create jQuery and CSS based Awesome navigation.

If you have less space on site home page and you need a simple but awesome jquery based navigation then you came in right place. Check out 99Points ’s ideea about this problem

Website: jQuery Tutorial: Create jQuery and CSS based Awesome navigation.

Related Freebies :

  1. How to Create a Nifty Dynamic Shadow with jQuery
  2. Elegant glass style navigation bar using CSS and toggle animated effect
  3. JQuery Multi-Level Menu

]]> http://www.design-freebies.com/jquery/create-jquery-and-css-based-awesome-navigation/feed/ 0 AJAX Calendar Widgethttp://www.design-freebies.com/ajax/ajax-calendar-widget/ http://www.design-freebies.com/ajax/ajax-calendar-widget/#comments Sat, 22 May 2010 08:05:13 +0000 bogdan http://www.design-freebies.com/?p=987 Related Freebies :
  1. Follow & Tweet Widget – Another jQuery Plugin
  2. JQuery customizable and dinamic interface – iGoogle style
  3. HD Black And White Illustration Collection
]]> ajax date time pickerThe Any+Time JavaScript Library includes a highly-customizable, jQuery-compatible datepicker/ timepicker (calendar/ clock widget) and a powerful Date/String parse/format utility.

Website: Any+Time™ DatePicker/TimePicker AJAX Calendar Widge

Related Freebies :

  1. Follow & Tweet Widget – Another jQuery Plugin
  2. JQuery customizable and dinamic interface – iGoogle style
  3. HD Black And White Illustration Collection

]]> http://www.design-freebies.com/ajax/ajax-calendar-widget/feed/ 0 jQuery CSS Clip Animation Pluginhttp://www.design-freebies.com/css/jquery-css-clip-animation-plugin/ http://www.design-freebies.com/css/jquery-css-clip-animation-plugin/#comments Thu, 20 May 2010 07:59:12 +0000 bogdan http://www.design-freebies.com/?p=979 Related Freebies :
  1. Realtime Related Tweets JQuery Plugin
  2. Follow & Tweet Widget – Another jQuery Plugin
  3. jQuery draggable and multi draggable plugin
]]> animated clip

Here’s a simple jQuery 1.2.6 “plugin” to extend the animate function to support animation of the clip property.

Website: jQuery CSS Clip Animation Plugin

Related Freebies :

  1. Realtime Related Tweets JQuery Plugin
  2. Follow & Tweet Widget – Another jQuery Plugin
  3. jQuery draggable and multi draggable plugin

]]> http://www.design-freebies.com/css/jquery-css-clip-animation-plugin/feed/ 0 Pure CSS speech bubbleshttp://www.design-freebies.com/css/pure-css-speech-bubbles/ http://www.design-freebies.com/css/pure-css-speech-bubbles/#comments Sun, 16 May 2010 12:09:26 +0000 bogdan http://www.design-freebies.com/?p=949 Related Freebies :
  1. Easy display switch using CSS and JQuery
  2. Mootools:Beautiful Thumbnail Hover Effect
  3. On-Stage: Free Vector PSD Icon Set
]]> _1Great solution for using speech bubbles using only CSS.

Website: Progressive enhancement: pure CSS speech bubbles

Related Freebies :

  1. Easy display switch using CSS and JQuery
  2. Mootools:Beautiful Thumbnail Hover Effect
  3. On-Stage: Free Vector PSD Icon Set

]]> http://www.design-freebies.com/css/pure-css-speech-bubbles/feed/ 0 3D Ribbons Only Using CSS3http://www.design-freebies.com/css/3d-ribbons-only-using-css3/ http://www.design-freebies.com/css/3d-ribbons-only-using-css3/#comments Sat, 15 May 2010 12:06:48 +0000 bogdan http://www.design-freebies.com/?p=945 Related Freebies :
  1. Old School Clock with CSS3 and jQuery
  2. Fancy web form with field hints using CSS3
  3. Rounded corners with CSS2 & CSS3
]]> How To Create Depth And Nice 3D Ribbons Only Using CSS3Tutorial that lets you create very nice 3D ribbons for your website using only CSS3. I’m sure this will come useful for many designers.

Website: How To Create Depth And Nice 3D Ribbons Only Using CSS3

Related Freebies :

  1. Old School Clock with CSS3 and jQuery
  2. Fancy web form with field hints using CSS3
  3. Rounded corners with CSS2 & CSS3

]]> http://www.design-freebies.com/css/3d-ribbons-only-using-css3/feed/ 0 Old School Clock with CSS3 and jQueryhttp://www.design-freebies.com/jquery/old-school-clock-with-css3-and-jquery/ http://www.design-freebies.com/jquery/old-school-clock-with-css3-and-jquery/#comments Fri, 14 May 2010 12:04:04 +0000 bogdan http://www.design-freebies.com/?p=942 Related Freebies :
  1. 3D Ribbons Only Using CSS3
  2. Polaroid photo viewer with jQuery and CSS3
  3. Fancy web form with field hints using CSS3
]]> Old School Clock with CSS3 and jQueryWith this resource you can create a very nice old school clock with CSS and jQuery. Hope you’ll find this useful in your design.

Website: Old School Clock with CSS3 and jQuery

Related Freebies :

  1. 3D Ribbons Only Using CSS3
  2. Polaroid photo viewer with jQuery and CSS3
  3. Fancy web form with field hints using CSS3

]]> http://www.design-freebies.com/jquery/old-school-clock-with-css3-and-jquery/feed/ 0 Fancy web form with field hints using CSS3http://www.design-freebies.com/javascript/fancy-web-form-with-field-hints-using-css3/ http://www.design-freebies.com/javascript/fancy-web-form-with-field-hints-using-css3/#comments Wed, 12 May 2010 10:53:25 +0000 bogdan http://www.design-freebies.com/?p=932 Related Freebies :
  1. Rounded corners with CSS2 & CSS3
  2. Fancy Thumbnail Hover Effect
  3. Old School Clock with CSS3 and jQuery
]]> _1

Here you have a very nice trick for using field hints with only CSS3. The best part is that you don’t need to use JavaScript. Thanks skyrocketlabs.com for this trick.

Website: Create a fancy web form with field hints using only CSS3

Related Freebies :

  1. Rounded corners with CSS2 & CSS3
  2. Fancy Thumbnail Hover Effect
  3. Old School Clock with CSS3 and jQuery

]]> http://www.design-freebies.com/javascript/fancy-web-form-with-field-hints-using-css3/feed/ 0 Drag to Share – Wordpress Pluginhttp://www.design-freebies.com/wordpress/drag-to-share-wordpress-plugin/ http://www.design-freebies.com/wordpress/drag-to-share-wordpress-plugin/#comments Sat, 03 Apr 2010 13:36:07 +0000 bogdan http://www.design-freebies.com/?p=579 Related Freebies :
  1. Flash Video Player Plugin for Wordpress
  2. WP e-Commerce – Free Wordpress e-commerce plugin
  3. How To Integrate jQuery Scroll To Top Control in Wordpress
]]> drag to share

Very nice plugin that I like a lot. I initially found it on a wordpress blog and used it without realizing what I did. Just drag any photo you like and publish it on your favorite socializing place.

Website: Drag to Share – Wordpress Plugin

Related Freebies :

  1. Flash Video Player Plugin for Wordpress
  2. WP e-Commerce – Free Wordpress e-commerce plugin
  3. How To Integrate jQuery Scroll To Top Control in Wordpress

]]> http://www.design-freebies.com/wordpress/drag-to-share-wordpress-plugin/feed/ 0 How to Create a Nifty Dynamic Shadow with jQueryhttp://www.design-freebies.com/jquery/how-to-create-a-nifty-dynamic-shadow-with-jquery/ http://www.design-freebies.com/jquery/how-to-create-a-nifty-dynamic-shadow-with-jquery/#comments Sun, 14 Mar 2010 14:42:33 +0000 bogdan http://www.design-freebies.com/?p=475 Related Freebies :
  1. Create jQuery and CSS based Awesome navigation
  2. Easy display switch using CSS and JQuery
  3. Old School Clock with CSS3 and jQuery
]]> How to Create a Nifty Dynamic Shadow with jQueryTutorials on shadows on text using JQuery.

Website: How to Create a Nifty Dynamic Shadow with jQuery

Related Freebies :

  1. Create jQuery and CSS based Awesome navigation
  2. Easy display switch using CSS and JQuery
  3. Old School Clock with CSS3 and jQuery

]]> http://www.design-freebies.com/jquery/how-to-create-a-nifty-dynamic-shadow-with-jquery/feed/ 0 Easy display switch using CSS and JQueryhttp://www.design-freebies.com/jquery/easy-display-switch-using-css-and-jquery/ http://www.design-freebies.com/jquery/easy-display-switch-using-css-and-jquery/#comments Sat, 13 Mar 2010 14:27:41 +0000 bogdan http://www.design-freebies.com/?p=471 Related Freebies :
  1. JQuery customizable and dinamic interface – iGoogle style
  2. FeedBurnerCount for Wordpress – Display your feed count
  3. Create jQuery and CSS based Awesome navigation
]]> display switcher CSS and jquery

Very nice and useful tutorial that we all need. It presents us with the solution to an old problem. If you have many images with description should you use a grid of a list…. Now you can have both of them and every visitor will choose his way of display.

Website: Easy Display Switch with CSS and jQuery

Related Freebies :

  1. JQuery customizable and dinamic interface – iGoogle style
  2. FeedBurnerCount for Wordpress – Display your feed count
  3. Create jQuery and CSS based Awesome navigation

]]> http://www.design-freebies.com/jquery/easy-display-switch-using-css-and-jquery/feed/ 0