Ajax

10 JavaScript Libraries To Handle Keyboard Events

If you are looking for some JavaScript Libraries that can handle keyboard events, then you are at right place. Here we are featuring 10 best JavaScript Libraries that can handle keyboard events very well. With these libraries, developers can complete their tasks easily. It is important to incorporate event handlers to your HTML documents and register functions via JavaScript. This way, you can make your web applications to act similarly to a desktop application.

Here is the complete collection of 10 useful JavaScript libraries that can be very helpful for you. We hope that this collection proves to be the best for you. Enjoy looking into this collection and have more fun in using them for your works. Enjoy!

Keypress

Keypress is an input capture library with some very special features, it is easy to pick up and use, has a reasonable footprint (~9kb), and has no dependencies.


Read the rest of this entry »

12 jQuery Flipbook Plugin

In this round up, we have put together 12 best jQuery flipbook plugins for you that are the most popular interactive animation shortcuts in the recent days. With the help of flipbook or page flips effects, website owners can effectively present their product catalogs, sales brochures and content in visually appealing and eye catching manner. Moreover, flipbook effects gives the overall website design a new dimension.
In this compilation, you will find 12 best jQuery plugins for creating flipbook effects. We hope that you find this collection useful and will use these plugins in more creative way. Feel free to share your opinions and suggestions with us via comment section below. Enjoy!

A Content Flip Plugin

A jQuery plugin that will create a booklet-like component that let’s you navigate through its items by flipping the pages.

Flippage

FlipPage is a jQuery plugin that creates the illusion of turning the pages of a book.

The jFlip Plugin

This plugin builds an image gallery made as a book.

Creating a Flipbook Image Slider

Here we will be Creating a Flipbook Image Slider with CSS3 3D Transforms and jQuery.

Moleskin Notebook With Jquery Booklet

Here we will show you how to use and customize the brilliant jQuery Booklet Plugin by talented Will Grauvogel.

Fullscreen Pageflip Layout

A tutorial on how to create a fullscreen pageflip layout using BookBlock. The idea is to flip the content like book pages and access the pages via a sidebar menu that will slide out from the left.

Booklet

Booklet is a jQuery tool for displaying content on the web in a flipbook layout. It was built using the jQuery library.

Portfolio Flipping Slider Using Jquery And CSS3

In this tutorial We are going to share about how to displaying our portfolio grid with flipping slider effect for pagination using jQuery & CSS3 Transform.

Flippy

Flippy is a cross-browser flip effect plugin for jQuery which allows you to flip whatever html element you want. It now supports rgba colors.

Experimenatl Page Layout

An experimental page layout that let’s you navigate pages by swiping or dragging as in a booklet, inspired by Flipboard.

Flip

Flip is a jQuery plugin that will flip easily your elements in four directions.

Metro JS

Metro JS is a JavaScript plugin for jQuery developed to easily enable Metro interfaces on the web.

Extensive Collection Of Useful jQuery Plugins For Working With Tables

jQuery plugins are quite in these days in the field of web designing and are extensively used because of their aesthetically appealing results. Through jQuery tables plugins, you can attain the maximum results in terms of functionality and flexibility. The level of flexibility and functionality that jQuery provide cannot be met with classic HTML tables.

Here we are presenting a collection of exceptional and highly functional jQuery tables plugins that let you create user-friendly tables easily and efficiently. Enjoy!

Table Pagination

( Demo | Download )
This jquery plugin is used to create a pagination element under a table element. You can customize your pagination needs through various settings.

Tablesorter

( Demo | Download )
tablesorter is a jQuery plugin for turning a standard HTML table with THEAD and TBODY tags into a sortable table without page refreshes. tablesorter can successfully parse and sort many types of data including linked data in a cell.

Animated Sortable Data Table jQuery plugin – jTPS

( Demo | Download )
jTPS is a datatable jQuery plugin that offers pagination, animated scrolling through pages and intelligent natural sorting capability. The development version is currently 15KB.

Flexigrid

( Demo | Download )
Lightweight but rich data grid with resizable columns and a scrolling data to match the headers, plus an ability to connect to an XML based data source using Ajax to load the content.

Animated table sort

( Demo | Download )
This plugin allows you to animatedly sort a table based on a column’s td’s, or on the content/value of a child/descendant element within those td’s. The various td’s fly to their new homes, giving a nice effect. It also supports sorting on REGEXP matches. You can also control whether row relationships are maintained, whether it sorts on ascii or numeric and ascending or descending.

HeatColor, a jQuery plugin

( Demo | Download )
HeatColor is a plugin that allows you to assign colors to elements, based on a value derived from that element. The derived value is compared to a range of values, either determined automatically or passed in, and the element is assigned a “heat” color based on its derived value’s position within the range.

Collapser

( Demo | Download )
Jquery collapser is a multi purpose collapser plugin made for expanding and collapsing elements. Can create a accordion, list collapser using this plugin.

jExpand

( Demo | Download )
jExpand is ultra lightweight jQuery plugin that will make your tables expandable. Typical for line of business applications, this feature can help you organize tables better. This way, tables can hold more information such as images, lists, diagrams and other elements.

Tree Table

( Demo | Download )
The treeTable plugin allows you to display a tree in a table, i.e. a directory structure or a nested list. Each branch in this tree can be collapsed and expanded, just like in a file explorer in most modern operating systems.

Table Drag and Drop

( Demo | Download )
This TableDnD plugin allows the user to reorder rows within a table, for example if they represent an ordered list. Individual rows can be marked as non-draggable and/or non-droppable. Rows can have as many cells as necessary and the cells can contain form elements.

jQuery charToTable plugin

( Demo | Download )
With this useful plugin you can convert characters to tables using jQuery.

Add Table Rows Count

( Demo | Download )
With jQuery rowCount plugin you can automatically add table row count column to your tables.

uiTableFilter

( Demo | Download )
uiTableFilter is a jquery plugin for filtering table rows.

Ingrid

( Demo | Download )
Ingrid is an unobtrusive jQuery component that adds datagrid behaviors (column resizing, paging, sorting, row and column styling, and more) to your tables.

JQTreeTable

( Demo | Download )
Take a plain html table, wrap the rows you want collapsing/expanding in a tbody with an id of treetable, map each row to it’s parent row, set some options, and let jQTreeTable take it from there.

PicNet Table Filter

( Demo | Download )
This jQuery plugin adds real time Google-like column filtering capabilities to a regular Html table. This is an open source project released under The MIT License (MIT).

TableEditor

( Demo | Download )
TableEditor provides flexible in place editing of HTML tables. User defined handler functions can easily be dropped in to, for example, update the data source via an AJAX request.

jQuery ColumnManager plugin

( Demo | Download )
A jQuery-plugin to toggle the visibility of table columns (collapsing and expanding them) and to save the state until the next visit. It’s supporting tables with colspans and rowspans, too!

CSV2 Table

( Demo | Download )
This plugin loads a CVS file (e.g. created using Excel) and creates a table with the contents in that CVS file.

JSquared

( Demo | Download )
JSquared Enables ability to add/remove HTML table columns and rows.

jQuery.kiketable.rowsizable

( Demo | Download )
This plugin, applied to n-tables of an HTML page, provides the behaviour of resizing rows by clicking over a “image handler”.

Graphtable

( Demo | Download )
graphTable provides the ability to graph the data in a simple HTML table using flot.

Grider

( Demo | Download )
Grider is a plugin for jQuery that makes your life easier when you need to edit or create a table that handles a list of items. It helps you to do calculations in a very simple way, it supports the following features.

