Education and Learning
12 Free And Amazing CSS3 Image Hover Effects For Downloads
In this round up, you will discover some cool and amazing CSS3 image hover effects that you can download for free. By using these image hover effects, you can make your web design look more interactive and visually appealing. These effects are created with the help of CSS3 that has made creating appealing visuals easier for the web developers.
Here is the complete list of 12 free and truly amazing CSS3 image hover effects for you. Enjoy looking into this collection and have more fun using them in your work. Share your views and suggestions with us via comment section below.
Here we will tell you how to create different CSS3 image hover effects. We will try to make something similar using pure CSS3. In the resulting gallery page, we will have 9 images, each of them having its own hover effect.
Sexy Image Hover Effects Using CSS3
In this example we are going to show you How to create a sexy css effect on image hover. This kinda effect you have seen before in Flash or in javascript as well. But why use Flash or js when CSS can do the same work. So lets do it.
Awesome CSS3 Images Stacked Elements
In this tutorial we’ll show you how to create a simple ‘stacked’ look to some images.
Simple CSS3 Slick Animated Image Caption
This is a simple CSS3 animated image caption. it’s very common, useful.
Fancy CSS3 Transitions Image Gallery
CSS3 Transitions allow browser to animate HTML elements through the change of CSS properties. In other words, we can create animations in webpage without JavaScript but just with pure CSS.
A Dynamic Stack of Index Cards (CSS3)
We will create a dynamic stack of index cards solely with HTML and CSS3 and use such CSS3 features as transform and transition (for the dynamic effects) and @font-face, box-shadow and border-radius (for the styling).
Snazzy Hover Effects Using CSS3
In this example, we will be going over creating flexible advanced hover techniques using CSS3.
Css3 Tricks Animation Featured Boxes
We will create a set of featured boxes that will create a nice text flying effect when you move your mouse over them. We will take advantage of the CSS3 custom animations and create a set of our own animations.
CSS3 Image Hover Effects With Caption | NO JAVASCRIPT
A simple css3 snippet share, to show image hover effects with caption text.
Multiple Type of Image hover/mouse Rollover Effect in CSS3
In this tutorial, we will help you learn more on mouse over / rollover effects that can be created with CSS. We are hoping that you have gone through our previous tutorial on Thumbnail image display with zoom and glow effect on rollover before continuing with this one.
CSS3 Animation, Shadows image Hover Effect
A sleek image gallery that takes advantage of CSS3 animation, shadows, and the “transform” property to instantly add a smooth hover effect to its images, whereby the image enlarges and moves closer to the user.
Tutorials For Mastering All The New Features In Photoshop CS6
Photoshop CS6 is the latest release of Adobe Photoshop that comes with some great new features. These new features and enhancements have made Adobe Photoshop even more powerful designing tool. Since, the new version is released recently we thought to compile a collection of some useful Photoshop CS6 tutorials. Therefore, we have put together 15 tutorials of Adobe Photoshop CS6. Each tutorial in this collection is a complete educational resource for the designers. We hope that you will find this collection useful for you. So enjoy looking into this collection and have more fun using them in your work. Do let us know what you feel about this round up.
How to Add Non-Destructive Vignetting to Your Photos in Photoshop
Introducing the New Crop Tool in Photoshop CS6
Introduction to the New Oil Paint Filter in Photoshop CS6
Manage Your Layers More Efficiently With Photoshop CS6
Top 10 Reasons You Should be Using Adobe Bridge
Introduction to the Blur Gallery in Photoshop CS6
Rename Layers in Photoshop CS6 Using the Tab Key
Use Photoshop CS6’s Tilt-Shift filter
Color Splash Effect in Photoshop CS6
Blur Gallery – Photoshop CS6 Beta
3D Improvements – Photoshop CS6 Beta
New Brush Features in Photoshop CS6
Improved Lighting Effects in CS6
Use New Features in Photoshop CS6 to Create an Administrator Dashboard Interface
New layer tricks in Photoshop CS6
45 Excellent Professional Resources For Learning WordPress Development
There are some websites that you can follow if you want to stay up to date with the latest trends whether it is related to design work or any other specific thing. In this session, we are presenting a list of some websites that will help you improve your knowledge about WordPress. You will find different articles that will help you understand how you can better use WordPress and how you can integrate different plugins with it.
These are the websites that you must check and follow if you are serious about learning WordPress and improving your knowledge. Let us take a look at this collection and enjoy!
20 Useful PHP Tutorials For Beginners
PHP or Hypertext Preprocessor is a scripting language that is especially designed for the web development purpose. With the help of PHP, one can create dynamic web pages with loads of functionality. It is the general-purpose scripting language which is similar to other scripting language such as JavaScript, Ruby, Python etc. For the beginners, it may be somewhat difficult to learn but with the help of step by step tutorials, learning the scripting language also is a fun.
So, in this round up you will find some useful and detailed PHP tutorials that are especially designed from the beginners’ point of view. We hope that you will get good help from these tutorials. Enjoy!
Carbon Fiber Signup Form With PHP, jQuery and CSS3
How To Set Up A Local PHP/MySQL Development Sandbox For Windows And OS X
Image Resizing Made Easy with PHP
How to Create a PHP/MySQL Powered Forum from Scratch
PHP Tutorial: Installation and The Basics
Resize and Crop Photos with PHP’s GD Library
PHP & MySQL File Download Counter
Quick Feedback Form With PHP And jQuery
Making A Cool Login System With PHP, MySQL & jQuery
How to Open Zip Files with PHP
Beginning PHP Part 2: Learn PHP Functions and Security
30 Best PHP Practices for Beginners
Build Your Own Captcha and Contact Form
The Problem with PHP’s Prepared Statements
40+ Fresh And Useful Adobe Illustrator Tutorials
Ever wonder why tutorials are so famous and so much in demand? This is because tutorials are the best and easiest way to learn new techniques and skills without leaving your room. Yes, in order to learn a new skill or technique, all you need is a computer and internet connection; and voila! There are plenty of tutorials available online for Photoshop, Illustrator and for many other software.
For today’s collection, we have put together some useful and fresh tutorials for Adobe Illustrator. These tutorials are designed in such a way that they help you use the Illustrator in more effective way. The tutorials are created by some intelligent members of the designing community, so you must check them out. Enjoy!
Create a Beautiful Lily Pad Using Adobe Illustrator
In this tutorial we will learn how to create a beautiful lily pad in Adobe Illustrator. We will use basic drawing tools: like the Rectangle Tool, Ellipse Tool, and Pen Tool for drawing. For coloring we will use the Gradient Mesh and Blend extensively. So let’s begin!
How to Illustrate a Sausage with Ketchup
What can one say about sausage? A sausage is an appetizing food that allows any person to feel the strength returning after hunger. And if you want to increase your vector illustration skills, then learn how to draw a sausage with ketchup in Illustrator. Let’s get started!
How to Turn a Photo into Vector Artwork
In this Adobe Illustrator tutorial, we’ll create a vector illustration of a high-heeled shoe by tracing a reference photo of it using the Pen Tool. Using reference photos is a popular vector-creation technique.
How to Illustrate a Microscope in Illustrator
The microscopes is a symbol of our civilization. Throughout this tutorial on how to illustrate a vector microscope you’ll take advantage of numerous Illustrator tools. You will learn how to use blends, art brushes and 3D rendering in Adobe Illustrator. Let’s get started!
How to Illustrate a Handgun Using Adobe Illustrator, Phantasm CS and VectorScribe plugin
Do you want to illustrate a handgun? If yes then let’s get started!
Create a Business Icon from Scratch an Adobe Illustrator Tutorial
In this tutorial you will learn how to Create a Business Icon from Scratch an Adobe Illustrator Tutorial.
How to Create a Steaming Kettle Using Adobe Illustrator CS5 and VectorScribe
In this tutorial we will learn how to create a boiling kettle using 3D modeling.
Create a Stylized Performance Car in Illustrator CS5
In this tutorial, learn how to create a stylized performance car from a reference image using many gradients, custom art brushes, patterns, clipping masks and not a single gradient mesh or blur in sight! If you are looking to take your skills to the next level then Log in or Join Now to get started!
In this tutorial you will learn how to create a beautiful gift pack.
How to Illustrate A Yacht in Illustrator
In this tutorial, you will use Meshes, Bristle brushes, Art brushes, and other tools and techniques for creating a racing yacht in Illustrator. The skills you will learn here can easily be transferred to creating various objects. So let’s get started!
Create a Burning, Vector Match Using Gradient Meshes
In this tutorial you will learn how to create realistic vector fire, using the Gradient Mesh Tool and Screen Blending mode. Believe me, there’s nothing overly complicated. Let’s strike a match!
How to Illustrate a Vector Kitchen Pot
In this tutorial well be creating a kitchen pot in a shiny, realistic vector style. Learn to use various Illustrator tools to create this high quality artwork, step-by-step, using a professional vector workflow.
Craft a Dramatic Vector Landscape Environment
This tutorial will show the intermediate Adobe Illustrator artist how to make a dramatic landscape environment. You should have a basic understanding of Adobe Illustrator tools before you begin this tutorial, as the tutorial moves at a rapid pace.
How to Create Anaglyph Stereo Image
In this tutorial We will learn how to create 3D objects quickly and efficiently, place them in a perspective plane and create a vector Anaglyph Stereo Image.
How to Illustrate Crocus Flowers in the Snow
In this tutorial you will learn how to Illustrate Crocus Flowers in the Snow.
Create a Peacock Illustration in Illustrator CS5
In this tutorial, we are going to show you how we created a peacock illustration with mainly brushes and symbols. Learn how dividing an image into areas and remedying it with the use of art brushes, scatter brushes and symbols can make your workflow quicker and easier.
How to Create an Isometric Shopping Basket Using Illustrator, Phantasm CS and VectorScribe
In this tutorial we will learn how to create a Shopping Basket with the help of 3D modeling. We will share with you some secrets of working with such objects, and we will teach how to find shades for basic color quickly.
Create a Detailed Surveillance Camera Illustration
In the following Adobe Illustrator tutorial you will learn how to create a detailed surveillance camera illustration. Discover how to use professional vector build methods, pixel based highlighting, and vector effects to design this artwork.
Quick Tip: How to Create a Cute Snail Using Adobe Illustrator
In this tutorial we will learn how to draw a snail using tools such as the Pen Tool (P), Selection Tool (V), Direct Selection Tool (A), Ellipse Tool, and Gradient Tool (G). Some shapes will be created with the help of the Pathfinder panel.
Create a Designer Gift Bag Using Adobe Illustrator
In this tutorial you will learn how to draw a designer gift bag using basic shapes and various patterns, which are made available in Illustrator. You will also learn to add your own customized details to the design.
Create a Cute Robot Using Adobe Illustrator
This tutorial contains unusual technique for creating Opacity Masks and plenty of effective techniques that allow us to achieve stunning results.
Easy Hulk Logo on Illustrator and Photoshop
This is a intermediary tutorial, so it’s not as long and it’s not as hard as my usual tutorials. As always, a tablet will be pretty handy here, but in case of not having one, you still can do it with a mouse, you’re just going to have a bit more of difficulty on some parts. Anyway, hope you guys have fun and understand the simple dinamics behind this logotype formation.
Create a Picture Gallery in Illustrator
In this tutorial we have used 3D rendering, Blends, Opacity masks, making this three-dimensional stage with vanishing points. Learn every step in how to create this picture gallery work.
How to Create Watercolor Background using Phantasm CS and Adobe Illustrator
In this tutorial I’ll show you how to create a vector Watercolor Background in an interesting way. You do not have to get yourself dirty with paint and waste expensive paper. It turns out that all you need is right within your reach, which is the Internet! I will teach you very quickly how to create vector paint brushes sets and re-model the default ones.
How to Create a Gift Card and Prepare Artwork for Printing Using Adobe Illustrator and Phantasm CS
This tutorial covers the issues concerning the creation and pre-press workflow of a vector file. When creating an artwork that you are going to print, you should take into consideration the design’s technical factors.
How to Illustrate a Lighthouse
Do you want to illustrate a lighthouse? If yes then let’s get started!
How to Create a 3D Film Strip Using Adobe Illustrator and VectorScribe
In this tutorial you will learn how to create a 3D Film Strip Using Adobe Illustrator and VectorScribe.
Create a Vector Bamboo Forest with Blends, Brushes and Profiles
In this tutorial you’ll learn how to create a bamboo vector illustration with the help of custom art and pattern brushes, blends and profiles on strokes in Adobe Illustrator CS5.
How to Create a Night City Illustration Using Adobe Illustrator and Phantasm CS
In this tutorial we will learn how to create a night city and glow of lights on the highway using the Adobe Illustrator CS5 Perspective Grid Tool, Blend Tool, 3D modeling and Phantasm CS. This tutorial is filled with professional and creative instructions.
How to Create Realistic, Vector Bubbles
In this tutorial we will learn how to create realistic colorful bubbles. We’ll cover numerous techniques and build this illustrations step by step. Set aside a couple hours for this one!
Create a Cocktail Glass in Adobe Illustrator
In this very detailed tutorial we will learn how to create a cocktail glass with a colorful drink and fancy decoration. Creating a glass object can be a challenge since there are just few colors you’re allow to use, mostly white, light blue and light gray.
Create a Magical Vector Landscape Using Illustrator
In this tutorial we will Create a Magical Vector Landscape Using Illustrator.
How to Create a Grass Background
Here you will learn how to create a grass background using the Transform & Distort effects and Phantasm CS Halftone.
Create a Jellyfish with Brushes in Adobe Illustrator CS5
In this tutorial, we wil going to show you how to create a stylized jellyfish using blends and brushes within Adobe Illustrator CS5.
Easy Clock Icon on Illustrator
In this tutorial we’re going to do a really simple exercise on creating this slick clock icon on Adobe Illustrator. If you’re beginning in using this software, well this tutorial will be very suitable for you, so let’s begin!
How to Illustrate An Abacus Icon
In this tutorial you’ll learn how to create a realistic, vector abacus icon, using 3D Renders, Brushes, Blends and other tools of Adobe Illustrator. The skills you will learn can easily be transferred to creating various objects. So let’s get started!
How to Create Vector Denim Texture Using Adobe Illustrator
In this tutorial we will learn how to create a realistic vector denim texture. It’s easier than it might seem at first sight, and I think it can be done by those who are taking their first steps into the world of vector graphics. Creation of other elements of this tutorial is more advanced, although I tried to describe each step clearly. Let’s continue at it’s an interesting and useful tutorial…
Quick Tip: How to make a Classic Air Mail Envelope with Adobe Illustrator
In this tutorial we will learn how to create a Classic Air Mail Envelope with Adobe Illustrator.
Quick Tip: How to Illustrate a Simple Piece of Paper
In the following steps you will learn how to create a simple piece of paper. This tutorial will introduce you to the Appearance panel. First, you will need two basic tools and some Pathfinder options to create the starting shape. Next, using some fills and strokes, several effects, a built-in pattern and some nice blending techniques you will create your own simple piece of paper. Let’s get started.
Creating a Simple, Snowy Seamless Pattern
In this tutorial, we will going to show you how to create a very basic snowy seamless pattern. It is aimed at those who are new to Adobe Illustrator and goes over some great tools that you can benefit from in future projects.
Create a Traditional Razor Illustration
In the following tutorial you will learn how to create a traditional razor illustration. Learn step by step how to make this vector razor art drawing. This straight razor is a classic item from a retro barber shop. Learn to build this straight blade shape by shape, color it with gradients, and add some razor sharp shine.
Create a Classic Baby Stroller in Adobe Illustrator
In the following tutorial you will learn how to create a classic baby stroller illustration. If you’re looking to create vintage stroller art, modern baby stroller graphics, for stock art or to illustrate your next graphic project, then jump into this tutorial and learn every detail: from constructing the bassinet area, carriage handle, to wheels and more.
How to Illustrate a Tomato Using Adobe Illustrator
You will use Meshes, Gradients and Blends for creating the resulted picture. The skills you will learn here can easily be transferred to creating various objects. So let’s get started!
In this tutorial we will be creating an attractive gift box in Adobe Illustrator. We are going to use few usual types of tools, such as, Rectangle Tool (M), Ellipse Tool (L), Extrude&Bevel 3D effect and some nice colors to create an eye catchy illustration.
Collection Of Zbrush Tutorials You Would (Really) Like To Learn
Didn’t hear before about Zbrush? Let us define it for you; ZBrush is a digital sculpting tool with which you can combine 3D/2.5D modeling, texturing as well as painting. It is an amazing tool that brings “pixol” technology into play. pixol technology puts in lighting, color, material, as well as depth information for all objects on the screen.
Here we demonstrate a collection of some useful zbrush tutorials that will help you learn correct and proper usage of the ZBrush software. We hope that these tutorials will provide you a general idea of the techniques applied in controlling the software to your advantage. Enjoy!
In this tutorial artist will show you how he made his 3D project: the medieval, German imperial crown.
In this tutorial you will learn how to build a beast horn using Maya and detail it in ZBrush.
In this tutorial you will learn how to create a cat using ZBrush and Photoshop.
How and what are alphas? it is time to start exploring brushes and alphas, how to make them and use them.
In this tutorial you will learn how to create an awesome fantasy scene.
In this project artist used mainly Zbrush for most of the modelling and all of the sculpting and posing, and he used Never-Centre Silo for much of the hard-edged modelling of several accessories. Finally, the lighting and rendering was done mainly within Zbrush where he exported several layers including lighting layers and special material layers and composited them in photoshop which he also used for the texturing and post-work.
In this small 5 min tutorial learn how to use simple but powerful tool inside ZBrush through which you can simulate a cloth.
ZBrush Speed sculpt of an alien bust. Though out these videos you will see JonnyD Artiste use ZSpheres to create his base mesh. Then he will use an assortment of ZBrush sculpting tools to bring out the form.
In these 11 video tutorials you will understand about the normal mapping workflow.
This tutorial will teach you how to create the simple subject of the ear.
In these three tutorials you will learn how to create “Strokes and Alphas”, “Creating a Custom Alphas Horn”, and “Creating a Custom Alphas Zipper.
In this tutorial we are going to show you how to create the making of “The Captain” from modelling and rendering, to composing and post effects.
15 Best Magento Themes For eCommerce Websites
Magento is the best platform for any e-commerce store or website because it comes with large numbers of terrific features that make it the preferred choice of many e-commerce website owners. On the other hand, finding out elegant or helpful Magento resources is rather difficult. Nearly all Magento extension and themes are so pricey if you compare them with other Content Management Systems (CMS).
Therefore today we have gathered some free but tremendous as well as high quality Magento themes for you. Scroll through our amazing collection and be inspired to create your own artworks, as well. Have fun!!
Grayscale Free Magento Template
Best Of 2011: Best Useful jQuery Plugins And Tutorials
jQuery is one of the most accepted JavaScript library that possesses an enormous collection of plugins which makes it even more powerful. On the other hand, there is a good deal of additional codes or modules, from simple alert functions to multifaceted galleries or form validation methods, that are hard-coded inside websites & not convinced to plugins.
Of course, not each code must become a plugin that would be worthless. However converting the ones to be re-utilized will save loads of improvement time & if shared with the community, will make the code itself better.
In this post, you will unearth some of the most excellent, interesting fresh and useful jQuery plugins and tutorials that were created in 2011.
( Demo | Download )
This plugin will allow people to upload photos from their computers by dragging and dropping them onto the browser window, possible with the new HTML5 APIs exposed by modern browsers.
( Demo | Download )
Combogrid, like autocomplete, when added to an input field, enables users to quickly find and select from a pre-populated list of values as they type, but in a tabular and paginated manner. Combogrid provides keyboard navigation support for selecting an item.
( Demo | Download )
MotionCAPTCHA is a jQuery CAPTCHA plugin, based on the HTML5 Canvas Harmony procedural drawing tool by Mr Doob and the Unistroke Gesture Regonizer algorithm (and the more recent Protractor algorithm improvement), requiring users to sketch the shape they see in the canvas in order to submit a form.
( Demo | Download )
With the responsive awakening in web design it becomes important to not only take care of the visual part of a website but also of the functionality. Elastislide is a responsive jQuery carousel that will adapt its size and its behavior in order to work on any screen size. Inserting the carousel’s structure into a container with a fluid width will also make the carousel fluid.
( Demo | Download )
The spin method creates the necessary HTML elements and starts the animation. If a target element is passed as argument, the spinner is added as first child and horizontally and vertically centered.
( Demo | Download )
Craftyslide is a tiny (just 2kb) slideshow built on jQuery. Craftyslide aims to be different, by providing a simple, no-frills method of displaying images; packaged into a small, clean and efficient plugin.
( Demo | Download )
Arbor is a graph visualization library built with web workers and jQuery. Rather than trying to be an all-encompassing framework, arbor provides an efficient, force-directed layout algorithm plus abstractions for graph organization and screen refresh handling.
( Demo | Download )
Recurly.js allows you to easily embed a PCI compliant order form within your website. Recurly.js is a Javascript library designed to be easily embedded and customized to match your website.
( Demo | Download )
Ideal Forms is a small framework to build powerful and beautiful online forms.
( Demo | Download )
With this friendly jQuery plugin you can easily blog Block Adblock.
( Demo | Download )
Power PWChecker jQueryPlugin observes passwords as users type and provide instant password strength check (Weak, Medium, or Strong). This encourages users to review their password selection and ensure that the password is strong and secure. Power PWChecker also allows you to enforce password length policy by specifying minimum and maximum password length. It also matches password entries and provides visual alert in case of inconsistent passwords.
( Demo | Download )
Imagine you’re filling a complex form on site, or typing effervescent and extensive comment. And when you’re almost done with that browser is crashed, or you closed tab mistakenly, or electricity is turned off, or something else break your efforts. Disgusting, huh? With Sisyphus on site you just reopen page in your modern (with HTML5 support) browser and see all your changes at that forms. It’s lightweight (3.5 KB) jQuery plugin uses Local Storage to prevent your work being lost.
( Demo | Download )
Response JS is a lightweight jQuery plugin that gives web designers tools for building performance-optimized, mobile-first responsive websites. It provides semantic ways to dynamically swap code blocks based on breakpoints and serve media progressively via HTML5 data attributes. Its object methods give developers hooks for triggering responsive actions and booleans for testing responsive properties.
( Demo | Download )
Responsive designs are cool! Not only do they allow you to reach mobile and tablet users with minimal effort, they also make your context scale up for desktop users with larger screens.
( Demo | Download )
A lightweight, easy-to-use jQuery plugin for fluid width video embeds.
( Demo | Download )
Isotope: An exquisite jQuery plugin for magical layouts
( Demo | Download )
Slidorion is a combination of an image slider and an accordion; displaying beautiful content through various effects.
( Demo | Download )
With Diapo plugin you can creat a beautiufl slideshow.
( Demo | Download )
Minimit Gallery is a highly customizable Jquery plugin that does galleries, slideshows, carousels, slides… pratically everything that has multiple states.
( Demo | Download )
The idea is to have some content boxes that we can slide infinitely (circular). When clicking on the “more” link, the respective item moves to the left and a content area will slide out. Now we can navigate through the carousel where each step will reveal the next or previous content box with its expanded content. Clicking on the closing cross will slide the expanded content area back in and animate the item to its original position.
( Demo | Download )
With this plugin you can create HTML5 Music Player.
( Demo | Download )
A unified, HTML5-based user interface system for all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.
( Demo | Download )
A jQuery plugin for radical web typography.
Multi Node Range Data Slider jQ Slider
( Demo | Download )
JQ Slider is a multi-node range and data slider that allows to provide easy-to-use user data selection and filter tool. It can be used in many ways.
Xml Driven Vertical News Scroller Script Using jQuery vScroller
( Demo | Download )
Adding scrolling content to your website or blog makes much sense – it allows you display latest news, promotions, product updates, announcements, upcoming events, calendar items and much more in a limited space. It also allows you to add dynamic content to otherwise static web pages.
jQuery Sliding Content Bar Plugin
( Demo | Download )
It is a smart and quick content bar that you can integrate easily in any website or web application. It is integrated seamlessly in your website and can be popped up whenever required. PushUp Content Bar is easy to customize and strong enough to rely upon. You can add your contact details, location map via Google Maps, and a simple contact form that visitors can use to make contact with you.
( Demo | Download )
gmap3 is a jquery plugin which allows many manipulation of the google map API version 3.
( Demo | Download )
With this plugin you can generate outstanding slideshows for your website.
( Demo | Download )
The jFontSize plugin was developed to facilitate the process of creating the famous buttons A+ and A-, which alter the font size on sites with very large texts, such as blogs, journals, tutorials, etc. This tool is also used to increase the accessibility of sites, helping people who have visual problems to see better content
Wave Display Effect with jQuery
( Demo | Download )
How cool is it to sometimes just display content a little bit differently? This plugin let’s you show images and content in a unique form – a wave. The idea is to initially have some smaller thumbnails rotated and placed in the shape of a sine curve. When clicking on a thumbnail, we’ll “zoom” in to see a medium sized version. Clicking again will make the large content area appear; here we will show some more content.
Simple jQuery Fluid Thumbnail menu Bar
( Demo | Download )
The idea of a fluid thumbnail bar is simple: Create a list of thumbnails within a space where the overflow can be flipped through page by page.
Useful image hover slide effect with jQuery
jQuery plugin: Easy Image Zoom
( Demo | Download )
This is a simple technique to animate an image when hovering using jQuery’s animate() effect. We will use this effect to manipulate our CSS, creating a seamless transition between two areas of an image.
( Demo | Download )
Use this jQuery plug-in to add lens style zooming effect to an image
( Demo | Download )
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.
( Demo | Download )
Slides is a slideshow plugin for jQuery that is built with simplicity in mind. Packed with a useful set of features to help novice and advanced developers alike create elegant and user-friendly slideshows.
( Demo | Download )
This plugin allows you to browse easily through the list of items with pagination controls. It is very easy to implement and very lightweight so it might come in handy to use in your own projects. It’s main purpose is to view certain number of list items at once, but it can also be set up to view one item by one.
Responsive Image Gallery with Thumbnail Carousel
( Demo | Download )
Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.
( Demo | Download )
Today we want to show you how to create a responsive image gallery with a thumbnail carousel using Elastislide. Inspired by Twitter’s “user gallery” and upon a request to show an integration of Elastislide, we want to implement a responsive gallery that adapts to the view-port width. The gallery will have a view switch that allows to view it with the thumbnail carousel or without. We’ll also add the possibility to navigate with the keyboard.
( Demo | Download )
Elycharts is a pure javascript charting library, easy to use and completely customizable.
( Demo | Download )
Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.
( Demo | Download )
Galleria is a JavaScript image gallery framework built on top of the jQuery library. The aim is to simplify the process of creating professional image galleries for the web and mobile devices.
( Demo | Download )
With this plugin you can create a beautiful jQuery Image Gallery.
( Demo | Download )
This jQuery plugin that will shuffle the text content of any DOM element – an interesting effect that can be used in headings, logos and slideshows.
( Demo | Download )
SmartGallery is an interactive image gallery that is specifically designed to support huge data. It is lightweight, lightening fast and fully customizable. Powered by jQuery, SmartGallery comes with twelve transition effects including some unique transition effect and thumbnail navigation.
( Demo | Download )
BxSlider will allow you to create a beautiful Content Slider for your website.
( Demo | Download )
FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.
( Demo | Download )
The pagination plugin combines a varity of features. It can be used to divide long lists or areas of content into multiple seperate pages, load paged content with pre-calculated database offset-parameters via Ajax and anything with full control to adapt the style properly to your site-layout. Of course, creating simple links with no event triggering is possible as well. The plugin also offers the facility to “overlap” pages, which means you can show elements of previous pages on the subsequent sites in order to allow a straightforward flow of reading.
( Demo | Download )
e24TabMenu is a plugin written for scriptaculous. It is a tab menu that expands collapse smoothly.
( Demo | Download )
Snippet provides a quick and easy way of highlighting source code passages in HTML documents.
( Demo | Download )
AJAX PayPal Cart is a easy to use JQuery plugin for web developer to add a full function shopping cart in their website. The AJAX cart can included a cart widget which allow display of cart information easily. Support PayPal Website Payment Standard.
jQuery is one of the most accepted JavaScript library that possesses an enormous collection of plugins which makes it even more powerful. On the other hand, there is a good deal of additional codes or modules, from simple alert functions to multifaceted galleries or form validation methods, that are hard-coded inside websites & not convinced to plugins.
Of course, not each code must become a plugin that would be worthless. However converting the ones to be re-utilized will save loads of improvement time & if shared with the community, will make the code itself better.
Best Of 2011: Ultimate Collection Of High Quality Photoshop Tutorials
Every so often, you may discover it complicated to search for some of the highest quality Photoshop tutorials by means of search engines. Seeing that most of time, approximately all tutorials would tag themselves to be excellent, high quality or even the best Photoshop tutorial you can get. When exploring all the way through all these tutorials, your time is wasted.
With the intention of saving your time, we have been spending more or less a whole year to seek out the best Photoshop tutorials for you. Finally, we come up with this massive collection of best Photoshop tutorials from 2011.
Create a Nature Text Effect Poster
In this tutorial we are going to learn how to make a poster inspired by WWF creative posters. With a couple of images, we will create a beautiful realistic typography with natural theme. We will learn how to blend these images together to make them become a nice one.
Photo Manipulate a Surreal Apple Habitat Scene
In this tutorial you will learn how to Manipulate a Photo into Surreal Apple Habitat Scene.
How to Create a Colorful Text Design
This tutorial shows creating a beautiful and vivid, typography based artwork. You will learn to combine different elements and applications effectively to complete a design task.
How to create an Impressive New Year 2012 card with Neon text
If you want to learn how to create an impressive card for the holiday, then we have an awesome tutorial for you. I’m going to show you how use brushes and Layer styles in Photoshop CS5 to create eye catching digital illustration with neon text effect. Layered PSD file included. Let’s get started!
Photo Manipulate a Dramatic Battle Scene in Photoshop
In this tutorial artist will show you how to create a dramatic action scene. During process of making this piece, you will learn how to combine different stock images, create exciting effects, effectively use blending modes, adjust color correctly and much more!
How to Create A Detailed Cassette Tape
In this step-by-step tutorial we will reinvent the tape … again! artist will walk you through the process of creating a detailed audio cassette, from scratch, in Photoshop using shapes, layer styles and filters. Interested? Let’s start!
In this tutorial we will show you how to create a flaming car. We saw this effect before and it’s quite simple but it’s a good exercise and the result is quite good. You can also apply this effect on other images.
In this tutorial we will demonstrate how to create some “cool” custom typography. Let’s get started!
Add Dynamic Lighting to a Flat Photograph
In this tutorial, Artist will show you how to spice up a fairly dull and flat photograph. It’s very easy and fast! Go from flat photo to a uniquely lit style.
Create an Underwater, Vector-Style Illustration
In this tutorial we will demonstrate how to create a fun, underwater, vector-style illustration using Photoshop. Let’s get started!
Create an Exploding Light Text Effect
In this tutorial artist wanted to take a look at a couple of techniques for an exploding text effect.
This Photoshop tutorial is about how to create 3D text effect in Photoshop using editable text and layer styles.
Design a Retro Futurism Space Scene Poster
In this tutorial you will learn how to Design a Retro Futurism Space Scene Poster.
In this tutorial you will learn how to Design the Retro Futurism Photo Manipulation ‘Cosmic Rocker’.
Create a Dark and Surreal Photo Manipulation
In this tutorial you will learn how to Create a Dark and Surreal Photo Manipulation.
Create a Detailed Colourful Heart Illustration
In this tutorial we will be creating a beautiful, very detailed heart illustration. We will use some stock images and develop our drawing skills in Photoshop.
Design a Super Sleek Sports Web Layout
In this tutorial you will learn how to Design a Super Sleek Sports Web Layout.
Color a Medieval Robot Character Illustration
In this tutorial you will learn how to color a Medieval Robot Character Illustration.
Create a Fabric Textured Web Layout
In this web design tutorial we will create a portfolio web layout using fabric textures. You will be taken through the process of designing the logo using Adobe Illustrator, creating spotlights for the “services” area and how to apply textures to the layout in a subtle way that will increase the quality of the final result. Let’s get started!
How to Create a Unique Fantasy World Featuring Your Logo
In this tutorial we’re going to explore some techniques for compositing images to make a fantasy world scene. We’ll also look at a method for converting the composition into a creative logo mockup.
Below is the method artist used to essentially paint with fire and change the direction of flames.
How to Create Christmas Greeting Card with colorful stars and baubles
If you want to learn how to create a greeting card for the holiday, then we have an awesome tutorial for you. We will learn how to create an abstract Christmas background using brushes then we’ll create baubles using Ellipse Tool and Layer Styles in Adobe Photoshop CS5. Layered PSD file included. Let’s get started!
Create an Amazing Greeting Card with Abstract Christmas Tree
In this quick tip tutorial, Artist will show you how to create a nice Christmas card for your friend using Adobe Photoshop CS5 techniques. Layered PSD file included. Let’s get started!
How to create Christmas greeting card with snowflakes and colorful tree baubles
In this tutorial artist will give you some tips on how to Christmas greeting card with snowflakes and colorful tree baubles in Photoshop CS5. You will learn how to add a Layer Style, draw Christmas baubles with Ellipse Tool, apply brushes, use Custom Shapes etc. Layered PSD file included. So let’s get started!
How to create Happy New Year 2012 Colorful Greeting Card
Today we’ve got a really nice and simple tutorial demonstrating how to create abstract Christmas card with colorful shapes using simple tools and techniques like Ellipse Tool, Brush Tool, Layer Style, etc. in Adobe Photoshop CS5. Layered PSD file included. Let’s get started!
Create an Elegant Greeting Card with Vintage Christmas Baubles
In this tutorial, you’ll learn how a greeting card with vintage Christmas baubles can be designed in Adobe Photoshop CS5. You will learn, how to create vintage background, Christmas baubles, draw snowflakes, customize brushes etc. Layered PSD file included. Let’s get started!
In this tutorial artist will show you how to create a nice metal text effect using just layer styles. It’s a simple tutorial and won’t take you more than 30 minutes to go through the step by step.
In this tutorial artist will show you how to create the RAWZ light effect in Photoshop. It’s a beginner/intermediate tutorial and it will take you 45 minutes to go through it. I hope you have fun doing it as much as I had.
In this tutorial artist will show you how to create a nice vintage/retro typography based on an artwork from the book New Vintage Type: Classic Fonts for the Digital Age. The whole process will take you 2-3 hours, but it’s quite simple. However it requires time.
In this tutorial artist will show you how to create a funny photo manipulation to create the Nike Hair ad. The tutorial is very simple and won’t take you more than 30 minutes.
In this tutorial artist will show you how to create the Captain America shield using Photoshop. The whole process is quite simple and won’t take you more than 45 minutes.
In this tutorial artist will show you how to create the Dark Knight Rises poster in Photoshop. Be ready, it might take you a few hours, but the result is really nice and you will be able to apply this technique in other future projects.
Create a Minimalist Blog Layout
In this tutorial you will see how to create a minimal and clean blog layout using Photoshop. You will also learn some useful methods and practices for creating web layouts in Photoshop.
How to Create a Deus-Ex Inspired Photo Manipulation
In this tutorial you will be shown how to create a Deus EX inspired high-tech eyeball by using retouching techniques and creating a futuristic iris using Shape layers and Layer Styles.
This tutorial will explain how to create delicious frosted cookies text effect. You’ll learn some useful tips for using layer styles, filters, and brushes while creating the various elements of the “cookies”.
Create a Vivid Alien Invasion Scene
Create a surreal alien photo manipulation with vivid colors. This tutorial will show you how to create an alien creature and add multiple UFOs.
Create a Leatherback Book Icon
Learn how to create this leatherback book design in Photoshop. This tutorial will show you how to draw a book and apply textures and layer styles.
How to Create a Disturbing Scene of a Flooded Room with a Giant Hand Carrying a Fish
In this Photoshop tutorial, we will learn how to create a dirty, flooded room with a giant hand saving a fish inside a glass ball. We will learn how to blend images together seamlessly using several stock photos by using several Photoshop tools such as the Transform tool and the Brush tool.
Create a Stunning Parrot Photo Manipulation
In this tutorial artist is going to show you how to use a picture of an animal to create an awesome abstract. Also, He is going to show you more techniques that can help you to understand how to manipulate layers.
Make smurf wallpaper with photoshop montage
This beginner photoshop tutorial is inspired by the movie Smurf. If you have not watched it, go and see it! They are so incredibly cute and the movie is just so funny and adorable. So, if you like to make a cute smurf wallpaper or poster, this photoshop tutorial is for you.
How to Create a Surreal Photo Manipulation
In this tutorial you will learn How to Create a Surreal Photo Manipulation.
Create a Rocky Text Effect with Space Background
In this Photoshop tutorial, Artist will show you the steps he took to Create a Rocky Text Effect with Space Background in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try 
Create a Futuristic Bicycle Icon
It’s fun and challenging to create items from scratch in Photoshop. In this tutorial we will create a futuristic bicycle icon from scratch using some basic Photoshop tools. Let’s get started!
Create Detailed Vintage Typography
In this tutorial we will demonstrate how to customize a typeface in Illustrator and then use Photoshop to create a stunning vintage detailed typographic design. Let’s get started!
Create Convincing Text-Shaped Buildings
Creating convincing buildings that appear like text in a cityscape can be a challenging task. In this tutorial we will learn how to create building-shaped typography in Photoshop using photos that you have taken yourself. Let’s get started!
7 Excellent HTML5 Tools And Resources
There are many tools and resources out there for designers and developers, but getting by free and good ones is not that easy. That is why I am sharing 7 Excellent HTML5 Tools And Resources. Read each entry in the list and see which one suits your needs best.
You are welcome if you want to share more html5 tools and resources that our readers/viewers may like. Do you want to be the first one to know the latest happenings at SmashingApps.com, just subscribe to our rss feed and you can follow us on twitter and follow us on Digg as well to get updated.
Heartcode CanvasLoader Creator
The Heartcode CanvasLoader Creator is a free online tool which you can use to generate scripted preloaders (spinners or throbblers) for your HTML projects. The Creator is using the CanvasLoader UI Library.
Html5 File Upload with Progress
Html5 finally solves an age old problem of being able to upload files while also showing the upload progress.
Making a Beautiful HTML5 Portfolio
In this tutorial, you will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do much more.
Create a Stylish Contact Form with HTML5 & CSS3
Here is a step by step process to create your own stylish contact form completely out of HTML5 and CSS3.
Periodic Table of the HTML5 Elements
The table here shows the 106 elements currently in the HTML5 working draft and two proposed elements.
Interactive Typography Effects with HTML5
This tutorial outlines what is really just the tip of the iceberg that is interactive design. It will go over the development of dynamic, and generative banners to give your website that little extra wow.
JavaScript Mobile Framework for HTML5 Web Apps
DHTMLX Touch is a free open source JavaScript library for building HTML5-based mobile web apps. It’s not just a set of UI widgets, but a complete framework that allows you to create eye-catching, robust web applications that run on iOS, Android, and other mobile platforms.
