Category Archives: Tutorials

Despite the “unofficial” status of CSS3, we all know that many web developers and designers adopt various efficient solutions and CSS3 experiments. Today we’ve tried to combine awesome visual effects with superb functional menu and navigation resources that would help you improve your CSS3 skills. The following round-up contains various tutorials that are mostly experimental ones, but we hope that some of these will be adopted and widely used by web developers all over the world. The featured CSS3 Menu and Navigation Tutorials will make you reconsider your classical methods of work in favor of new techniques and methods.

CSS3 animated dropdown menu

 
css3-menu-navigation-tutorials

* * *

Creative CSS3 Animation Menus

 
css3-menu-navigation-tutorials

* * *

Continue reading

One of the long-awaited events of this spring has become the new edition of Photoshop CS6. At the present moment we have Creative Suit 6 Beta version which is delighted us with new features and additional design tools. Now everything gets more interesting! Making the exploring process convenient and easy for you, we prepared new Photoshop tutorials which will help to improve your skills and test your practical knowledge in this area. The tutorials are about new 3D tools, different types of blurs, oil painting photo effects, adaptive wide angle filter, diary or journal web layouts, vertical social ribbons, and other impressive effects and icons. They will be really helpful and useful for creating any kind of website, personal or public project. Check the following Photoshop Creative Suite 6 tutorials and have a wonderful experience practicing with it!

Blur Gallery Tutorial in Photoshop CS6

* * *

Oil Painting Photo Effects Tutorial

* * *

Continue reading

T
he practice of using a large letter to mark the start of a text or a paragraph is an effective method to put the visual accents on the certain parts of information and guide the readers through the whole body of the text. The two-thousand-years-old tradition to open the text with the stylized first letter of the first word is widely used today in various texts sources. Whether you read a newspaper, a book or the blog, you can notice a number of Drop Caps that add certain brightness to a page. To create this effective decorative element is not a problem if you refer to the professional how to create a Drop Cap tutorials. While browsing this thought-out compilation of tutorials, you can find the most accessible ways of creating Drop Caps for your projects. Being written by experts, these Drop Cap tutorials will show you all the process from A to Z with all important details. Why not to try to create your own cool Drop Cap?

***

CSS3 Drop Caps

 

Drop Cap Tutorials

***

Creating Drop Caps Using CSS

 

Drop Cap Tutorials
Continue reading

Photo Realistic Textures as well as various other textures are the indispensable part of graphic design. They are widely applied to the works in order to add the desired tone and cool look to them. Plenty of them are to be found in various compilations all around the web, but sometimes you need some special textures that are not of the same kind as thousands of others. In this case, you can try your best and create your own photo realistic textures and share your experience with others. This collection of Photo Realistic Textures in Photoshop Tutorials will show you the process of creating different textures from A to Z. While following these examples, you’ll be able to create the desired textures as realistic as it is possible. So, browse these useful materials and create your own effective photo realistic textures!

***

Create a Realistic Paper Texture in 5 Minutes

 

Photo Realistic Textures
***

Create Your Own Leather Texture Using Filters

 

Photo Realistic Textures
***
Continue reading

If you want to make your website more spectacular and add some dynamics to impress your visitors than you should try out to improve it with parallax effect. This effects originally was used in video games from 80′s and 90′s and now it is widely used by web designers. Basically, this is a technique wherein background images move slower than foreground images, creating an illusion of depth. We’ve gathered for you a bunch of awesome parallax effect tutorials so you can improve your skills in creating this extraordinary effect. We sincerely hope that following resources will help you a lot. Cheers!
 

Build a parallax scrolling website interface with jQuery and CSS

 
parallax-tutorials

* * *

One Page Website, Vertical Parallax

 
parallax-tutorials

* * *

Continue reading

Since Template Monster launched the production of responsive website templates it is essential to give you some tips on how to customize the site based on this type of templates. Responsive design is not just an adjustable screen resolution and automatically resizable images, it is a whole new way in thinking of the web design and a great collection of techniques and ideas. In this post you can find various responsive design tutorials that will help you improve the managing process of your site based on the responsive template. As you know this type of templates is optimized for various screen resolutions starting from the smartphone layout 320px and up to 2048px monitor resolution. Responsive template transforms automatically depending on the device you browse with. Nevertheless users still have problems with site typography and dispositions of some content blocks on the web page, which is why it is absolutely necessary to use techniques that allow fully optimize the responsive template according to your needs. By the way, here is the complete information about responsive web design for those who start working with it.

“Today, anything that’s fixed and unresponsive isn’t web design, it’s something else. If you don’t embrace the inherent fluidity of the web, you’re not a web designer, you’re something else.”

“Web design is responsive design, Responsive Web Design is web design, done right.”

Andy Clarke

1. Responsive Designing in Three Steps

 
Responsive Designing in Three Steps

2. Responsive Web Design: What it is and How to Use it

 
What is Responsive Web Design Continue reading

Well folks, it looks like HTML5 has accomplished another important mission. Now you can power the process of file uploading with the mighty HTML5 technology. HTML5 file uploading is another important milestone that diminishes the influence of Flash. Here are most valuable HTML5 file uploading tutorials that will spread the light on this interesting feature of HTML5. We’ve collected resources and tutorials of various complexities, so this short roundup would be a useful reading for both experienced developers and young rookies that only start their HTML5 path.
 

Html5 File Upload with Progress

 
html5-file-uploading-tutorials

* * *

HTML5 Drag and Drop Multiple File Upload

 
html5-file-uploading-tutorials

* * *

Continue reading

There is a common opinion anyone with basic knowledge of design craft could make business cards. You see, actually anyone could make them but only few could design them. So, if you are interested in learning how to design creative and remarkable business cards we will suggest you to pay your attention to these business card design tutorials. We are sure that after reading all these resources you’ll find the ways to make really attractive business cards that will hypnotize clients at the first sight. If you have something to share with us concerning the topic of creating business cards then feel free to drop a word below the post in the comments section.
 
Creating a Colorful Vibrant Business Card
 
business-card-tutorials
 

* * *

Making a Grungy Business Card
 
business-card-tutorials

* * *

Continue reading

It’s a notorious fact that the ultimate success of iPhone was also gained due to the variety of useful apps that were worked out by the community. A number of smart guys are eager to develop and customize the apps for this high-quality product and offer more and more cool inventions for us to use. App development for the iPad and iPhone has become enormously popular for today, and you can find so many tutorials on How to Create an iPhone App all around the web. We have compiled this collection of helpful tutorials both for beginners and advanced developers. The useful tips from these tutorials will help you learn How to Create an iPhone App. Let’s browse them!

***

Alert View Application in iPhone Tutorial

 

How to Create an iPhone App
***

Cocoa Touch Tutorial iPhone Application Examples

 

How to Create an iPhone App
Continue reading

Attractive text is the key to a success – every designer that has ever created a banner knows this old rule. If you want to have a visually attractive design product with text block inside – you should definitely draw your attention to the quality and the originality of the text. That’s why today we are featuring 20 brilliant Adobe Illustrator text effect tutorials that would help you to create great looking texts. We are sure that after reading all these Adobe Illustrator text effect tutorials you’ll be able to create text masterpieces in your designs.
 
Creating an Environmentally Friendly Green Type Treatment
 
adobe-illustrator-text-effect-tutorials
 

* * *

Retro 3D Arcade Text Effect in Illustrator
 
adobe-illustrator-text-effect-tutorials

* * *

Continue reading

Page 4 of 10First...2345610...Last