25 Unique Adobe InDesign Tutorials for Newbies

by Jake Rocheleau
on October 19, 2011

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

Masters of the Adobe software suite often lean towards graphic design or web development. When creating documents for print this can easily be transcribed in both Adobe Photoshop and Illustrator. However, Adobe InDesign allows you to create entire projects such as a magazines, online e-books, cover pages, flyers, etc. But most people just haven’t had the time to learn how to utilize these features!

If you are feeling bold check out the showcase collection below. I put together 25 beginner-intermediate level tutorials which will get you more familiar with InDesign. Once you understand what can be accomplished it may change your entire workflow!

Business Card Design

Read More

How to Animate Threaded Comments with CSS and jQuery

by Jake Rocheleau
on September 28, 2011

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

With many social applications the use of threaded comments has become a staple in functionality. Webmasters today are focusing much more on user experience rather than content generation, and because of this there has been a rise in custom animation effects.

Below I’ll be going over a guide to building your own custom jQuery threaded comments from scratch. For the ease of our tutorial we won’t be using any backend system to actually store the data anywhere. This means no MySQL databases or PHP calls to a server – all comments are added in-page and will be lost upon page refresh.

jQuery Animated Comments Thread

Read More

How to Create a jQuery Animated Sliding Sub-Menu Navigation

by Jake Rocheleau
on September 6, 2011

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

We have seen a lot of different jQuery techniques over the years. This comes at a time when website navigation is at an utmost importance. User experience is key in all forms of design. Without perfecting your layout it will be difficult to keep visitors coming back for more. And with so many jQuery Plugins for Navigation it’s hard to miss something great.

Below I’ll be going into the code for developing a very basic dropdown navigation in jQuery. This will include a sub-menu of links to different profiles such as Twitter and Facebook. To create your own setup I would recommend checking Icon Finder to match any social networks you enjoy. But this navigation can be used for almost anything requiring a drop-down setup.

DesignMag Sliding jQuery Navigation Menu Tutorial Demo

Read More

Coding an Instant Login Form with jQuery and PHP/Ajax

by Jake Rocheleau
on August 31, 2011

in Tutorials

Get the FlatPix UI Kit for only $7 - Learn More or Buy Now

Login forms have been around for decades. In web design these are very common with so many social media interactions occurring on a daily basis. However the static web has gone by the wayside to make room for much more dynamic content. With popularity growing for the jQuery library it is only natural to see so many new effects being created.

In this brief tutorial I’m going to explain how to create an instant login form with jQuery and PHP. We won’t be accessing any database to keep things simplified for now. Instead I’ve hard coded a username/password combo just for the demonstration of this article. The form automatically begins checking after you type some information to see when you hit the correct user & password combination!

If you’d like to get a better idea check out the demo link below. I’ve also provided my source code free to download. The HTML web page will open and run jQuery properly but without a server running PHP the form cannot be processed. Keep this in mind when playing around with the source code.

Demo of Instant Login Form

Read More
Page 11 of 23« First...910111213...Last »