jQuery floating table header plugin

( Demo | Download )
A jQuery plugin that makes the header of a table floating if the original header isn’t visible due to scrolling. The plugin will automatically choose the thead tag as the header for a table. If thead isn’t found it will search for rows marked with the class ‘floating’. The behavior can be changed by the settings forceClass and markingClass.

LiveFilter

( Demo | Download )
LiveFilter is a very lightweight jQuery plugin that will filter either an ordered or unordered list and display only the results that match the supplied string.

TinySort

( Demo | Download )
TinySort will sort any nodetype by it’s text- or attribute value, or by that of one of it’s children.

Using jQuery To Manipulate and Filter Data

( Demo | Download )
When a webpage is designed to display large tables of data, a great amount of consideration should be dedicated to allowing the user to sort through the data in a structured manner. In this tutorial, author will go over four techniques: hover effects, zebra rows, filtering, and sorting.

Creating a “Filterable” Portfolio with jQuery

( Demo | Download )
If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, you can learn how to make “filtering by category” a little more interesting with just a little bit of jQuery.

List Reorder

( Demo | Download )
List Reorder is a jQuery plugin that allows you to reorder any simple ordered or unordered list. List Reorder is easy to use and does not require any additional markup. Its look and feel is completely customizable using a set of CSS classes.

DragTable

( Demo | Download )
Maybe you want to sort the columns ascending/descending by clicking into the table-head. No problem! Use a handle to drag the rows.

FireScope Grid

( Demo | Download )
FireScope Grid is an open source (GNU Public License, v2) jQuery component that adds datagrid behaviors to your HTML tables, regardless of the server-side technology being used. Included in the plugin is a navigation bar that is automatically appended at the beginning or end of a table that enables users to page through results, filter results by any column or sorted on the fly without need to refresh the entire page.

Fixed Header Tables

( Demo | Download )
FixedHeaderTable in its simplest form displays a fixed header for any valid table mark-up. This is an active jQuery plugin project so expect new features and improvements to be released.

JGridEditor

( Demo | Download )
This jQuery plugin allow you to add on-the-flight cell editing functionality in your table You may configure it to perform AJAX queries and returning changed content or error messages.

pfSelect – click drag select for huge datasets

( Demo | Download )
This lightweight select plugin allows you to select elements easily by click-drag select, shift select or ctrl select within a huge dataset and without any speed decrease. It adds a mouseover event to each specified element (by default elements with class “selectable”) and doesn’t calculate any marquee rectangle as the Jquery UI plugin does. Therefore it has no performance issues with hundreds of elements. Use this plugin if you have tons of elements and you need fluid interactivity.

Sortable Tables

( Demo | Download )
jQuery Accessible RIA, a collection of strictly WAI WCAG 2.0 and WAI ARIA conform web applications based on the popular Java-Script framework jQuery (using the UI Widget Factory).

KeyTable

( Demo | Download )
KeyTable is a Javascript library which provides keyboard navigation and event binding for any HTML table. With KeyTable Excel style table navigation can be employed to provide features such as editing of a table without requiring a mouse. As a further bonus, KeyTable integrates seamlessly with DataTables.

Zentable

( Demo | Download )
Zentable is a plug-in for the jQuery Javascript library. It allows to show and manipulate tabulated data on a web page but with functionalities typically expected from native applications, as scrolling with the mouse wheel, resizing column widths or using keys to move through the data. It can be used with or without AJAX, but is using AJAX where this plug-in really shines.

jQuery Week Calendar

( Demo | Download )
The jquery-week-calendar plugin provides a simple and flexible way of including a weekly calendar in your application. It is built on top of jquery and jquery ui and is inspired by other online weekly calendars such as google calendar.

45 jQuery Plugins And Tutorials To Enhance Your Forms

Creating awesome and appealing forms for your website has now become easy, thanks to jQuery plugins. Here we are sharing with you a collection of some extremely useful plugins and tutorials to help you create beautiful and awesome web forms.

Web forms are the crucial element for any website as website visitors use such forms to interact with the webmaster. Therefore, keeping them neat and functional while maintaining their aesthetic appeal is important. Here is the complete list. Enjoy!

Boxy –Facebook-like dialog/overlay ( Demo | Download )
Boxy is a flexible, Facebook-style dialog box for jQuery with support for dragging and size tweening.

Screenshot

A jQuery Inline Form Validation ( Demo | Download )
When it comes to form validation, it’s hard to have a versatile solution that works with every form. Figuring out how to display errors is not a simple task. When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers.

Screenshot

ToChecklist plugin ( Demo | Download )
The toChecklist plugin for jQuery will give you the functionality of a SELECT box without the need to ctrl+click items to select them.

Screenshot

A Fancy Contact Form ( Demo | Download )
Providing a simple and reliable means of feedback from site visitors is a crucial part of any web presence. The most simple and common feedback channel are contact forms. In this tutorial we are going to make an AJAX contact form which leverages modern web development techniques.

Screenshot

Select Multiple Form Fields ( Demo | Download )
asmSelect is a jQuery plugin that answers some of these issues. A progressive enhancement is applied to the select multiple that makes it much easier to use. This enhancement automatically hides the original select multiple, and instead presents a regular select showing the available options, and an HTML list showing the already-selected options.

Screenshot

Creating a Digg Style Sign Up Form ( Demo | Download )
In this tutorial we are going to simulate their signup form, with unique features such as their dynamic tooltips that give you a hint on each field that is to be filled. The same approach will be adopted for displaying validation messages.

Screenshot

jQuery Show Password Plugin ( Demo | Download )
This plugin works by adding a text field that takes the value of what is typed into the password field. Then, when the link is clicked the password field is hidden and the text field is shown.

Screenshot

Create an AJAX/jQuery/PHP Contact Form ( Demo | Download )
This tutorial uses XHTML, CSS, jQuery and a little PHP to make a pop-up/modal contact form that validates whatever is entered into the form and then uses AJAX to send the form without refreshing the page.

Screenshot

LightForm ( Demo | Download )
LightForm is a free Ajax/PHP contact form. It combines FormCheck2 for fields validation and NiceForms to style text fields and textareas.

Screenshot

MeioMask ( Demo | Download )
With meioMask plugin you can create and apply maskstot text input fields.

Screenshot

LiveValidation ( Demo | Download )
LiveValidation is a small open source javascript library for making client-side validation quick, easy, and powerful. It comprises of two main parts. Firstly, it provides developers with a rich set of core validation methods, which can also be used outside the context of forms.

Screenshot

WordPress plugins for contact forms ( Demo | Download )
There are lots of WordPress plugins for contact forms, but wouldn’t it be nice to have more control over the markup? In this tutorial, Trevor is going to show how to use a custom page template to create a contact form in WordPress without a plugin.

Screenshot

How to Enhance Forms Using jQuery UI ( Demo | Download )
jQuery makes creating UI so much easier without compromising speed and quality. In this tutorial we are going to enhance form using jQuery UI, so let’s get started

Screenshot

Submit A Form Without Page Refresh using jQuery ( Demo | Download )
Submit a contact form that sends an email, without page refresh using jQuery, This tutorial will help you creating a form that can be submitted without page refreshing, using JQuery.

Screenshot

Timepickr ( Demo | Download )
jquery.timepickr was created in a attempt to make the process of inputing time in a form as easy and natural as possible.

Screenshot

