Great jQuery plugins for fresh websites


One can only imagine how tough it was to practice web design back when everything seemed so new — during the days of Netscape Navigator and Microsoft FrontPage. Looking back, it seems like such an archaic time in the history of web design. It was almost impossible to design something of supreme and intelligent creativity. Back then, you were seen as creative if you had an awful flashing background or colored scrollbars.

There wasn’t a ton of flexibility really when it came down to the nitty gritty of design. Many of the layouts were the same and mimicked what was seen in magazines and newspapers. I mean just think about it: not too long ago we were able to finally figure out a way to use decorative fonts online. Beforehand, it was all Arial, all Verdana and all Times New Roman — in 2012, can you imagine living that life?

Tables were the norm and those weren’t too flexible. Speaking of flexibility, how did we ever live without responsiveness? If you wanted to design a website a while ago, you pretty much were boxed in to work with what you had. No one complained then, but thank goodness for progressive technology.

Now…
Fast forward to now, and we can pretty much design anything the way we want to, in whatever we want to. These types of things shouldn’t be taken for granted, but as new generations of designers and developers enter this realm, it pretty much is. I mean, just a few months ago, we were finally able to use style sheets to create rounded corners — how quick do we forget? Leer más “Great jQuery plugins for fresh websites”
Anuncios

Polymaps

Polymaps is a free, open-source JavaScript library for making dynamic, interactive maps. It is the result of a collaboration between Stamen Design and SimpleGeo. Founded by Erik Rodenbeck, Stamen is one of the most respected data visualization studios out there. SimpleGeo is a service that provides location infrastructure that makes it easy to add geo-aware features to applications.

Description

Polymaps provides speedy display of multi-zoom datasets over maps, and supports a variety of visual presentations for tiled vector data, in addition to the usual cartography from OpenStreetMap, CloudMade, Bing, and other providers of image-based web maps.

Because Polymaps can load data at a full range of scales, it’s ideal for showing information from country level on down to states, cities, neighborhoods, and individual streets. Because Polymaps uses SVG (Scalable Vector Graphics) to display information, you can use familiar, comfortable CSS rules to define the design of your data. And because Polymaps uses the well known spherical mercator tile format for its imagery and its data, publishing information is a snap.


Polymaps is a free, open-source JavaScript library for making dynamic, interactive maps. It is the result of a collaboration between Stamen Design and SimpleGeo. Founded by Erik Rodenbeck, Stamen is one of the most respected data visualization studios out there. SimpleGeo is a service that provides location infrastructure that makes it easy to add geo-aware features to applications.

Description

Polymaps provides speedy display of multi-zoom datasets over maps, and supports a variety of visual presentations for tiled vector data, in addition to the usual cartography from OpenStreetMap, CloudMade, Bing, and other providers of image-based web maps.

Because Polymaps can load data at a full range of scales, it’s ideal for showing information from country level on down to states, cities, neighborhoods, and individual streets. Because Polymaps uses SVG (Scalable Vector Graphics) to display information, you can use familiar, comfortable CSS rules to define the design of your data. And because Polymaps uses the well known spherical mercator tile format for its imagery and its data, publishing information is a snap. Leer más “Polymaps”

All About jQuery: Plugins, Tutorials and Resources

* Posted in jQuery

In this post, we are presenting a bunch of exciting and awesome jQueryplugins for your use. As we all know very well that jQuery is the most famous Javascript framework available out there which comes with many amazing features and is quite easy to be used.

You can use these plugins to add beautiful effects and functionality in your next project. These plugins will also help you in completing your task easily.
jQuery Menu and Navigation


Via
http://www.noupe.com/jquery/all-about-jquery-plugins-tutorials-and-resources.html

In this post, we are presenting a bunch of exciting and awesome jQueryplugins for your use. As we all know very well that jQuery is the most famous Javascript framework available out there which comes with many amazing features and is quite easy to be used.

You can use these plugins to add beautiful effects and functionality in your next project. These plugins will also help you in completing your task easily.

jQuery Menu and Navigation

Collapsing Site Navigation with jQuery ( Demo | Download )
Creating a collapsing menu that contains vertical navigation bars and a slide out content area. When hovering over a menu item, an image slides down from the top and a submenu slides up from the bottom.

Jqueryplugins26 in All About jQuery: Plugins, Tutorials and Resources

