Build a User Settings Dropdown Menu with jQuery

by Jake Rocheleau
on July 26, 2012

in Tutorials

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

There are many social networking websites designed with a specific layout in mind. User profile pages are some of the more complex designs included with a community-based network. You’ll often have access to edit user profile settings, subscriptions, and e-mail options. I want to create such a simple menu for a minimalist Digg-style layout.

In this tutorial I have actually built two working demo pages. The first runs on jQuery to fade the menu in and out as you hover. The 2nd demo is built using just CSS effects which display the submenu using the :hover selector. It’s even easier to combine both methods for legacy support – however at that point I’d recommend the CSS-only methodology. But you can see for yourself in the live demo examples and build this yourself by following my code below.

jQuery sub-menu navigation dropdown

Read More

Animating Colored Ajax Comments with jQuery

by Jake Rocheleau
on June 25, 2012

in Tutorials

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

There are plenty of social networking websites today where you can find dynamic Ajax-based comments. This system is more usable because you don’t need to refresh the page every time you post something new. However setting up a whole database for user comments from scratch can be difficult.

In this tutorial I want to look at using jQuery just for animating custom comments. The form will submit each post anonymously and won’t save anything to a local database. The effects are only for show – but you can easily adopt the dynamic code into a system such as Wordpress, vBulletin, Joomla!, or even your own custom backend.

imgborder

Read More

45 Useful 3DS Max Tutorials For Reference

by Cale White
on May 30, 2012

in Tutorials

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

3DS Max is widely used to produce cool 3D models or animations. 3DS Max is mainly used by visual effects artists, visualization specialists to design and game developers. Creativity with good texture and appropriate materials should be used to obtain a realistic effect. After obtaining a realistic effect, light effect should be placed in a natural position to witness proper effects. Multiple lights could also be used to enhance and stimulate the objects that surround the model. Thus, with appropriate approaches, you can achieve great 3DS Max models.

Nowadays, many 3DS Max tutorials are available for creating 3D models and visualization effects to allow artists and designers to rise faster for production. In this post I will share with you an overview of 3DS Max Tutorial that will surely inspire you. Have fun!

1. The making of rage over babylon

This tutorial will covers the major points of producing this image, starting with the planning and covering the modeling, texturing, rendering, lighting and compositing.

the-Making-of-Rage-over-Bab

Read More

How to Code a jQuery Rolodex-Style Countdown Ticker

by Jake Rocheleau
on May 17, 2012

in Tutorials

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

I’m sure many of you are familiar with how an office rolodex works. You have a series of cards with contact information which you can flip over to sort through alphabetically. These are most common in the office settings because businesses must to keep in touch with so many different people. Although the value is in translation into a web interface, we can still use this idea to create a really neat timer effect.

More specifically I have seen a couple countdown widgets on landing pages. These are numbering systems for websites which count down to a specific launch date. You could alternatively use this code to create a live clock on your website – there are so many uses available! Check out my simple tutorial below and see if you can implement a similar ticker into any future web projects.

jQuery Rolodex count down timer ticker - demo screenshot

Read More
Page 7 of 25« First...56789...Last »