Category Archives: Tutorials

This is an undeniable fact that jQuery is designed to change the way that we write JavaScript, making it more simple and handy. However, each designer tries to advance his/her skills every time as the jQuery technology doesn’t stand in one place. That’s why presented below plugins and tutorials will become really helpful stuff in your work with jQuery. You’ll find useful tutorials about triple panel image slider, how to display Twitter posts, how to create binary trees using JavaScript & HTML5 canvas. Also you can download such handy plugins that allow you to make notification messages, display animated boxes in just one line of code, organize impressive re-ordering of blocks with any content, etc. To get more information about jQuery, you can look through the previous post about practical jQuery plugins, tools and tutorials of July that consists of interesting materials and informative guidances. And now we are presenting you this great set of new jQuery plugins and tutorials that are just to the point!

Triple Panel Image Slider Tutorial

In this tutorial you’ll find necessary information about how to create a jQuery triple panel image slider with a 3D look. The idea is to have a main panel and two lateral panels that are rotated slightly in 3D space. You’ll be using CSS 3D Transforms with perspective and CSS Transitions.

* * *

Create Binary Trees Using JavaScript & HTML5 Canvas

Using this tutorial you can create random binary trees working with JavaScript and HTML5 canvas. The trees are created using simple lines drawn recursively on the canvas. Every 0.5 seconds a new random tree is generated.

* * *

Continue reading

Disclaimer: don’t start reading this post if you are hungry as a wolf! It will make your mouth water. The yummy fruits that are pictured in this post are so eye-candy, that you begin thinking about biting some of them. All of these fruits are vector, and these Photoshop Tutorials – Vector Food show step by step the whole process of their creation. Browsing these tutorials, you can learn all tips and tricks you need to draw vector food and make these drawings expressive. Read them, try, and create your own cool Vector Food illustrations.

***

Create a Painterly Apple with Illustrator CS5’s new Bristle Brush

 

Vector Food Tutorials

***

How to Make Vector Cookies with Shadows and Depth of Field Effects

 

Vector Food Tutorials
Continue reading

If you need to create your own font, but thinking from what point you should start – we suggest you to look through the following selection of useful articles and informative tutorials which will become the first step to achieve your goal. Everyone, who is working with web design and its elements, has the questions about creating or modifying fonts for his/her web projects. That’s why we offer you to check all presented tutorials and figure out which one will be the most suitable for you. Here you’ll find great stuff which contains interesting information about free tools for creating your own fonts, various tutorials about how to make fonts in Photoshop and more. Using these helpful materials, you’ll develop your designer’s skills, learn more about font and at the same time choose the best way how to create fonts for your web project.

Free Tools for Creating Your Own Fonts

* * *

So you want to create a font

* * *

Continue reading

Let’s see what Photoshop techniques are popular in 2012 and what effects are widely used in today’s Photoshop works. Here is a compilation of the Latest Photoshop Tutorials of 2012 that reflects all moods and trends of Photoshop artworks. These tutorials can evoke an interest not only of the beginners, but also of those who are keen on this tool, ‘cause the tips that they give can be useful for all levels of your skills. If you want your works to make a huge impact on the viewers, browse several cool tutorials to see how to make it easily and effectively. They will teach you step by step how to create the visually appealing works and make this process interesting and easy. Below you’ll find the list of Latest Photoshop Tutorials of 2012 for your inspiration and great works.

***

Photoshop Tutorial How To Create The Magical Metamorphoses Of A Butterfly

 

Photoshop Tutorials
***

Creating a Highly Detailed Steampunk Insect

 

Photoshop Tutorials
***
Continue reading

While designing you apply various photo effects to the photos, and watercolor effects that are among them have a great number of fans. The idea of each work is to impress the viewers, and it can be easily performed by using the mentioned above effects in your works. You can notice them here and there on the backgrounds of the designs that adds the stylish tone to the whole works. As usual, it is a combination of pastel and neutral colors, colorful brush strokes, element of watercolor paintings and whatever the designer can imagine. These digital watercolor effects are the very catchy point of design that grabs the attention, and that’s the reason for their huge popularity. Want to get a bit of inspiration? Here is a compilation of Amazing Watercolor Effects in Web Designs and Tutorials for you to enjoy!

Watercolor Effects in Web Designs