Password Strength Indicator and Generator ( Demo | Download )
In the example about you will see two password boxes and with them you have a generate password link and an icon showing you the strength of your password.

Screenshot

JQByte StickyForms ( Demo | Download )
StickyForms is a jQuery plugin that automatically saves all form fields into cookies, and then autofills those values on any form that shares element IDs across your site.

Screenshot

File Style jQuery ( Demo | Download )
Browsers do not let you style file inputs. File Style plugin fixes this problem. It enables you to use image as browse button. You can also style filename field as normal textfield using css. It is written using JavaScript and jQuery.

Screenshot

Autocomplete ( Demo | Download )
By giving an autocompleted field focus or entering something into it, the plugin starts searching for matching entries and displays a list of values to choose from. By entering more characters, the user can filter down the list to better matches.

Screenshot

Emblematiq Niceforms ( Demo | Download )
You basically know a web form when you see one as they always look the same and they’ve kept this look over the years. Try as hard as you might but web forms can only change their appearance so much. Some may argue that this is a good usability feature, and I tend to agree, but there comes a time when you just need to style web forms so that they look different. How do you do that? Niceforms comes to the rescue!

Screenshot

A BETTER FORM – SPAM-LESS ROBOT-LESS FORMS ( Demo | Download )
A Better Form is a jQuery plugin I designed to help eliminate spam comments, spam emails and other automated form submissions.

Screenshot

Progress Bar ( Demo | Download )
It’s a very simple widget with a small API that exposes a limited number of properties and methods, but it can still be highly effective and is great for providing visual feedback to visitors on the percentage of a process is left before it is complete.

Screenshot

jQuery AlphaNumeric ( Demo | Download )
jQuery AlphaNumeric is a javascript control plugin that allows you to limit what characters a user can enter on textboxes or textareas.

Screenshot

Build An Incredible Login Form With jQuery ( Demo | Download )
In this tutorial, we’ll create a sliding panel, that slides in to reveal more content, using JQuery to animate the height of the panel. In this case, we will be creating a hypothetical login for the new tutsplus area that’s coming soon.

Screenshot

prettyCheckboxes ( Demo | Download )
This script is for people who wants to have a consistent look for checkboxes across browser or those who simply want them to look better. By using this script you wont loose any of the regular inputs usability.

Screenshot

Improved Current Field Highlighting in Forms ( Demo | Download )
In this tutorial CSS expert Chris Coyier will tell you how to improve your form usuability and enhance them visually.

Screenshot

jQuery Ajax delete ( Demo | Download )
Removing contents with Ajax is a useful tool to have in any web designers kit. Using a few lines of jQuery we can remove a div and simultaneously remove a record from the database with Ajax. In the download and demo you’ll see a small red cross to the right of each comment. Clicking the cross will remove the comment div with a slide up animation which will remove the div. click the image below to check out the demo.

Screenshot

jQuery Auto Complete ( Demo | Download )
Auto-complete takes input from the user, and tries to form a list of words that match the users input. The function attaches itself to the input field selected, and also creates the UL drop down from within so all you need is have the styles for it ready.

Screenshot

Date Picker ( Demo | Download )
Date Picker component with a lot of options and easy to fit in your web application.

Screenshot

Plugin for Password Masking ( Demo | Download )
This plugin gives users the option to see the chracters of the password the are entering, for usability purposes.

Screenshot

jQuery Form Plugin ( Demo | Download )
The jQuery Form Plugin allows you to easily and unobtrusively upgrade HTML forms to use AJAX. The main methods, ajaxForm and ajaxSubmit, gather information from the form element to determine how to manage the submit process.

Screenshot

Input Fields with Images ( Demo | Download )
With this plugin you can add icons or images inside of input fields to add some flair to your forms.

Screenshot

Elastic ( Demo | Download )
Elastic makes your textareas grow and shrink to fit it’s content. It was inspired by the auto growing textareas on Facebook. The major difference between Elastic and it’s competitors is it’s weight.

Screenshot

jQuery Checkbox ( Demo | Download )
This plugin allows you to style your forms checkboxes or radio buttons.

Screenshot

iPhone Style Checkboxes ( Demo | Download )
With this plugin you can enhance standard HTML checkboxes and gives them an iPhone-like styling.

Screenshot

jQuery Autosave ( Demo | Download )
Autosave is designed to save the progress of forms by saving the fields to cookies so you won’t lose anything should anything go wrong. The plug-in saves the form fields at certain intervals (the default is every 10 seconds) and whenever you leave the page.

Screenshot

AutoTab ( Demo | Download )
Autotab provides smart auto-tabbing and filtering on text fields in a form. Simply put: once you have typed the maximum number of characters in a text field, you will automatically have focus on the next defined text field. Target text fields are defined, as well as a defined previous text field.

Screenshot

Magicpreview ( Demo | Download )
Magicpreview automatically updates selected elements on a page based on form fields. Perfect for previewing forms.

Screenshot

Using form labels as text field values ( Demo | Download )
When designing you sometimes have limited space to put and display all of the form elements. Recently that happened to me and when I was trying to squeeze in a simple newsletter form to a 120px wide area (plus a limited height). I realized that some of the elements will have to go. The obvious solution was to get rid of the labels and put only the form text fields. How will the users know what are the text fields for? I will use value attributes and write the explanation in there, something like “Input your email here”. Problem solved? Not quite. Why? Because I am a web standards freak :)

Screenshot

Checking username availability with ajax using jQuery ( Demo | Download )
The time when username availability is checked after the page is normaly processed is long way behind us. Google has it, Yahoo has it and many many more sites have it, ajax username availability checker. So in this tutorial we will make an ajax username availability checker powered with jQuery.

Screenshot

jQuery Highlight plugin ( Demo | Download )
Highlight increases usability by highlighting elements as you interact with the page. Its primary use is for forms, but it can also be used for tables, lists, or any element you specify. It can also be used to toggle elements on and off, for example, table rows.

Screenshot

A Fancy AJAX Contact Form ( Demo | Download )
Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from bots and spammers. We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop specified item into a circle.

Screenshot

ASM Select ( Demo | Download )
A progressive enhancement to select multiple form elements. It provides a simpler alternative with lots of advantages.

Screenshot

BABYSTEPS ( Demo | Download )
BabySteps (A ‘What About Bob?’ reference) is a simple and easily configurable tool for turning long forms into broken out steps without going from page to page.

Screenshot

BS FORM ACCELERATOR ( Demo | Download )
BS Form Accelerator will be able to use Enter or Space buttons in your forms replacing the buttons such as Tab for changing focus in fields just with assigning an ID to the form.

Screenshot

Need Interactive Charts For Your Personal Website? Try Highcharts

If you have a non-commercial website and you need to add charting capabilities in your website, Highcharts may suit your needs.  Highcharts is a free charting control developed purely with Javascript so that you can show interactive charts on your website.  Since its purely developed with Javascript, you don’t need any special server side technologies like ASP.NET or PHP and no client-side plug-ins are required like Flash or Silverlight.

Highcharts is dynamic in nature. With the support of jQuery and Ajax API, you can dynamically set axes and points of charts at runtime, hence making Highcharts an excellent choice for demonstrating real-time data like Stocks and Forex.

It works with all major web browsers including iPhone and supports a number of chart types, such as:

Implementing Highcharts just require some basic understanding of Javascript and you don’t need to be an expert programmer having special programming skills in specific languages.  The syntax is very simple and the integration is almost seamless.

