Geeks Are In » Tutorials

How to Quickly and Effectively Clean Out Body Hair in Photoshop

iStelios — Mon, 23 Nov 2009 18:10:42 +0000

There are a lot of tutorials out there showing how you can do so by using the Healing Brush Tool. However in my opinion, healing brush tool is only useful when the area you try to heal is reletively small, and it can be a bit difficulty to adjust the source position.

Before

After

via How to Quickly and Effectively Clean Out Body Hair in Photoshop.

10 Must have hacks for WordPress development

iStelios — Sat, 21 Nov 2009 17:01:34 +0000

Building your own wordpress themes will open your eyes to a lot of things, mainly the fact that you’ll be retyping a lot of code over and over and over again. So in this post I am going to show you ten wordpress code hacks that you can add to your arsenal that will not only save you a lot of time, but they will also set your themes apart from others who don’t come pre built with these types of features.

via 10 Must Have Hacks For WordPress Development | Spyre Studios.

Turn any webform into a powerful wizard with jQuery (FormToWizard plugin)

iStelios — Sat, 21 Nov 2009 02:09:51 +0000

If you would, for whatever reason, have a large webform all fields shoud be semantically divided into fieldsets. Each fieldset would clearly describe each group of fields. Although many examples on the web today look different, this is how it should be.

So, we can say that each group of fields represent a sub task of a larger task – filling the entire web form. Thus, each sub task can become a step with a description, input fields and navigation that is common for wizard forms – back and next.The entire process can be done in several simple steps.

This detailed tutorial will show you how to turn long webform into a wizard with “steps left” information. A plugin is also available for download.

FormToWizard plugin

Requirements: jQuery Framework
Tutorial: http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx
Demo: http://www.jankoatwarpspeed.com/examples/webform_to_wizard/
Download Plugin with Example: http://www.jankoatwarpspeed.com/file.axd?file=2009%2f9%2fFormToWizard.zip
License: License Free

Create Zoomable & Interactive Maps with jQuery

iStelios — Fri, 20 Nov 2009 22:13:50 +0000

Each location on the map would be represented by a bullet. Clicking the bullet would bring up more information on the location. Since the locations of the bullets tended to be highly clustered, zooming into select sub-regions was possible.

Limitations

This was originally developed for one project with very specific requirements. While I have taken the time to generalize that code into a plugin, I have not made it as generic as I would have liked and will do more in the future to improve it given enough interest. Here is a list of its current biggest limitations:

Data Required In Plugin Setup – Ideally all of the required data would be stored in the html pages that drive the bullets. This would allow a CMS to more easily generate additional depth levels without needing to play with the javascript. All that is required in the js now is an array of the sub-regions along with their dimensioning data.
Data Accessibility Unaddressed – The plugin currently does nothing on its own to make content available to search engines and those with disabilities. This is left up to the developer to do, though it shouldn’t be too challenging since the plugin requires all of the data to be expressed in html.
API – Right now it is impossible to programatically interact with the map once it is launched. Eventually it will have a simple API to assist in navigation and other manipulations.

Even with these limitations, this is ready for production and is being used on several sites as seen above in the demos.

Screenshot

Requirements: jQuery Framework
Demos, Download & More Info page: http://www.newmediacampaigns.com/page/a-jquery-plugin…
License: MIT License

Perfect Dropdown Login Box, like Twitter, using jQuery

iStelios — Fri, 20 Nov 2009 22:12:35 +0000

Twitter’s running a new homepage with clean and easy design.

Look at the top right of Twitter’s homepage, you’ll see the sign in button which will drop down the login form.
Today, I will make an entry to show you how to create a login drop down with Twitter style using jQuery. It’s really easy, it’ll help you save the space of your webpage and make visitors feel comfortable by the awesome toggle login form.

This tutorial will explain how it works step by step and it’s good for learning jQuery how to do the toggle and tooltips. Enjoy it!

Screenshot from Demo

Requirements: jQuery Framework
Demo: http://aext.net/example/twitterlogin/
View the Tutorial: http://aext.net/2009/08/perfect-login-dropdown-box-likes-twitter-with-jquery/
Download Source Code: http://www.box.net/shared/ye9y3j1kvs
License: License Free