Your logo and/or brand is important. You know that of course but sometimes it’s good to remember just how important they are. Logos need to be memorable and, at the same time, reflect what you are about. If you are a graphic designer, receiving logo-making instructions from a client can sometimes wander into the realm of the confusing. After all, your client has some idea what they want, but they aren’t a designer. How many times have you heard ‘Well, we want it to be colorful, and we want it to pop. Can it also be warm?” To keep things short, you need all of the help you can get. Here are a batch of innovative logos and tutorials that will help you keep your clients, and yourself, happy. Now get on your copy of Adobe Illustrator and get cracking.

Create a Black and White Logo

BzZz, Create a Fly Logo Design

NiteLife Logo Step by Step Walkthrough

Creating the Brand Identity for a Sports Team

Design a Logotype from Conception to Completion

3D Logo’

Design a Grungy Circular Logo

Cartoon Style Cereal Box Logo

Grunge Style Pharmacy’s Logo

Ornate Lettering Logo

Creating a Crazy Cool Logo

Print-Ready Beer Label

Designing a Pharmacy Logo

Corporate Logo Design Process

Professional Advertisment Banner Tutorial

Swan Logo Tutorial

Logo Walkthrough for Vivid Ways

Rockstar Brand, Logo & Styleguide in Illustrator

Goplan 2.0 Logo Creation Process

Make a Logo Flow in Illustrator

Create a Retro Logo

Quick Logos with Live Trace

Illustrator Quick Banners

Web 2.0 Logo

Gameworld Logo

Step-by-Step Logo Tutorial

Logo for Your Feature Posts

Obama Logo (Added .ai and .eps Assets)

Digg Logo Tutorial

Cuore Glossy 3D

25 Powerful and Useful jQuery Tutorials for Web Developers and Designers

jQuery is all over the place these days. It’s rapidly catching up to CSS as the web template of choice for up and coming designers. It’s easy to see why. It’s constantly changing. Evolving. The only problem with this is, however, you have to constantly change and evolve as well. One simple must keep track of all of the new plugins, tutorials and addons that come down the pike. It can be quite an undertaking. Don’t worry, though. Webrulon is here to help. Here is a list of 25 recent tutorials that will get you up to speed and have you jQuery-ing in no time.

Submit A Form Without Page Refresh using jQuery
Demo URL : View Demo.
Description : This teaches you exactly what it says it does. Get rid of annoying page refreshes and let your users submit a form with simplicity and ease. Not a bad feature to have on a website. This will prevent people from clicking away in annoyance.

Live Email Validation
Demo URL : View Demo.
Description : In this tutorial you will learn how you can validate the format of an email address “live” using that crafty jQuery. It will also let you use regular expressions without any additional plugins.

Fading Menu – Replacing Content
Demo URL : View Demo.
Description : This teaches you to replace content on the fly, live. The possibilities are pretty endless here. For instance, you could use it for animation or to react live to events as they happen on your site. Not a bad thing to know.

Create a Scrolling Menu with CSS and jQuery
Demo URL : View Demo.
Description : This is exactly what it sounds like. Create a scrolling menu using CSS and jQuery. Your website isn’t classy unless it has a scrolling menu, right? Scrolling menus are the Segways of the 2010 web.

Create a live-update list effect with jQuery
Demo URL : View Demo.
Description : A live-update list effect is, essentially, a list that is generated as new data is added. This tutorial will teach you how to do it. No more outside looking in on this one.

Advanced “Poll” jQuery Plugin

Description : This tutorial will teach you how to create a jQuery plugin from start to finish. What’s the plugin do? Allows you to easily add a simple poll widget to a web page or blog. Don’t worry. Future plugins will be much more dastardly.

How to Use jQuery to Preload an Image with a Fade-In Effect
Demo URL : View Demo.
Description : There are all kinds of way to speed up, or give the illusion therein, the way images load on your website. This plugin teaches you aboutl the preloading capabilities of JavaScript while using the jQuery Framework.

Flickr Menu Design
Demo URL : View Demo.
Description : This tutorial will explain how to create a simple step-by-step way to implement a Flickr Horizontal Menu in CSS and jQuery. Now get that camera snapping.