In addition to all this, Highcharts gives your website an enhanced user experience with interactive moving charts with cool designs and eye-catching colors.

85+ Excellent Resources And Tutorials Especially For Designers To Discover The Best Of The Web In January

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 85+ Excellent Resources And Tutorials Especially For Designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

You are welcome to share if you know more best of the web in the month of January which 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 do not forget to become our fan on facebook as well.

Design Tips, Tricks and Tutorial

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

40+ Photoshop Tutorials for Creating Gadget Designs

40-Photoshop-Tutorials-for-Creating-Gadget-Designs

How to Create a Realistic Fountain Pen

How-to-Create-a-Realistic-Fountain-Pen

51 Bangin’ Blender Tutorials

51-Bangin-Blender-Tutorials

How to Make a Professional Buddy Icon in Photoshop

How-to-Make-a-Professional-Buddy-Icon-in-Photoshop

Create a Stunning 3D Liquid Explosion Artwork

Ceate-a-Stunning-3D-Liquid-Explosion-Artwork

40 Imaginary Photoshop Tutorials & Techniques

40-Imaginary-Photoshop-Tutorials-Techniques

35 Tutorials and Guides for Working With Wacom Tablets

35-Tutorials-and-Guides-for-Working-With-Wacom-Tablets

Creating a Realistic Torn Photo Effect – Photoshop Tutorial

Creating-a-Realistic-Torn-Photo-Effect-Photoshop-Tutorial

18 Outstanding Typography Photoshop Tutorials Of 2010

18-Outstanding-Typography-Photoshop-Tutorials-Of-2010

Design a Surreal Desert Scene in Photoshop

Design-a-Surreal-Desert-Scene-in-Photoshop

Mastering Photoshop: Unknown Tricks and Time-Savers

Mastering-Photoshop-Unknown-Tricks-and-Time-Savers

23 Professional Facial Photoshop Retouching Tutorials

23-Professional-Facial-Photoshop-Retouching-Tutorials

35 Photoshop Tutorials for Creating Web Design Layouts

35-Photoshop-Tutorials-for-Creating-Web-Design-Layouts

Easy Digital Painting Illustration in Photoshop

Easy-Digital-Painting-Illustration-in-Photoshop

Artwork, Digital Photography and Inspiration

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

40+ Examples of Typography Inspired in Web Design

40-Examples-of-Typography-Inspired-in-Web-Design

33 Astounding CG Environments

33-Astounding-CG-Environments

The Colorful Showcase Of Beautiful Typography

The-Colorful-Showcase-Of-Beautiful-Typography

40 Beautiful Corporate Websites

40-Beautiful-Corporate-Websites

62 Gorgeously Designed CG Characters

62-Gorgeously-Designed-CG-Characters

70 Fairly Creative Fresh Logo Designs for Design Inspiration

70-Fairly-Creative-Fresh-Logo-Designs-for-Design-Inspiration

Showcase Of Modern Navigation Design Trends

Showcase-Of-Modern-Navigation-Design-Trends

45 Superb Examples of Warrior and Battle Art

45-Superb-Examples-of-Warrior-and-Battle-Art

30 Great Uses for 3D in Flash Websites

30-Great-Uses-for-3D-in-Flash-Websites

Amazing Grunge Artworks by Alex

Amazing-Grunge-Artworks-by-Alex

50 Digital Fairy Tale Character Illustration Collections

50-Digital-Fairy-Tale-Character-Illustration-Collections

Textures In Web Design: Examples And Best Practices

Textures-In-Web Design-Examples-And-Best-Practices

Beautiful Digital Art by Miriam Moshinsky

Beautiful-Digital-Art-by-Miriam-Moshinsky

11 Most Popular Blog Design Styles (With Examples)

11-Most-Popular-Blog-Design-Styles-With-Examples

35+ Fantastic Robot Art Illustration

35-Fantastic-Robot-Art-Illustration

40 Inspiring Single Page Websites

40-Inspiring-Single-Page-Websites

50 Packaging Designs That Pack A Punch

50-Packaging-Designs-That-Pack-A-Punch

20 Stunning Typographic Designs

20-Stunning-Typographic-Designs

25 Absolutely Magical Fantasy Traditional Art Drawings

25-Absolutely-Magical-Fantasy-Traditional-Art-Drawings

Newsletter Design: 50+ Great Examples

Newsletter-Design-50-Great-Examples

30 Clever And Creative Packaging Designs for Inspiration

30-Clever-And-Creative-Packaging-Designs-for-Inspiration

Super Cool Pictures of Insects

Super-Cool-Pictures-of-Insects

“The Page Can’t Be Found” Coolest Error 404 Pages In Web Design

The-Page-Cant-Be-Found-Coolest-Error-404-Pages-In-Web-Design

60 Sites with Attractive Typographical Introductions

60-Sites-with-Attractive-Typographical-Introductions

Javascript and Ajax

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

20 Fresh JavaScript Data Visualization Libraries

20-Fresh-JavaScript-Data-Visualization-Libraries

45 jQuery Navigation Plugins and Tutorials

45-jQuery-Navigation-Plugins-and-Tutorials

30 Stylish jQuery Tooltip Plugins For Catchy Designs

30-Stylish-jQuery-Tooltip-Plugins-For-Catchy-Designs

25 Tutorials and Resources for Learning jQuery UI

25-Tutorials-and-Resources-for-Learning-jQuery-UI

Sexy Animated Tabs Using MooTools

Sexy-Animated-Tabs-Using-MooTools

30 Useful Tutorial for JavaScript Framework Navigation

30-Useful-Tutorial-for-JavaScript-Framework-Navigation

90+ Useful jQuery Plugins for Designers and Developers

90-Useful-jQuery-Plugins-for-Designers-and-Developers

xHTML and CSS

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

14 Helpful Cheat Sheets for Front-end Web Development

14-Helpful-Cheat-Sheets-for-Front-end -Web-Development

30 Cutting Edge Examples Of CSS Navigation

30-Cutting-Edge-Examples-Of-CSS-Navigation

The New Hotness: Using CSS3 Visual Effects

The-New-Hotness--Using-CSS3-Visual-Effects

How To Create Depth And Nice 3D Ribbons Only Using CSS3

How-To-Create-Depth-And-Nice-3D-Ribbons-Only-Using-CSS3

Resources

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

The Ultimate Collection Of Colorful And Inspiring Vector Art

The-Ultimate-Collection-Of-Colorful-And-Inspiring-Vector-Art

20 Fonts Ideal for Big and Powerful Headings

20-Fonts-Ideal-for-Big-and-Powerful-Headings

31 Rare WordPress Themes

31-Rare-Wordpress-Themes

33 Absolutely Free E-Commerce Icon Sets

33-Absolutely-Free-E-Commerce-Icon-Sets

Massive Collection of Over 1,000 Floral Photoshop Brushes

Massive-Collection-of-Over-1000-Floral-Photoshop-Brushes

10 Free Professional PSD Web Templates

10-Free-Professional-PSD-Web-Templates

70 Awesome Wooden Texture Packs from DeviantArt

70-Awesome-Wooden-Texture-Packs-from-DeviantArt

4800 Mini Icons You Ever Need for your Apps

4800-Mini-Icons-You-Ever-Need-for-your-Apps

30+ Must Have Photoshop Actions For Photo Touch-Ups

30-Must-Have-Photoshop-Actions-For-PhotoTouch-Ups

40 Valuable Tools and Resources For Web Designers

40-Valuable-Tools-and-Resources-For-Web-Designers