***

Create a Watercolor-Themed Website Design with Photoshop

 

Watercolor Effects in Web Design

***

Super Cool Watercolor Effect in 10 steps in Photoshop

 

Watercolor Effects in Web Design
Continue reading

Basically, tutorials are the most comfortable and easiest ways to learn and discover some new capabilities and features which are quite important in the designing process. Informal and practical CSS3 tutorials are always in a great demand as the capabilities of CSS are progressing all the time and we aspire to make more stuff. So today we are preparing for you new tutorials which we believe will be helpful for everybody who wants to improve his or her skills in working with CSS3. You’ll get to know how to make animated 3D bar chart with CSS3, annotation overlay effect, Google play’s minimal tabs and more. So look through and extend your designer’s trunk with such great CSS3 tutorials of spring 2012!

Animated 3D Bar Chart with CSS3

* * *

Annotation Overlay Effect with CSS3

* * *

Continue reading

The future of the Internet are the beautiful websites built with HTML5. The newest version of HTML effectively turns words and graphics into another dimension without using any plug-ins. HTML5 is an updated version of the code used to build websites. The newer version allows to integrate multimedia: videos, pictures, graphics and words directly into its mainframe. CSS3 is the markup language that programmers can lay on top of the HTML to make websites even more visually appealing.

Despite the long term development schedule, many aspects of HTML5 are already implemented into Firefox, Chrome and IE8. It seems there is no escape from the fact that new HTML revision will soon become a major web standard. So lets keep up to the latest trends and learn some new tricks with these HTML5 website layout coding tutorials. Enjoy!

***

Design and Build a Clean Business Layout Using Photoshop and HTML5

***

How to Code a Clean Website Template in HTML5 & CSS3


Continue reading

If you are looking for helpful materials for your mobile phone’s arranging, then our topic about mobile design tutorials for layout elements is right for you! The fast-moving development of mobile technologies has induced the acute need to know more about mobile devices and how to customize them. But it’s not very easy to find really good information with detailed explanation about different layout elements, so we hope that today’s collection of tutorials will definitely help you to achieve your aim and learn something new about mobile layouts. We prepared a set of mobile design tutorials that would be useful to check out. You will find tutorials about layout basics, mobile login screen, layout grids, multiple screen sizes, Android basic image controls, etc. Look through this great stuff and start to create your perfect mobile design!

Learn How to Create a Mobile Apps Style Layout

* * *

Mobile-First Layouts with CSS3

* * *

Clean Mobile Login Screen Tutorial

* * *

Continue reading

Nowadays search boxes are becoming more popular and important as almost each professionally-made website needs the special place for quick information search. That’s why the search box is a very essential part of the website’s structure, especially for content-heavy web projects. Many people simply prefer using the search form to browsing all content, because it’s fast and simple way to find what they are looking for. So the search box is the most frequently used designed element which makes the website more functional and organized. Basically, the search form consists of an input field and a submit button and these elements are unchangeable. But you can add more creativity and individuality to your particular search form using different shapes, styles and color schemes. Considering the active usage of search boxes we decided to include these helpful search form tutorials that will assist you in creation of the perfect search box for your website.

CSS3 Search Field Tutorial

* * *

Website’s Search Field Tutorial

* * *

Stylish CSS3 Search Box

* * *

Continue reading

For the Photoshop lovers we picked a set of hot Photoshop tutorials to help them learn essential and advanced portrait effect techniques. In this round-up you will find various retouching, digital make up, special effects, painting effects and various others techniques to spice up usual photos and make them look really outstanding. In our post we’ve covered techniques used in magazines and advertizing that give photos a glamorous shine.

Since portrait effects are no longer constrained to vignettes or simple stencil effects, this area of Photoshop activities has evolved to an unbelievable level of creativity and complexity. So do not expect to find here tutorial consisting of 3-4 steps, some of them require hours of painstaking work that would result in a lot of new techniques learned and killing photo manipulation you have produced.

A small piece of advice, do not try these effects with your average low quality family photos. These effects require high resolution images to obtain optimum results.

Comics Photoshop Action

comics photoshop action

* * *

Creating Unique Profile Image

unique profile image

* * *

Vexel Image Effect

vexel image effect

Continue reading

Page 3 of 101234510...Last