Awesome Popup jQuery Calculator
Demo URL : View Demo.
Description : Numbers! Who needs em? Well, mostly everyone actually. This tutorial will help you keep a handle on them pesky numbers by having you build a popup jQuery calculator for your site.

Semantic Blockquotes with jQuery
Demo URL : View Demo.
Description : Blockquotes are useful in making your text visually appealing. This tutorial shows you how to create said blockquotes using  jQuery. This is a fairly easy tutorial so, beginners, have at it.

Selecting and Styling External Links, PDFs, PPTs …
Demo URL : View Demo.
Description : This handy tutorial teaches you how to use jQuery to select and style PDFs, PPT, images, and external links using jQuery and CSS.

Authenticating Twitter API calls with PHP & jQuery
Demo URL : View Demo.
Description : This tutorial teaches you how to create a simple call to the Twitter API to with your site’s Twitter credentials. This makes it easy to quickly and effortlessly post topics related to your blog from your Twitter. Great for multitaskers.

jQuery Slideshows With the Cycle Plugin
Demo URL : View Demo.
Description : Wanna implement the jQuery Cycle?  This tutorial shows you how. What is the jQuery Cycle? A plugin that allows developers to quickly and easily create a slideshow out of anything contained within a given div element. Cool!

jQuery and Google Maps Tutorial
Demo URL : View Demo.
Description : Using with jQuery within Google Maps can be a hefty task indeed. This tutorial seeks to lessen the burden by giving you step by step instructions. You’ll be Lewis and/or Clark in no time.

jQuery Sequential List
Demo URL : View Demo.
Description : This tutorial will show you how to use jQuery to add a sequent of CSS classes to create a graphical list. Super useful.

Using jQuery Slider to Scroll a Div
Demo URL : View Demo.
Description : This tutorial shows you how to create a horizontally scrolling div using  jQuery, html, and CSS. The trusty jQuery is the main focus of this tutorial, which is used to build the slider which controls the scrolling.

How to Mimic the iGoogle Interface
Demo URL : View Demo.
Description : This tutorial teaches you how to create a customizable interface with widgets. Sound familiar? You got it. iGoogle! The finished product will be simply and minimally coded, just like  iGoogle. This of course opens the doors for tons of applications.

Reddit-style Voting With PHP, MySQL And jQuery
Demo URL : View Demo.
Description : Ever been on Reddit? The site is interesting for a number of reasons, but one way is how voting is handling. A simple up or down vote is the order of the day there. This tutorial teaches you how to emulate that for your site, using jQuery, PHP and MySQL.

Simple jQuery Spy Effect
Demo URL : View Demo.
Description : A great tutorial showing how to use the jQuery Spy Effect plugin and scroll through lists in an aesthetically pleasing manner.

Create a slide tabbed box using jQuery
Demo URL : View Demo.
Description : A simple and straight forward jQuery tutorial that creates a cool sliding tabbed box. For fans of simple and clean web design.

Horizontal Animated Menu
Demo URL : View Demo.
Description : In this tutorial you will build a basic horizontal animated menu using  jQuery. Nothing like the old favorites.

Load In and Animate Content with jQuery
Demo URL : View Demo.
Description : This tutorial teaches you amp up average and humdrum websites.  How? By adding ajax functionality so content loads into the relevant container instead of the user having to navigate to another page. It also teaches you to use great animation effects. Double shot.

Add icons to your links automatically using jQuery & CSS
Demo URL : View Demo.
Description : This tutorial is useful if you want to attach a particular icon to a particular type of link. For example: A PDF icon can attach to all of the PDF file links, a text document icon can attach to all text document links or a zip icon can attach to all links that are linked to zip files. There are many more permutations, of course.

Creating an OS Web Interface in jQuery
Demo URL : View Demo.
Description : In this truly amazing tutorial, you will recreate a complete OS Web Interface with jQuery. Take a look at the demo. This just may blow your mind.

How To Build Quick and Simple AJAX Forms with JSON Responses
Demo URL : View Demo.
Description : In this tutorial, you will go through the steps of setting up an AJAX form, which will return a JSON response. These are used to display success and error messages. Pretty useful.

Flash galleries. Who needs em? You! They are free applications that allow you to create a slideshow on your website quickly and with ease. Just embed it in your website and let the Flash do the rest. The script will automatically form a slideshow from a specified folder or an XML files or from Flickr photostream.