100+ Seamless Patterns Great for Creating Website Backgrounds

100-Seamless-Patterns-Great-for-Creating-Website-Backgrounds

A Roundup of 45 Industrial Free Fonts

A-Roundup-of-45-Industrial-Free-Fonts

35 High Quality Apple Inspired Icons

35-High-Quality-Apple-Inspired-Icons

50 Fabulous Flash Web Design Tools and Software

50-Fabulous-Flash-Web-Design-Tools-and-Software

30+ Useful Free Icon Sets in PSD Format

30-Useful-Free-Icon-Sets-in-PSD-Format

25 New High Quality Free Fonts

25-New-High-Quality-Free-Fonts

20 Abstract Effects Photoshop Brushes

20-Abstract-Effects-Photoshop-Brushes

10 Completely Free Wireframe and Mockup Applications

10-Completely-Free-Wireframe-and-Mockup-Applications

25 Fresh, Clean and Unique WordPress Themes

25-Fresh-Clean-and-Unique-Wordpress-Themes

18 Useful WordPress Contact Form Plugins

18-Useful-Wordpress-Contact-Form-Plugins

35 Stunning Free Fonts To Enhance Your Designs

35-Stunning-Free-Fonts-To-Enhance-Your-Designs

Miscellaneous Articles

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

30+ Very Useful Color Tools For Designers

30-Very-Useful-Color-Tools-For-Designers

The Evolution of a Design Blog

The-Evolution-of-a-Design-Blog

A Basic Guide to Photoshop’s 3D Tools

A-Basic-Guide-to-Photoshops-3D-Tools

55+ Most Wanted WordPress Tips, Tricks, and Hacks

55-Most-Wanted-WordPress-Tips-Tricks-and-Hacks

16 useful Mac cheat Sheets

16-useful-Mac-cheat-Sheets

20 Must Have WordPress CMS Plugins

20-Must-Have-WordPress-CMS-Plugins

10 Tips for Better Print Style Sheets

10-Tips-for-Better-Print-Style-Sheets

How to Create Creativity

How-to-Create-Creativity

10 Essential Tips You Should Know

10-Essential-Tips-You-Should-Know

Getting Inspiration from Admiration

Getting-Inspiration-from-Admiration

The Complete Guide to Getting the Most Out of Twitter

The-Complete-Guide-to-Getting-the-Most-Out-of-Twitter

14 Traits of Successful Blogs

14-Traits-of-Successful-Blogs

How to Make All Browsers Render HTML5 Mark-up Correctly – Even IE6

How-to-Make-All-Browsers-Render-HTML5-Mark-up-Correctly–Even-IE6

13 Useful WordPress SQL Queries You Wish You Knew Earlier

13-Useful-WordPress-SQL-Queries-You-Wish-You-Knew-Earlier

Useful Tools for Testing Cross Browser Compatibility

Useful-Tools-for-Testing-Cross-Browser-Compatibility

11 Amazing Free Web Applications To Make Your Lives Easier

11-Amazing-Free-Web-Applications-To-Make-Your-Lives-Easier

70+ Promising Resources and Tutorials Especially For Designers To Discover The Best Of The Web In December

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 70+ Promising Resources and Tutorials Especially For Designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

You are welcome to share if you know more best of the web in the month of December which 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 do not forget to become our fan on facebook as well.

Design Tips, Tricks and Tutorial

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

45+ Truly Stunning Digital Painting Tutorials

45-Truly-Stunning-Digital-Painting-Tutorials

Create a Watercolor-Themed Website Design with Photoshop

Create-a-Watercolor-Themed-Website-Design-with-Photoshop

How To Create a Sleek Audio Player Interface in Photoshop

How-To-Create-a-Sleek-Audio-Player-Interface-in-Photoshop

65 Mold-Breaking 3ds Max Tutorials

65-Mold-Breaking-3ds-Max-Tutorials

Creating a Modern, Glossy Mouse Icon in Photoshop

Creating-a-Modern-Glossy-Mouse-Icon-in-Photoshop

40+ Excellent Adobe Illustrator Cartoon Tutorials

40-Excellent-Adobe-Illustrator-Cartoon-Tutorials

25 Photoshop Tutorials for Designing Portfolio Sites

25-Photoshop-Tutorials-for-Designing-Portfolio-Sites

How to Create a Curious Owl in Illustrator CS4

How-to-Create-a-Curious-Owl-in-Illustrator-CS4

30+ Useful Logo Design Tutorials for Photoshop and Illustrator

30-Useful-Logo-Design-Tutorials-for-Photoshop-and-Illustrator

72 Magnificent Maya Tutorials

72-Magnificent-Maya-Tutorials

22 Tutorials To Create Shiny Effect Using Photoshop

22-Tutorials-To-Create-Shiny-Effect-Using-Photoshop

The 50 Best Photoshop Tutorials of 2009

The-50-Best-Photoshop-Tutorials-of-2009

Artwork, Digital Photography and Inspiration

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

Visa Campaign does Amazing Arts on the Go

Visa-Campaign-does-Amazing-Arts-on-the-Go

16 Popular Website Redesigns Of 2009

16-Popular-Website-Redesigns-Of-2009

32 Superb Examples of Photo Manipulation

32-Superb-Examples-of-Photo-Manipulation

Logo Design A to Z

Logo-Design-A-to-Z

Stunning Mosaic Illustrations from Charis Tsevis

Stunning-Mosaic-Illustrations-from-Charis-Tsevis

Data Tables In Modern Web Design

Data-Tables-In-Modern-Web-Design

50 Beautiful Watercolor Paintings

50-Beautiful-Free-Icon-Sets-For-Your-Next-Design

25 Ultra-Creative Packaging Designs From DeviantArt

25-Ultra-Creative-Packaging-Designs-From-DeviantArt

Changing Design Trends for Site Maps

Changing-Design-Trends-for-Site-Maps

Logo Design Inspiration: 70 Creative Fresh Designs

Logo-Design-Inspiration-70-Creative-Fresh-Designs

35 CSS-based Layouts that Look Awesome

35-CSS-based-Layouts-that-Look-Awesome

25 Beautiful and Creative Artworks Featuring Year 2010

25-Beautiful-and-Creative-Artworks-Featuring-Year-2010

The Best of 2009 in Flash Web Design

The-Best-of-2009-in-Flash-Web-Design

Talented Landscapes and Scenery Artist Ksenia

Talented-Landscapes-and-Scenery-Artist-Ksenia

50 Creative Examples of Illustrations in Web Design

50-Creative-Examples-of-Illustrations-in-Web-Design

Business Cards: Collection of Inspirational Designs

Business-Cards-Collection-of-Inspirational-Designs

30+ Examples Of Tilt-Shift Photography And How To

30-Examples-Of-Tilt-Shift-Photography-And-How-To

Headers and Footers that Grab You Coming and Going

Headers-and-Footers-that-Grab-You-Coming-and-Going

Go Bananas with 50+ Vector Illustrations that Monkey Around

Go-Bananas-with-50-Vector-Illustrations-that-Monkey-Around

30 Examples of Beautiful Portfolio Designs

30-Examples-of-Beautiful-Portfolio-Designs

28 Breathtaking Nature and Wildlife Photos

28-Breathtaking-Nature-and-Wildlife-Photos

24 Typographic, Clean and Minimalist Motifs to Inspire

24-Typographic-Clean-and-Minimalist-Motifs-to-Inspire

High Dynamic Range (HDR) Photography: Tutorials, Tips and Stunning Examples

