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.

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.

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.

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.

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.

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.