Rediscovering the Button Element-Particle Tree

December 14th, 2009Read 330 times
Rediscovering the Button Element - Particle Tree

Rediscovering the Button Element - Particle Tree

Particle Tree has comes with a great tutorials for web developers and web designers. Creating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elements and the biggest loser of them all in the battle for a standardized look is the infamous Submit button.

website url

Scalable CSS Buttons Using PNG image and Background Colors

December 1st, 2009Read 514 times
Scalable CSS Buttons Using PNG image and Background Colors

Scalable CSS Buttons Using PNG image and Background Colors

David’s Kitchen comes with an article about Scalable CSS Buttons Using PNG image and Background Colors. Its explain how to create dynamic CSS Buttons using PNG, Transparency and Background colors and support full scalability.

Its verry usefull for developers because the length of the button will be changed according to the length of the text. The buttons are with Web 2.0 style. The mouse over color applied.

website url

Twitter Style Login Form with jQuery

November 23rd, 2009Read 1041 times
Twitter Style Login Form with Jquery

Twitter Style Login Form with Jquery

Twitter recently updated their home page with a cool design. On the top right of the home page you will see user login with drop down form. AEXT has written a tutorial for the login form which has the look and feel of twitter sign in login form using JQuery.

It’s saving your space of the webpage and makes visitors feel comfortable by the awesome toggle login form. The tutorial explains how to create a login drop down with Twitter style using JQuery.  It’s a step by step tutorial for learning how to do the toggle and tooltips with jQuery.

Demo

Javascript custome scrollbars – FleXcroll

November 17th, 2009Read 297 times
Custom Javascript Scrollbars - fleXcroll

Custom Javascript Scrollbars - fleXcroll

Hesido introduce FleXcroll. A custome javascript scrollbars for your html page. Custom scroll bars are usually bad, and they should be avoided whenever possible. But sometimes you just need that look to go with your website in a place that is design sensitive, and not content sensitive, or your customer wants them bad. For those cases, Hesido have come up with a javascript solution that let’s you use (X)HTML without having to resort to Flash. FleXcroll support mouse-wheel and keyboard scroll (from version 1.5.0), and text selection aid (from version 1.7.5) so people can text-select overflowed contents, making it behave almost the same as (and in some cases better than(!)) OS default scroll bars.

Demo

Build a Realistic Hover Effect with jQuery

November 6th, 2009Read 552 times
JQuery Hover Navigation (Animated)

JQuery Hover Navigation (Animated)

Would you like to Create a Realistic Hover Effect With jQuery? It adds a rising hover effect to a set of icon links using jQuery’s animate effect. In a nutshell, the JS appends the reflection/shadow to each <li>, then animates the position and opacity of these elements and the icon links on hover. And .stop() eliminates any queue buildup from quickly mousing back and forth over the navigation.

Demo

Easily make HTML text wrap in shapes other than Rectangle with CSS

November 5th, 2009Read 795 times

Css Text Wrapper

Css Text Wrapper

Not Just Rectangles Anymore

!The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, zig-zags, or whatever you want. All you have to do is draw the left and right edges below and then copy the generated code to your website. Get to it

Tested in Internet Explorer 6+, Firefox, Safari, Opera, and Netscape.

Demo

Related Posts with Thumbnails