High-Dynamic-Range-HDR-Photography-Tutorials-Tips-and-Stunning-Examples

Javascript and Ajax

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

15 Incredible Apple Webdesign Style Coding Tutorials

15-Incredible-Apple-Webdesign-Style-Coding-Tutorials

Solutions to 5 Common Ajax Problems

Solutions-to-5-Common-Ajax-Problems

18 Latest jQuery Plugins for Your Next Project

18-Latest-jQuery-Plugins-for-Your-Next-Project

20 Professional jQuery Image Gallery Plugins

20-Professional-jQuery-Image-Gallery-Plugins

7 jQuery Cheatsheets For Every Designer & Developer to Have

7-jQuery-Cheatsheets-For-Every-Designer-Developer-to-Have

xHTML and CSS

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

33 Must Read CSS3 Tips, Tricks, Tutorial Sites and Articles

33-Must-Read-CSS3-Tips-Tricks-Tutorial-Sites-and-Articles

Stronger, Better, Faster Design with CSS3

Stronger- Better-Faster-Design-with-CSS3

Fundamental CSS3 Resources for Designers

Fundamental-CSS3-Resources-for-Designers

CSS Techniques I Wish I Knew When I Started Designing Websites

CSS-Techniques-I-Wish-I-Knew-When-I-Started-Designing-Websites

Resources

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

40 High Resolution Photoshop Brushes

40-High-Resolution-Photoshop-Brushes

25 Beautiful Free PSD Files to Download

25-Beautiful-Free-PSD-Files-to-Download

50 Free Resources Of Hand Drawing Style Icons, Brushes, Textures and Fonts

50-Free-Resources-Of-Hand-Drawing-Style-Icons-Brushes-Textures-and-Fonts

Beautiful Fresh Free Fonts for Designers

Beautiful-Fresh-Free-Fonts-for-Designers

30+ Free Online Multimedia (Photo, Audio, Video) Editors

30-Free-Online-Multimedia-Photo-Audio-Video-Editors

50 Beautiful Free Icon Sets For Your Next Design

50-Beautiful-Free-Icon-Sets-For-Your-Next-Design

25 High Quality Abstract Photoshop Brush Sets to Touch Up Your Design

25-High-Quality-Abstract-Photoshop-Brush-Sets-to-Touch-Up-Your-Design

The Top 50 Web Development Icon Sets from 2009

The Top-50-Web-Development-Icon-Sets-from-2009

10 Free Apps for Managing Your Fonts

10-Free-Apps-for-Managing-Your-Fonts

Ultimate Resource List for Vector Graphics

Ultimate-Resource-List-for-Vector-Graphics

30+ Free Adobe Illustrator Pattern Sets

30-Free-Adobe-Illustrator-Pattern-Sets

Great Free Denim Textures

Great-Free-Denim-Textures

30 Excellent Fresh Free Fonts For Your Designs

30-Excellent-Fresh-Free-Fonts-For-Your-Designs

Miscellaneous Articles

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

30 Powerhouse and Prospective Design Blogs

30-Powerhouse-and-Prospective-Design-Blogs

The 6 Most Common Posts on Design Blogs

The-6 Most-Common-Posts-on-Design-Blogs

7 Tools To Optimize The Speed of Your Website

7-Tools-To-Optimize-The-Speed-of-Your-Website

69 Coolest Web Apps Of 2009

69-Coolest-Web-Apps-Of-2009

30+ Portable Window apps for your USB drive

30-Portable-Window-apps-for-your-USB-drive

35 Adobe AIR Tutorials for Web Developers

35-Adobe-AIR-Tutorials-for-Web-Developers

How to Build a Shopping Cart using CodeIgniter and jQuery

How-to-Build-a-Shopping-Cart-using-CodeIgniter-and-jQuery

22 Latest Exceptional WordPress Hacks

22-Latest-Exceptional-WordPress-Hacks

How to Find Anything Online: Become an Internet Research Expert

How-to-Find-Anything-Online-Become-an-Internet-Research-Expert

20 Excellent Facebook Scripts and Resources

20-Excellent-Facebook-Scripts-and-Resources

The Role of College for Web Designers Comments Feed

The-Role-of-College-for-Web-Designers-Comments-Feed

Useful Suggestions To Secure And Speed Up Your WordPress Blog

Useful-Suggestions-To-Secure-And-Speed-Up-Your-WordPress-Blog

25 Graph and Chart Solutions for Web Developers

25-Graph-and-Chart-Solutions-for-Web-Developers

How Many Ideas Do You Show Your Clients?

How-Many-Ideas-Do-You-Show-Your-Clients

60+ Ultimate Resources Especially For Designers

60+ Ultimate Resources Especially For Designers To Discover The Best Of The Web In November

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 60+ Ultimate Resources Especially For Designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

You are welcome to share if you know more best of the web in the month of November which 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 do not forget to become our fan on facebook as well.

Design Tips, Tricks and Tutorial

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

Creating a Detailed Master Plan Rendering in 3dsmax and Photoshop

Create a Leather-Textured, Realistic Briefcase Icon

Ultimate Round-Up Of 60 Excellent Gimp Tutorials

Create a Photorealistic Car Render using 3DS Max and Vray

99 Brain Blasting Cinema 4D Tutorials

30+ Photoshop Tutorials for Creating Space and Planets

30+ Realistic Gadget Design Photoshop Tutorials

30 Photo Effect Photoshop Tutorials Every Designer Will Love

47 Spectacular RealFlow Tuts

How to Make Beautiful Gradient Typography with Photoshop

GIMP Quick Tips: Abstract Background Effect

Artwork, Digital Photography and Inspiration

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

Website Design: Beautiful Vintage and Retro Inspired Designs

40 Inspiring Panoramic Photographs

95 Fresh Examples Of Single Page Website Designs

60 Bizarre Examples of Grunge Photography

50 Impressive Magazine and Newspaper Styled Web Designs

50+ Creative Sneakers Made with Quality Vector Craftsmanship

Inspirational Showcase Of Music-Related Logos

Excellent HTML Newsletter Templates – Best Of

20 (Probably) the Most Beautiful Fractal Artworks You will Ever See

Google Doodles from Different Countries You Haven’t Seen

45 Inspiring Navigation Menus That You Must See

69 Sexy Portfolio Designs To Inspire You

Javascript and Ajax

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

The Basics of Object-Oriented JavaScript

10 Awesome Techniques and Examples of Animation with jQuery

10 Useful jQuery WordPress Plugins To Enhance Your Blog

Designing CSS Buttons: Techniques and Resources

Making an Interactive Picture with jQuery

20+ Easy to Use jQuery Text Effects and Animations

xHTML and CSS

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

Essential CSS/HTML Lists Styling Techniques

CSS Box Model: The Foundation For Improving Your CSS

CSS References, Tutorials, Cheat Sheets, Conversion Tables and Short Codes

Resources

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

11 Free High Quality Dirty Wall Textures

Three Easiest Tools To Help You Create Stunning Slideshows

Top 20 Essential Firefox Add-ons for Web Designers

Free Fonts: Excellent List of Resources

The Big Collection Of Free Design Textures

28 Free WordPress Photo Gallery Themes

25+ Free Chrome Textures

A Collection of Useful Web Design Wireframing Resources

15 Best Places for Designers to Get Free Stock Photos Online

Miscellaneous Articles

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

Top 20+ MySQL Best Practices

The Ultimate Toolbox for iPhone Development

