jQuery provides a variety of approaches to making content of Websites interactive. Whether sliding or fading to navigation or content elements or the incorporation of animation effects, it is still a huge repertoire in order to inspire them to leave.
About
Posts by :
CSS Techniques
CSS Box-Reflect – Reflection without JavaScript and Photoshop
With CSS and the support of webkit based browsers, there is the possibility to generate reflections of web page elements without images or javascript-plugins.
CSS Techniques, Design Elements, Menus
CSS3 Tutorial – sliding or bouncing Navigation without JavaScript
This Step-by-Step Navigation-Tutorial is made by the CSS3-Properties “border-radius” and “animation”. This demonstrates how easy it can be to get attention to your navigation without Images and JavaScript! css3-tutorial-animation-navigation.jpg (6 KB)
CSS Techniques, Design Elements, Rounded Corner
CSS3 Tutorial – Website-Navigation based on Border-Radius
This Step-by-Step Navigation-Tutorial is made by CSS3-Properties like Border-Radius. This CSS3-Tutorial demonstrates how easy it can be to get attention to your navigation without any images. You wanna know how? Check it out! css3-tutorial-navigation.jpg (5 KB)
Design Elements, Gallery, jQuery
JavaScript Popup – TopUp the jQuery Solution
JavaScript Popup – Who needs to implement inline HTML, Flash and Videostuff into a JavaScript Popup-Solution, has to check the Plugin TopUp ( based on jQuery ). jQuery-TopUp.jpg (6 KB)
Design Elements, jQuery, Sliders
Quicksand – The animated jQuery-Filter
The data visualization CoreAnimation ( used on Phone or Mac OS X 10.5 ), was inspiration for the jQuery Filter-Plugin Quicksand ( sort by name, data-size,.. ). quicksand-jquery-filter.jpg (7 KB)
Design Elements, Image Effects, jQuery
Puffing Smoke Effect with jQuery – Be interactive with JavaScript
The jQuery plugin “Smoke Effect by Gaya Kessler is a very playful script in which stacks of 2 can alternately be ejected clouds (the graphical elements) are arbitrarily modified. jQuery-PuffingSmoke-Zoom.jpg (3 KB)
CSS Techniques, Design Elements, Techniques
52Framework – HTML5 and CSS3 Framework
The 52framework was started as a way to expedite the process of the usage of the latest standards in web development, and the love of the number 52. The 52framework provides an easy way to get started using html5 and css3 while still supporting all modern browsers (including ie6). 52framework.jpg (5 KB)
CSS Techniques, Design Elements, Image Effects
Border-Radius – Circles and Curvy Shapes with CSS3
Border-Radius – Circles and Curvy Shapes with CSS3 – It is important to remember that some properties will allow you to achieve effects that aren\’t necessarily stated. It also has the potential to produce some terrific designs using just CSS – no images. border-radius-css3-examples.jpg (5 KB)
Design Elements, Forms, jQuery
Sliding Labels ( Forms ) – jQuery and Mootools Version
Who wants to be successful in eCommerce doesn\’t comes around Forms. A very interesting approach to this, Tim Wright returns with “Form Design with Sliding Labels”. slidingLabels-form.jpg (5 KB)
Design Elements, jQuery, Menu
Navigation Menu made by jQuery – Tutorials
The following selected Navigation-Tutorials based on the JavaScript Framework jQuery,demonstate how easy it can be to get more attention to your navigation. You wanna know how? Check them out! navigation-menu-jquery.jpg (5 KB)
CSS Techniques
CSS3 explained by Flickr-Images
CSS3 – What these CSS3 modules or some of these properties are able to do, are going to explained by photos of the Flickr-Community.
1 2