Here are 20 of the best galleries on the web, that we’ve picked and hand delivered to you. They will help you to learn how to create your own 2D and 3D Flash Galleries and also how to turn it in to a Flash Component.

1. Zen Flash Gallery

This set is heavy on the zen, featuring a natural set of photos and tools to add to your website. Not too heavy on the options, but hey, it’s free and easy to use.

2. 3D Album

This fully featured set of 3D components is based on the  “Building a 3D album with FIVe3D and TweenLite” tutorial . Learn, then see it in action!

3. FlashMo Photo Gallery

This is  another standard multi-picture gallery component for you to try out on your website.

4. Flash Gallery

This is a standard-bearer for gallery installing Flash components. Simply install it and it’s ready to go. Techheads need not apply, although they are welcome too.

5. Art Flash Gallery

Another simple and easy to use component for adding a Flash of art to your webpage. It even features a tutorial.

6. FlashMo 3D Grid

7. Free Flash Gallery

This galley only needs a simple XML configuration to get it to do what you want. Simple and effective.

8. Imagin Flash Photo Gallery

IMAGIN is a flash photo gallery that can organize photos and create cool slideshows for your website. It has a bevy of features, including the ability to upload an infinite number of photos.

9. PhotoDiary

PhotoDiary is another Flash based gallery, but this time with a twist. This handy application allows you to easily  manage the photos on a normal php back end. Not bad!

10. Polaroid Gallery

The Polaroid camera may have fallen out of fashion in the past few decades, however that doesn’t mean you can’t emulate the beloved format in Flash gallery form. Enjoy.

11. Veppa Photo Album

This handy dandy Flash gallery component allows you to upload photos to your website in slideshow format in five simple steps. Nothing special, but useful.

12. Flash Page Flip Photo Gallery template for Picasa

This template is based on the free version of the FlashPageFlip flash engine and works in tandem with Google’s successful Picasa platform. The cool thing about this component is attention to detail. For instance, you can even hear pages flip as you scroll through your photos. Heavy on the “Wow” factor.

13. dfGallery 2.0

This fully featured component set raises the ante with easy to use tutorials and videos detailing how to make your website slideshows as fab as you need.

14. Tony’s Photo Album

This gallery component is open source, which means anything you can dream up can be done with this component. However, you need the coding skills to get there.

15. FlashFlickr Photo Gallery

A gallery component that is based on Flex and Actionscript 3.0. It also uses the famous Flickr API.

16. Invert Media Flash Photo Gallery

This is about as easy as it gets. This Flash gallery component requires no Flash or XML skills in order to use. Simply plug and play.

17. Agile Gallery

The Flash version of Agile Gallery is a free Flash photo gallery that rips through the XML output from Picasa and generates the paging and thumbnails and displays the full sized photos along with any descriptions entered.

18. WS-Slideshow

This handy gallery app lets you change styles and properties via an XML file. It also comes packed in with a configuration program that makes things simple and easy.

19. AutoViewer

Auto viewer is a free, customizable Flash image viewer. The program is designed to display a linear sequence of images and captions.

20. Simple Viewer

This simple and cool gallery is easy to use and features a great and simple user interface. Give it a chance.

Even you Photoshop experts out there could stand to learn a thing or two, right? Of course! With that in mind, we present to you a trio of tutorial links to help you achieve Photo manipulation nirvana.

A Little Photoshop – This set of tutorials is useful for photographers. Love to take photographs and use Photoshop to get them looking their best? Then this is for you.

Abduzeedo – This website offers tutorials to really bring the style and flare out of your Photoshop sessions. Just look at some of their in-house artists. Amazing!

Pixel2Life – These tutorials run the gamut from beginning Photoshop tips to expert advice. They really do it all. To you blossoming web developers, the site offers flash tutorials as well.

Love Photoshop? Of course you do! But, who among us can say we are the world’s most renowned expert on the popular photo adjusting program? Who among us can say we no longer have anything left to learn? None of us. That’s right. You heard me. We all could stand to learn a thing or three. The program can do a lot, yaknow?

To help with this self-imposed education, here are a trio of helpful websites that focus on Photoshop tutorials.

Photoshop Tutorials.ws

Photoshop Lady

Good Tutorials

Check them out and don’t forget to email your teacher an apple. It’d be the proper thing to do.