Most Essential Free Softwares After Windows Installation

11 Smart Keyword Related Apps to Help You Simplify Your SEO Task

16 Intelligent Sites For Application Review

60+ Ultimate Resources Especially For Designers

65+ Must See Resources Especially For Designers To Discover The Best Of The Web In September

We are always in search of great free resources, tips, tricks, etc. for our readers. Every day we work hard to find new resources and inspiration for designers like you. Today, we have another great post, “Discover the Best of the Web” on SmashingApps. In this, we made a list of 65+ Must See Resources Especially For Designers. We obviously cannot cover all the best from the web, but we have tried to cover as much as possible.

You are welcome to share if you know more best of the web in the month of September which 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 as well.

You may be interested in these older posts
10 Stunning Photos That Look Like They are Photoshopped But Are Not
23 Awesome Photos That Look Like They’re Photoshopped But Are Not
21 Brilliant Photos That Look Like They’re Photoshopped But Are Not
60+ Incredible Tutorials And Resources Collections For Designers

50+ Creative Masterpieces Of Logo Designs Using Gradient Effects
21 Stunning Examples Of Creatively Done Stop Motion Animations
15 Most Useful & Free Collection Of Ready-To-Use Design Freebies
43 Really Useful Photoshop Tutorials For Excellent 3d Effects
17 Mind-Blowing Digital Painting Tutorials Of Beautiful Girls
31 Masterpieces Of Creative And Clever Advertising Concepts
21 Really Stunning Photoshopped Photos For Creative Inspiration
43 Of The Extremely Creative Wonders Of Macro Photography
27 Best Places You Should Visit To Get Incredible Web Design Inspiration!
21 Extremely Vibrant And Creative Advertisements With Animals
39 Masterpieces Of Creative Advertisements

17 Digital Image Illustration Which You Probably Never Seen Before!
15 Digital Photo Manipulation From Flickr To Get Inspiration
23 Awesome Photos That Look Like They’re Photoshopped But Are Not

Design Tips, Tricks and Tutorial
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””
82 Earth-Shattering ZBrush Tutorials

82 Earth-Shattering ZBrush Tutorials

56 Absolutely Brilliant and Intriguing Photoshop Video Tutorials

56 Absolutely Brilliant and Intriguing Photoshop Video Tutorials

45 Tutorials for Learning Pixelmator

45 Tutorials for Learning Pixelmator

27 Excellent Digital Photography Tutorials

27 Excellent Digital Photography Tutorials

40 Useful Photoshop Tutorials for Photo Manipulation

40 Useful Photoshop Tutorials for Photo Manipulation

10 Wonderful Letterpress Type Tutorials

10 Wonderful Letterpress Type Tutorials

6 Different Ways to Make Your Text and Images Glow [Tutorials]

6 Different Ways to Make Your Text and Images Glow [Tutorials]

11 Fascinating and Educational Tutorials Teaching You How to Produce Better Photo Effects

11 Fascinating and Educational Tutorials Teaching You How to Produce Better Photo Effects

How to Effectively Use Contrast, Auto Levels, and Batch Processing

How to Effectively Use Contrast, Auto Levels, and Batch Processing

50+ Most Amazing Adobe After Effects Tutorials You Need to Learn

50+ Most Amazing Adobe After Effects Tutorials You Need to Learn

20+ Car Pimping and Tuning Photoshop Tutorials

20+ Car Pimping and Tuning Photoshop Tutorials

15 Of The Best Character Illustration Tutorials Online

15 Of The Best Character Illustration Tutorials Online

Photoshop Tutorials You Do Not Want to Miss

Photoshop Tutorials You Do Not Want to Miss

Urban Art Tutorial in Photoshop and Illustrator

Urban Art Tutorial in Photoshop and Illustrator

Top Places to Find Quality Illustrator Tutorials Online

Top Places to Find Quality Illustrator Tutorials Online

Artwork, Digital Photography and Inspiration

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

Typographic Portraits That Are Absolutely Beautiful

Typographic Portraits That Are Absolutely Beautiful

100 Artworks from the Top 20 Designers in The Middle East and Africa

100 Artworks from the Top 20 Designers in The Middle East and Africa

23 Colorful And Smart Examples Of Beautiful Web Designs

23 Colorful And Smart Examples Of Beautiful Web Designs

70 Fresh and Inspirational Blog Designs

70 Fresh and Inspirational Blog Designs

Stunning illustrated typography on dark backgrounds

Stunning illustrated typography on dark backgrounds

Best of Best WordPress 404 Error Page Designs

Best of Best WordPress 404 Error Page Designs

20 Amazing Examples of Vector Artwork

20 Amazing Examples of Vector Artwork

Website Design: Some of the most uniquely designed E-commerce websites

Website Design: Some of the most uniquely designed E-commerce websites

40 Gorgeous Fantasy Wallpapers to Spice Up your Laptop

40 Gorgeous Fantasy Wallpapers to Spice Up your Laptop

40 Creative and Inspiring Website Backgrounds Techniques

40 Creative and Inspiring Website Backgrounds Techniques

13 Striking Digital illustrations of Horror Girls by Yoshitaka Kawakami

13 Striking Digital illustrations of Horror Girls by Yoshitaka Kawakami

CSS: Design Out Of The Box

CSS: Design Out Of The Box

40 Excellent Examples of Interior Designs Rendered in 3D Max

40 Excellent Examples of Interior Designs Rendered in 3D Max

25 Examples of Web 2.0 and Traditional Design Rules Coming Together

25 Examples of Web 2.0 and Traditional Design Rules Coming Together

33 Creative and Beautiful Logos

33 Creative and Beautiful Logos

50 Inspiring Web Application and Service Web Site Designs

50 Inspiring Web Application and Service Web Site Designs

50 Beautiful & Unique Twitter Profile Designs

50 Beautiful & Unique Twitter Profile Designs

30 Powerful and Inspiring Street Fighter Characters Artworks

30 Powerful and Inspiring Street Fighter Characters Artworks

50 Websites (and More) for Your Design Inspiration

50 Websites (and More) for Your Design Inspiration

20 Creative Illustration Advertisements from behance

20 Creative Illustration Advertisements from behance

40 Breathtaking & Creative Logo Designs Just to Inspire

40 Breathtaking & Creative Logo Designs Just to Inspire

TOP 35 Grunge Websites

TOP 35 Grunge Websites

Amazing Character Designs: 75 Brilliant Examples

Amazing Character Designs: 75 Brilliant Examples

25 Inspiring Examples of Abstract Vector Design

25 Inspiring Examples of Abstract Vector Design

15 Mind Blowing Dragons Illustrations and Artworks

15 Mind Blowing Dragons Illustrations and Artworks

Javascript and Ajax

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

40 Super-Neat JavaScript Plugins

40 Super-Neat JavaScript Plugins

25 Useful jQuery Tooltip Plugins and Tutorials

25 Useful jQuery Tooltip Plugins and Tutorials

35+ Create Amazing Image Effects and Sliders with These Awesome jQuery Plugins

35+ Create Amazing Image Effects and Sliders with These Awesome jQuery Plugins

10 Easy jQuery Tricks for Designers

10 Easy jQuery Tricks for Designers

xHTML and CSS
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

Create a photorealistic web layout – CSS/XHTML available

Create a photorealistic web layout - CSS/XHTML available

CSS Wishlist: New Ideas, Debates and Solutions

CSS Wishlist: New Ideas, Debates and Solutions

51 Form Element Resources and Tutorials Using CSS And Javascript