Beautiful Background Image Navigation with jQuery ( Demo | Download )
A beautiful navigation that has a background image slide effect. The main idea is to have three list items that contain the same background image but with a different position. The background image for each item will be animated to slide into place in different times, creating a really nice effect.

Jqueryplugins27 in All About jQuery: Plugins, Tutorials and Resources

Slot Machine Tabs ( Demo | Download )
Three columns in each content box rotate like a slot machine to reveal the content in the next content box when a new tab is clicked.

Jqueryplugins404 in All About jQuery: Plugins, Tutorials and Resources

Stylish Navigation Men ( Demo | Download )
A stylish CSS + XHTML navigation menu.

Jqueryplugins22 in All About jQuery: Plugins, Tutorials and Resources

SUPERFISH JQUERY MENU PLUGIN ( Demo | Download )
Superfish is an enhanced Suckerfish-style menu jQuery plugin that takes an existing pure CSS drop-down menu.

Jqueryplugins23 in All About jQuery: Plugins, Tutorials and Resources

LavaLamp for jQuery lovers! ( Demo | Download )
Lavalamp allows you to create a beautiful effect over your horizontal navigation bars.

Jqueryplugins24 in All About jQuery: Plugins, Tutorials and Resources

Sexy Drop Down Menu w/ jQuery & CSS ( Demo | Download )
Create a sexy drop down menu that can also degrade gracefully.

Jqueryplugins25 in All About jQuery: Plugins, Tutorials and Resources

SLIDE A NAVIGATION TOOL IN YOUR PAGE ( Demo | Download )
This jquery component let you easly build a sliding panel where to insert any kind of content; it has builtin all the functionalities for managing menu lines and sub panels with accordion effect. It can get the content via ajax and therefore you can dynamically build it by passing DATA via request using the metadata attribute settable on the extruder container.

Jqueryplugins21 in All About jQuery: Plugins, Tutorials and Resources Leer más “All About jQuery: Plugins, Tutorials and Resources”

Take Your Web Designs to the Next Level

When you start out as a web designer, you do all you can to grasp the basic design principles so that you have a solid foundation to start your journey on. As you become more proficient in your craft, you start to learn techniques that are more advanced, and you begin to implement bigger and better things in your work until you reach a point where you feel pretty comfortable to step outside the bounds of the ordinary. What else can you do to take your web designs to the next level?

Here are just a handful of ideas you can consider if you’d like to take your web designs the next level.

Delve Into Design Details

If you look at most beautifully designed websites, you’ll notice that they are often set apart not because of big things, but the little details that let you know the designer took great care and attention of even the smallest of things. These small touches don’t need to be in your face to be powerful and effective; details can include a hairline stroke for additional depth, a faint gradient for more interesting surfaces, small icons for added visual appeal as well as to aid visual cognition, and so forth.

Here are three good examples of web designs that delve into the details.


by Shannon Noack |  Become a Facebook Fan of Six Revisions.

Take Your Web Designs to the Next Level

When you start out as a web designer, you do all you can to grasp the basic design principles so that you have a solid foundation to start your journey on. As you become more proficient in your craft, you start to learn techniques that are more advanced, and you begin to implement bigger and better things in your work until you reach a point where you feel pretty comfortable to step outside the bounds of the ordinary. What else can you do to take your web designs to the next level?

Here are just a handful of ideas you can consider if you’d like to take your web designs the next level.

Delve Into Design Details

If you look at most beautifully designed websites, you’ll notice that they are often set apart not because of big things, but the little details that let you know the designer took great care and attention of even the smallest of things. These small touches don’t need to be in your face to be powerful and effective; details can include a hairline stroke for additional depth, a faint gradient for more interesting surfaces, small icons for added visual appeal as well as to aid visual cognition, and so forth.

Here are three good examples of web designs that delve into the details. Leer más “Take Your Web Designs to the Next Level”

jQuery Image Galleries & Sliders – Best Of


By Ryan Turki | Design

jQuery image galleries and sliders are very common on portfolio sites and are also useful for any other type of site for displaying images and photos. Also, provide a good user experience and make viewing images more pleasant and intuitive on your website. With the advent of powerful JavaScript frameworks like jQuery, Prototype, Mootools etc., the quality of JavaScript based image galleries and slideshows have improved dramatically.

Today we’ve prepared for you a good list of the best jQuery image sliders and galleries plugins that can provide you with the resources that you need to get a gallery or a slider on your site. Leer más “jQuery Image Galleries & Sliders – Best Of”