When it comes to adding JavaScript functionality to a website, jQuery has become the solution of choice for web designers and developers. With it’s ease of use and ever-growing selection of plugins, there’s really no point to look elsewhere. Awesome jQuery plugins are popping up everyday, and we’re always on the look out. So for this post, I’ve gathered 10 fresh plugins that you should find very useful.
Cute Balloon
Cute Balloon is a jQuery script that allow you to easy make a beauty tool tip balloon, also with ajax content.
Captify
Captify is a plugin that displays simple, pretty image captions that appear on rollover. The goal of Captify is to be easy to use, small/simple, and completely ready for use in production environments (unlike ImageCaptions at the moment). Also, it’s only 2.3kb!
gvChart
gvChart is a plugin for jQuery, that uses Google Charts to create interactive visualization by using data from the HTML table tag. It is easy in use and additionally it allows you to create five types of the charts.
jmapping
This plugin is designed for quick development of a page that implements a Google Map with a list of the locations that are specified within the HTML.
jQuery.validity
jQuery.validity is an elegant and powerful jQuery plug-in you can use to setup client-side form validation. Instead of writing validation manually or balancing some unwieldy server-side framework, validity allows you to design client-side validation in a manner that feels natural and straightforward.
Animated table sort
This plugin allows you to animatedly sort a table based on a column’s
Flare Video
This plugin gives you the ability to easily add an HTML5 video player with Flash fallback.
Coin Slider
Coin Slider is a jQuery image slider plugin with a unique square transition effect.
Blockster
Blockster is a Javascript transition effect designed for ‘featured content’ rotators or slideshows. Its underlying concept is to transition between one element to the next block by block. It is highly customisable in terms of how many blocks are involved, whether they fade in or simply appear, whether they appear in order or randomly, and more.
Colortip
Colortip converts the title attributes of elements withing your page, into a series of colorful tooltips. Six color themes are available, so you can easily match it with the rest of your design.
Friday Fresh Free Fonts #56
I will be posting some fresh free fonts every Friday, yes I know it’s awesome. I will look forward to bring a lot of great fonts that will sure help you improve your typography work. Check out what I selected for you on the FFFF#56 and make sure to comeback for more next week.
<!–break–>
Click here to view all Friday Fresh Free Fonts
Gabrielle
by Dieter Steffmann
Download Gabrielle
Laconic
by Robby Woodard
Download Laconic
Molengo
by Denis Jacquerye
Download Molengo
South Africa Font 2010
by Font Fabric
Download SAF
About the author
Hello! I’m Paulo Canabarro, Web Designer born in Brazil, living and freelancing in the US. Get @ me – pvpcanabarro@gmail.com For some cool stuff make sure to Follow me on twitter!
Sponsored Links:
15 Fresh and Useful Photoshop Tutorials
Part of being a designer is keeping your skills sharp and up-to-date. Skills may span a broad range of tools, but probably the most used tool of all designers is Photoshop. In this post, we’ve collected 15 fresh and useful Photoshop tutorials to help you brush up on your skills and learn new techniques. The types of tutorials in this collection include text effects, photo manipulation, interface design, and more.
Simple Underwater Scene in Photoshop
In this tutorial I will show you how to create a underwater scene with some bubbles and light effects. We will use the Brush Tool to create the bubbles and basic tools and filters for the rest of the effects. The whole process won’t take more than 45 minutes and as usual you can download the Photoshop file in the end of the tutorial.
Creating Retro Folded Typography
In this Photoshop tutorial, were going to create retro-looking text that seems like its constructed using folded strips of paper. Were going to step away from the computer a little bit and use a real model as a reference for our project.
How to Create a Photo Realistic Camera
In this tutorial we will demonstrate a powerful combination of vector shapes, layer styles, and manual drawing to create a photorealistic camera. So realistic youll think its just an ordinary photo.
Making a Book of Magical Playground Scene
This tutorial will show how to create a fantasy book scene. We will be using various advanced Photoshop techniques to make the composition as realistic as possible.
3D Water Text Effect with Repouss in Photoshop CS5
In this tutorial I will show you how to create a water text. Even though it might look complex it’s a very simple effect. We will be using the new Repouss then some stock photos to create the effect.
Elegant 3D Text Effect in Photoshop
In this tutorial youll learn how to create an elegant 3D Text effect using simple the shape tool, layer styles and paths.
Design a Multimedia Website Layout in Photoshop
In this tutorial you’ll learn how to use photos, brushes, and textures, and 3D objects to design a creative multimedia website layout in Photoshop.
Hexagon Bokeh Effect in Photoshop
In this tutorial I will show you how to create a digital bokeh effect with hexagons. We will use the brush engine, patterns, blend modes and basic filters to achieve this effect.
3D Layered Text Effect
In this Photoshop tutorial, youll learn how to create a 3D text effect using actions, basic transform operations and filters.
Design a Multimedia Website Layout in Photoshop
In this tutorial, you’ll learn how to create a isometric microchip icon using basic drawing tools and transformations.
Create a Distressed Vector Typographic Poster Design
Starting with custom made type in Illustrator, well move our vector graphics into Photoshop for some serious distressing with Photoshop brushes, blending modes and more!
The Creation of Lost in Memory Epic Fantasy Artwork
In this tutorial, you’ll learn the the steps taken to create this epic Fantasy Style artwork Lost in Memory in Photoshop. It’s a combination of a meteor effect, some matte-painting tricks plus lighting effect in this tutorial.
Create Abstract Fake 3D Objects in Photoshop
This tutorial will demonstrate how we can use the Pen tool to create abstract vector shapes that form into a beautiful piece of fake 3D artwork.
Create a Sleek and Stylish MP3 Player
In this tutorial you’ll learn how to create a sleek, stylish, and simple MP3 interface in Photoshop to play audio files for your Flash projects.
Create a Photo Realistic USB Cable
In this tutorial you’ll learn how to draw a photo realistic USB cable using Photoshop’s pen tool.
Friday Fresh Free Fonts #47
I will be posting some fresh free fonts every Friday, yes I know it’s awesome. I will look forward to bring a lot of great fonts that will sure help you improve your typography work. Check out what I selected for you on the FFFF#47 and make sure to comeback for more next week.
<!–break–>
Click here to view all Friday Fresh Free Fonts
Dan
by Font Fabric
Download Dan
Gondrin
by Peter Wiegel
Download Gondrin
Cleanvertising
by Zenze B.V.
Download Cleanvertising
Philosopher
by Jovanny Lemonad
Download Philosopher
About the author
Hi! I’m Paulo Canabarro and I’m here to post some really cool stuff for you, if you have any ideas or any requests please get @ me – pvpcanabarro@gmail.com you can also Follow me on twitter!
Sponsored Links:
14 Fresh and Useful jQuery Plugins
jQuery has changed the way developers write JavaScript and the way users interact with websites and web applications. If you’re a developer, you know what a joy working with jQuery can be, especially the convenience of plugins. In this post, we’ve rounded up 14 fresh and useful jquery plugins that have been released in the past few months. You’ll find that these plugins offer a wide range of functionality, from navigation enhancements to image viewing.
BubbleUp
With BubbleUP, images in a list will enlarge with a smooth animation when you move your mouse over it. Then, if you move the mouse out, it will reset to the original size with the same smooth animation. Imagine the Mac Dock effect, although this plugin’s effect is not awesome like that, it’s light weight for such a similar zooming effect.
Spritely
Spritely is a jQuery plugin created by Artlogic for creating dynamic character and background animation in pure HTML and JavaScript.
jQuery-Notes
jQuery-Notes is a simple and easy to use jQuery-Plugin that allows you to add notes to any image (even foreign ones) on your website or blog.
Quicksand
Reorder and filter items with a nice shuffling animation. Just specify source container and destination collection which will replace the source collection. New elements will appear with fancy scaling+alpha effect, deleted elements (non-existant in destination collection) will scale out and rearranged items will move to their destination positions.
YoxView
YoxView is a popup image viewer, built using jQuery 1.4. It’s simple to use yet quite powerful.
Key Features:
- Images are resized to fit inside the browser’s window
- Images can be pre-cached
- Multiple instances in the same page may be used, ideal for blog entries, for example.
- Fully configurable – each instance may have a different configuration.
Masonry
Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.
Ttabs
Ttabs tweaks html markup and then calls UI Tabs function. You do not need to specify the list of tabs before the first tab section. The plugin creates it from the headings, or you can specify the tab labels right in the javascript code.
TipTip
TipTip is a very lightweight and intelligent custom tooltip jQuery plugin. It uses ZERO images and is completely customizable via CSS. It’s also only 3.5kb minified!
jQuery Photoshoot
jQuery PhotoShoot gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder.
jqFancyTransitions
jqFancyTransitions is easy-to-use jQuery plugin for displaying your photos as slideshow with fancy transition effects. It’s compatible and fully tested with Safari 2+, Internet Explorer 6+, Firefox 2+, Google Chrome 3+, Opera 9+.
jQuery imageless buttons a la Google
This jQuery plugin is an attempt to recreate Google’s imageless buttons and prove that it doesn’t take a whole team of engineers and an endless cycle of code revision and quality control (their own words) to pull this off.
jQuery.sheet
jQuery.sheet gives you all sorts of possibilities when it comes to giving your web application a spreadsheet style interface with MS Excel style calculations.
TopUp
TopUp is an easy to use Javascript library for unobtrusively displaying images and webpages in a Web 2.0 approach of popups. The library is jQuery and jQuery UI driven in order to maintain cross-browser compatibility and compactness.
jquery mb.extruder
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.