51 Form Element Resources and Tutorials Using CSS And Javascript

30 CSS Best Practices for Beginners

30 CSS Best Practices for Beginners

Resources
”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

60+ Totally Free Rusted Metal Textures for Designers

60+ Totally Free Rusted Metal Textures for Designers

460 Free High Quality Icons For Web Designers

460 Free High Quality Icons For Web Designers

60 High Quality Photoshop PSD Files For Designers

60 High Quality Photoshop PSD Files For Designers

Massive Collection of Stunning Photoshop Actions

Massive Collection of Stunning Photoshop Actions

27 Best WebSites to Download Free Seamless Patterns

27 Best WebSites to Download Free Seamless Patterns

Fresh Free High-Quality Icon Sets

Fresh Free High-Quality Icon Sets

Style Switchers Showcase and Resources

Style Switchers Showcase and Resources

76 Dirty, Extreme And Creative Free Grunge Fonts

76 Dirty, Extreme And Creative Free Grunge Fonts

99 High-Quality Free (X)HTML/CSS Templates

99 High-Quality Free (X)HTML/CSS Templates

Five Free Tools for Multi-Monitor Computer Set-Ups

Five Free Tools for Multi-Monitor Computer Set-Ups

14 Best Online Typography Tools for Web Designers

14 Best Online Typography Tools for Web Designers

16 Free “Premium Quality” WordPress Magazine Themes

16 Free “Premium Quality” WordPress Magazine Themes

13 Excellent Firefox Add-Ons That Are Absolutely Useful

13 Excellent Firefox Add-Ons That Are Absolutely Useful

49 Amazing Resources for Free Vector Graphics

49 Amazing Resources for Free Vector Graphics

Miscellaneous Articles

”””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””””

20+ Powerful WordPress Security Plugins and Some Tips and Tricks

20+ Powerful WordPress Security Plugins and Some Tips and Tricks

10 Revealing Infographics about the Web

10 Revealing Infographics about the Web

30 Incredibly Useful WordPress Hacks

30 Incredibly Useful WordPress Hacks

The Only SEO Tools You’ll Ever Need

The Only SEO Tools You’ll Ever Need

The Difference Between Art and Design

The Difference Between Art and Design

Must See SEO Guide for All WordPress Bloggers

Must See SEO Guide for All WordPress Bloggers

21 Stylish CSS/jQuery Solutions To Beautify Your Web Designs

We are always in search of great free tutorials, resources, tips, tricks, etc. for our readers. Everyday we work hard to find new and useful stuffs for designers like you. Today, we have another great post related to design a beautiful website using stylish effects with CSS/jQuery. In this, we made a list of 21 Stylish CSS/jQuery Solutions To Beautify Your Web Designs. We obviously cannot cover all of the best available on internet, but we have tried to cover as much as possible.

You are welcome to share more CSS/jQuery tutorials and resources which 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 as well.

Fancy Thumbnail Hover Effect w/ jQuery

Fancy Thumbnail Hover Effect w/ jQuery

This is very beautiful thumbnail hover effect with jQuery tutorial using xHTML and CSS. If you switch up the absolute position coordinates, you can create various ways the hover effect pops out as well.

iCarousel

iCarousel

iCarousel is an open source (free) javascript tool for creating carousel like widgets. iCarousel is fully configurable. You can change any default option just initializating the class with an object in JSON.

Create a jQuery Graph Plugin

Create a jQuery Graph Plugin

In this tutorial, author combine the versatile canvas element with the robust jQuery library to create a bar graphing plugin. In this first part, he is going to code the core logic of the plugin as a standalone version.

Styling and Adding Sort Options

Styling and Adding Sort Options

This article consists of 2 parts: one is marking up and styling tags and the second is adding behavior to tag cloud using client-side script.

Uni-Form

Uni-Form

Uni-Form is an attempt to standardize form markup (xhtml) and css, “modularize” it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms.

FancyUpload

FancyUpload

FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers.

Animated Menus Using jQuery

Animated Menus Using jQuery

This tutorial will show you how to create beautiful animated menus using jQuery.

Improve form usability with auto messages

Improve form usability with auto messages

Animated auto messages are useful to improve FORM usability and Scriptaculous is a great framework to use in this case. In this article, you will learn how to improve form usability adding an auto message which appears and disappears with a nice fade-in and fade-out effect when an user select a field.

Unobtrusive Table Actions Script

Unobtrusive Table Actions Script

An attempt at writing an unobtrusive (and fast) script that adds commonly required “actions” to data tables.

Control.Tabs

Control.Tabs

Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute. Since it attaches these behaviors to HTML that already has semantic meaning, it will degrade gracefully for browsers that do not support JavaScript, and is search engine friendly. It attaches in one line of code for simple use cases, but is highly customizable and can be used in a variety of edge cases.

Simple Page Peel Effect with jQuery & CSS

Simple Page Peel Effect with jQuery & CSS

You have probably seen these forms of advertisings where you can peel a corner of a website and see a message underneath. It seems most are flash driven, but this one was developed using some simple lines of jQuery.

Create a Slick Tabbed Content Area using CSS & jQuery

Create a Slick Tabbed Content Area using CSS & jQuery

Tabbed content is a great way to handle this issue and has been widely used on blogs recently. In this article, author is going to build a simple little tabbed information box in HTML, then make it function using some simple Javascript, and then finally we’ll achieve the same thing using the jQuery library.

Create Vimeo-like top navigation 

Create Vimeo-like top navigation

In this tutorial, you will learn to create Vimeo-like top navigation. The base for this tutorial is simple CSS drop down menu based on unordered list.

Animate a hover with jQuery

Animate a hover with jQuery

Animate an image while hovering it and show the visitors information while doing that. It’s quite simple, you will make a list with a relative position, the image you will place with an absolute position, while hovering it you will give jQuery the command to give it a nice animating effect.

jQuery Tutorials for Designers

jQuery Tutorials for Designers

This article contains 10 visual tutorials intended for web designers and newbies on how to apply Javascript effects with jQuery.

Style Your Website’s Search Field with JS/CSS

Style Your Website’s Search Field with JS/CSS

SearchField is a simple lightweight, unobtrusive script that adds styling and behaviour to your search form fields. All you need to make SearchField work is a simple form field and 2 lines of code (links to css and js file) and you are ready to rock.

FancyBox 

FancyBox

FancyBox is tool for displaying images, html content and multi-media in a Mac-style “lightbox” that floats overtop of web page.

Create an Image Rotator with Description (CSS/jQuery)

Create an Image Rotator with Description (CSS/jQuery)

An image rotator is one great way to display portfolio pieces, eCommerce product images, or even as an image gallery. Although there are many great plugins already, this tutorial will help you understand how the image rotator works and helps you create your own from scratch.

Simple CSS + Javascript Tooltip with jQuery

Simple CSS + Javascript Tooltip with jQuery

This is simple and easy way to create a javascript tooltip with jQuery. Author break it into several sections: getting the mouse xy axis, anchor tag structure, how to hide default TITLE tooltips, css plus rounded corners box.

Create astonishing iCal-like calendars with jQuery

Create astonishing iCal-like calendars with jQuery

This is really useful tutorial to create astonishing iCal-like calendars with jQuery.

How to implement a news ticker with jQuery and ten lines of code

How to implement a news ticker with jQuery and ten lines of code

In this post, author is discussing to illustrate you how to implement a nice news ticker using jQuery and just ten lines of Javascript code.