Name
Email

Entries Tagged as 'Tutorials'

30 Excellent CSS3 Tutorials

Published August 2nd, 2011 in Resources, Tutorials | 7 Comments
Submitted by | Visit Source

In this post we have collected some useful and fresh CSS3 tutorials for developers and designers. If you like these CSS3 tutorials you might also want to check out our previous posts below.

26 Useful jQuery Navigation Menu Tutorials

28 Fresh jQuery Tutorials

Making a CSS3 Animated Menu

21 Fresh Text Effect Tutorials

Published July 31st, 2011 in Tutorials | 9 Comments
Submitted by | Visit Source

There are many different ways to express yourself through typography, and thankfully, we have Photoshop there to help us make it that much easier. In today’s post, I will share with you 21 fresh text effect tutorials for Photoshop to help spice up your next project.

Fantasy Spring Text Effect

Building an Elegant Tooltip Dropdown Menu Powered by jQuery

Published July 5th, 2011 in Tutorials | 8 Comments
Submitted by | Visit Source

Within the jQuery library it’s possible to create some fantastic effects. These can enhance the overall user experience dramatically and often work hand-in-hand with new CSS3 and HTML5 techniques. As the field of web design has evolved, prominent new techniques have evolved as well.

Below I’ve gone into depth over the process for creating a fantastic navigation menu with tooltips. Each is dynamically generated to hold a small bit of information about the currently targeted link. We’re working with the newest jQuery 1.6.x library and jQuery colortips from Tutorialzine.

There are three (3) major steps to breaking down our code. The first is raw HTML which displays our demo page mockup and how to implement a similar navigation system on your own website. Second we must utilize CSS styles to create our tooltip boxes and pointers. And lastly we must integrate with jQuery and the colortips library to figure out how we should call each tooltip.

View demo of jQuery Tooltip Navigation Menu

demo of tooltip menu tutorial

28 Fresh jQuery Tutorials

Published March 17th, 2011 in design, Resources, Tutorials | 19 Comments
Submitted by | Visit Source

In this post we have collected 28 fresh and useful jQuery tutorials. If you like jQuery tutorials you might also want to check out some of our previous posts below. Enjoy!

20 Useful jQuery Slider Tutorials

25 jQuery Tutorials for Improved Navigation Menus

Easy Display Switch with CSS and jQuery

Create an Image Rotator with Description (CSS/jQuery)

How to Create a jQuery Confirm Dialog Replacement

20 Useful jQuery Slider Tutorials

Published December 7th, 2010 in design, Resources, Tutorials | 25 Comments
Submitted by | Visit Source

Today we have collected 20 useful jQuery slider tutorials to help all you developers improve your skills! Enjoy!

Automatic Image Slider w/ CSS & jQuery

Create a Cool Text Effect in Photoshop With a Single Texture

Published November 30th, 2010 in design, Resources, Tutorials | 36 Comments
Submitted by | Visit Source

There’s no doubt that you can create some stunning effects in Photoshop, but it doesn’t all have to be really complicated. In fact, there are all kinds of interesting things that you can do really easily. In this tutorial, I want to show you how you can use a single, grungy texture to bring a really interesting treatment to a typographic design.

To start off, we’re going to need a texture. I’m going to be using this one from the Mega Textures Pack that I released over on the Echo Enduring Blog:

Echo Enduring Texture

Photoshop Clone Stamp Tool

Published June 28th, 2010 in Resources, Tutorials | 22 Comments
Submitted by | Visit Source

I think that, like me, a lot of people out there actually learn most of what they know about Photoshop by teaching themselves. Even if you do take a class, it will likely focus on the basics, and just won’t have the scope to dig into all of the finer details of the application. There’s certainly nothing wrong with this, and I think that the best way to learn anything is to get your hands dirty and dig into it yourself.

Recently, however, I was at a Photoshop seminar in which the instructor, Dave Cross, was discussing this very thing. He said that there is one significant problem with being a self-taught Photoshop user, and that that problem was the teacher. The comment was perhaps somewhat tongue-in-cheek, and intended to draw a chuckle from us, but there’s definitely some truth to it.

To take another of Cross’ lines: would you trust a “self-taught” surgeon?

Anyhow, this idea became apparent to me just over a year ago, during a discussion with a friend with whom I regularly share tips and suggestions for using Photoshop. Though I cannot recall his exact phrasing, he basically asked me what I thought of the Clone Stamp tool, and whether it was something worth using.

Useful WordPress Template Tags for Theme Development

Published June 23rd, 2010 in Tutorials | 22 Comments
Submitted by | Visit Source

Template tags can be used in your wordpress theme to display information dynamically or retrieving information about your wordpress blog. In this post we will show you some easy and useful wordpress template tag that you can use in your theme.

Template tags are codes that instructs wordpress “get” something/information for example to getting your wordpress blog description, title, category. The great part of using template tags is you can avoid using plugins, which can certainly make your website faster. Before we get started you should have the basic knoweldge of PHP, since wordpress is built on it. Also, just to make sure you must wrap all with codes with <?php (all codes here) ?> .

Listing Wordpress Categories

This tag is used to retrieve all the categories in your blog. You can also pass different parameters to exclude some categories or other functions. The simplest way to pull your category is :
[cc escaped="true"]
wp_list_categories(”);

[/cc]
The result you will get it is

33 Poster Design Tutorials

Published May 20th, 2010 in Tutorials | 15 Comments
Submitted by | Visit Source

Poster design is a favorite of many graphic designers, and there are a number of quality tutorials available to teach you more about poster design in Photoshop. In this post we’ll feature 33 of the best. This list includes a variety of different styles of posters, so you should be sure to find something that you like.

How to Create a Retro Boxing Poster in Photoshop

How to Create a Retro Boxing Poster in Photoshop

17 Tutorials for Designing Your Own Business Card

Published April 30th, 2010 in Tutorials | 34 Comments
Submitted by | Visit Source

Business cards are a necessity for designers and other creatives. In this post we’ll feature some tutorials that will teach you how to design an attractive business card. You can follow the tutorials exactly or use parts of them to learn new tricks and create something unique for your own business card.

How to Design an Abstract Business Card in Photoshop

How  to Design an Abstract Business Card in Photoshop

Page 2 of 612345...Last »