iPad Application Design

iPad Application Design

by Matt Legend Gemmell http://mattgemmell.com/2010/03/05/ipad-application-design

Image Uploads with 100% Less Suck. Guaranteed.

by ZURB http://www.zurb.com/playground/ajax_upload

jQuery Plugin: TinyTips – jQuery Plugin

TinyTips - jQuery Plugin

by Mike Merritt http://www.digitalinferno.net/blog/jquery-plugin-tinytips-1-0/

Techniques for Squeezing Images for All They’re Worth

Techniques for Squeezing Images for All They’re Worth

by Webdesigner Depot http://www.webdesignerdepot.com/2010/03/techniques-for-squeezing-images-for-all-they%E2%80%99re-worth/

Create a Cool Vector Panda Character in Illustrator

Create a Cool Vector Panda Character in Illustrator

by Chris Spooner http://www.blog.spoongraphics.co.uk/tutorials/create-a-cool-vector-panda-character-in-illustrator

MIX10: The Type We Want

MIX10: The Type We Want

by Jonathan Snook http://snook.ca/archives/conferences/mix10-the-type-we-want

Personal Branding for Web Designers

Personal Branding for Web Designers

by Davy Kestens http://webdesignledger.com/tips/personal-branding-for-web-designers

A Collection of 30+ Useful Maya Tutorials

A Collection of 30+ Useful Maya Tutorials

by YouTheDesigner.com http://www.youthedesigner.com/2010/03/17/a-collection-of-30-useful-maya-tutorials/

13 Free Plugins to Transform Your WordPress-Based Site

13 Free Plugins to Transform Your WordPress-Based Site

by DESIGNM.AG http://designm.ag/resources/wordpress-plugins/

Design an Epic Sci-Fi Style Urban City Scene in Photoshop

Design an Epic Sci-Fi Style Urban City Scene in Photoshop

by PSDVault http://www.psdvault.com/photo-effect/design-an-epic-sci-fi-style-urban-city-scene-in-photoshop/

Features

Some of the features of dygraphs:

• Plots time series without using an external server or Flash
• Works in Internet Explorer (using excanvas)
• Lightweight (45kb) and responsive
• Displays values on mouseover (this makes it easily discoverable)
• Supports error bands around data series
• Interactive zoom
• Adjustable averaging period
• Can intelligently chart fractions
• Customizable click-through actions
• Compatible with the Google Visualization API
• Intelligent defaults make it easy to use

Dygraphs

Some things to notice:

• There’s less seasonal temperature variation in SF than in NY.
• The difference is about 15° F for SF vs. 50° F for NY.
• The daily data (set rolling period to 1) is quite noisy and hides this conclusion.
• Using a 14-day moving average makes it clearer. A 100-day rolling period averages out nearly all the specifics from the data.
• There’s a gap in the data for SF, when the weather station was down (zoom into October 2007 to see it).
• The bands around each point indicate average highs and lows.
• There is a lot of data in this chart: low, average and high for each city on each day of a three year period ≈ 6000 data points in all.

dygraphs allows the user to explore the data and discover these facts.

Requirements: JavaScript to be enabled
Info, Download and Demos page: http://www.danvk.org/dygraphs/
License: Free

You have a choice of providing a close option which will simply close Meerkat until the page has been reloaded, or a dontShow option, which will close Meerkat until the browser session has ended, or for a set amount of days, depending on the options you have defined.

Meerkat

Requirements: jQuery Framework
Download, Info and Demos: http://jarodtaylor.com/meerkat/
License: MIT License

It’s put together in a similar fashion to the iPhone PSD, in that the elements are built with vectors for easy editing and scaling. We tried to capture most of the common GUI elements but inevitably we’ll be updating this as we use it more ourselves.

Update: We’ve been asked to remove the zip file that included the webOS font Coconut. The updated PSDs require CS4 and their corresponding font.

Requires Coconut
PalmPre_GUI_1_0_Coconut.psd.zip (7.3MB)

Requires Avenir
PalmPre_GUI_1_0_Avenir.psd.zip (7.4MB)

Palm Pre GUI PSD

Via Teehanlax.com

Some of the changes and additions in the 3.0 iPhone GUI PSD include:

• Map and map elements including curl
• Copy and paste elements
• Timeline bar editor
• Horizontal iPhone
• Horizontal Panels bars and keyboards

Download Here via Teehanlax.com

iPhone GUI PSD 3.0

If you don’t like to use them, then you can maybe find out how their designers used different techniques to achieve the final design.

1) Cookie template

Cookie Template

2) Outdoor clothes

Outdoor Clothing Store Template

3) Design Studio

Design Studio Website Template

4) Herbal treats

Herbal Treats eCommerce Template

5) Green and Slick

Try make this yourself using the step by step tutorial or scroll to the bottom of the post to download the template.

Green and Slick

6) Photographer’s Portfolio

Try make this yourself using the step by step tutorial or scroll to the bottom of the post to download the template.

Photographer's Portfolio

]]> http://www.geeksare.in/featured/6-slick-and-sexy-psd-website-templates-free-for-download/feed/ 0 http://www.geeksare.in/featured/some-useful-powerful-google-operators-commands/ http://www.geeksare.in/featured/some-useful-powerful-google-operators-commands/#comments Sat, 05 Dec 2009 01:08:55 +0000 iStelios http://www.geeksare.in/?p=525 For most of us, Google is the search engine of choice.

We use Google to do research or when we are looking for something in the web. When we want to do a search, we type the keyword/s and then click “Enter”. That’s how you do a search, right? Right. But a lot of people do not know that Google lets you make use of operator commands. Operator commands are special query words that have special meaning in the Google database which does a “unique” kind of search.

So here are some useful and powerful(if used correct and some times in combination) Google operators:

Weather London
Shows the weather in the location specified.

Phrase search ( “” )
By putting double quotes around a set of words, you are telling Google to consider the exact words in that exact order without any change.

Search within a specific website ( site: )
Google allows you to specify that your search results must come from a given website. For example, the query [ Design site:geeksare.in ] will return pages about Design but only from GeeksAre.In . The simpler queries [ Design geeksare.in ] or [ Design Geeks Are In ] will usually be just as good, though they might return results from other sites that mention Geeks Are In. You can also specify a whole class of sites, for example [ Design site:.org ] will return results only from a .org domain and [ Design site:.gr ] will return results only from Greek sites.

Terms you want to exclude (-)
Attaching a minus sign immediately before a word indicates that you do not want pages that contain this word to appear in your results. The minus sign should appear immediately before the word and should be preceded with a space. For example, in the query [ anti-virus software ], the minus sign is used as a hyphen and will not be interpreted as an exclusion symbol; whereas the query [ anti-virus -software ] will search for the words ‘anti-virus’ but exclude references to software. You can exclude as many words as you want by using the - sign in front of all of them, for example [ jaguar -cars -football -os ]. The - sign can be used to exclude more than just words. For example, place a hyphen before the ‘site:’ operator (without a space) to exclude a specific site from your search results.

Fill in the blanks (*)
The *, or wildcard, is a little-known feature that can be very powerful. If you include * within a query, it tells Google to try to treat the star as a placeholder for any unknown term(s) and then find the best matches. For example, the search [ Google * ] will give you results about many of Google’s products. The query [ Obama voted * on the * bill ] will give you stories about different votes on different bills. Note that the * operator works only on whole words, not parts of words.

Search exactly as is (+)
Google employs synonyms automatically, so that it finds pages that mention, for example, childcare for the query [ child care ] (with a space), or Greece history for the query [ gr history ]. But sometimes Google helps out a little too much and gives you a synonym when you don’t really want it. By attaching a + immediately before a word (remember, don’t add a space after the +), you are telling Google to match that word precisely as you typed it. Putting double quotes around a single word will do the same thing.

The OR operator
Google’s default behavior is to consider all the words in a search. If you want to specifically allow either one of several words, you can use the OR operator (note that you have to type ‘OR’ in ALL CAPS). For example, [ iPhone 2007 OR 2008 ] will give you results about either one of these years, whereas [ iPhone 2007 2008 ] (without the OR) will show pages that include both years on the same page. The symbol | can be substituted for OR. (The AND operator, by the way, is the default, so it is not needed.)

movie:Manchester
Shows a list of movies, showtime and cinemas in the location specified.

site:digg.com
Lists the pages indexed in Google for the specified domain.

allintitle:web design Cyprus
Shows pages that only have the keywords specified in the page title, in the example above pages that only contain web, design and Cyprus in no particular order. To apply order simply place quotation marks around the keywords during the query.

allinurl:free vector images
Works the same way as the allintitle: operator only the keywords specified are matched to the URL instead of the page title.

Search for synonyms ( ~ )
Example: great ~resources for web designers, will return also results of “resources” synonyms.

filetype:pdf
Restricts the search only to PDF documents.

inanchor:“Cool movies”
The ‘inanchor’: operator searches for your specified term in the text of a page that is highlighted as a link.

related:www.bbc.co.uk
The ‘related’: operator will show websites/results related and or similar to the specified domain.

Exceptions

Search is rarely absolute. Search engines use a variety of techniques to imitate how people think and to approximate their behavior. As a result, most rules have exceptions. For example, the query [ for better or for worse ] will not be interpreted by Google as an OR query, but as a phrase that matches a (very popular) comic strip. Google will show calculator results for the query [ 34 * 87 ] rather than use the ‘Fill in the blanks’ operator. Both cases follow the obvious intent of the query.

Exceptions to ‘Every word matters’

• Words that are commonly used, like ‘the,’ ‘a,’ and ‘for,’ are usually ignored (these are called stop words). But there are even exceptions to this exception. The search [ the who ] likely refers to the band; the query [ who ] probably refers to the World Health Organization — Google will not ignore the word ‘the’ in the first query.
• Synonyms might replace some words in your original query. (Adding + before a word disables synonyms.)
• A particular word might not appear on a page in your results if there is sufficient other evidence that the page is relevant. The evidence might come from language analysis that Google has done or many other sources. For example, the query [ overhead view of the bellagio pool ] will give you nice overhead pictures from pages that do not include the word ‘overhead.’

Punctuation that is not ignored

• Punctuation in popular terms that have particular meanings, like [ C++ ] or [ C# ] (both are names of programming languages), are not ignored.
• The dollar sign ($) is used to indicate prices. [ nikon 400 ] and [ nikon $400 ] will give different results.
• The hyphen - is sometimes used as a signal that the two words around it are very strongly connected. (Unless there is no space after the – and a space before it, in which case it is a negative sign.)
• The underscore symbol _ is not ignored when it connects two words, e.g. [ quick_sort ].

]]> http://www.geeksare.in/featured/some-useful-powerful-google-operators-commands/feed/ 0 http://www.geeksare.in/resources/qtip-the-jquery-tooltip-plugin/ http://www.geeksare.in/resources/qtip-the-jquery-tooltip-plugin/#comments Sun, 29 Nov 2009 20:35:50 +0000 iStelios http://www.geeksare.in/?p=510 qTip is an advanced tooltip plugin for the ever popular jQuery JavaScript framework.

Built from the ground up to be user friendly, yet feature rich, qTip provides you with tonnes of features like rounded corners and speech bubble tips, and best of all… it’s completely free.

Currently support all the major browsers on the market today (and more!).

qTip

Requirements: jQuery Framework
Demo, Download and Info: http://craigsworks.com/projects/qtip/
License: MIT License

]]> http://www.geeksare.in/resources/qtip-the-jquery-tooltip-plugin/feed/ 0 http://www.geeksare.in/resources/web-font-specimen-real-web-type-in-real-web-context/ http://www.geeksare.in/resources/web-font-specimen-real-web-type-in-real-web-context/#comments Sat, 21 Nov 2009 15:59:54 +0000 iStelios http://www.geeksare.in/?p=292 Because web type renders differently with only subtle CSS adjustments, seeing it exercised in a variety of ways can help web designers typeset—and also help them decide which typefaces to purchase for their projects.

Tim Brown designed Web Font Specimen and have released it under a Creative Commons license for the betterment of typographic style and practice. Download it, make it your own, and make it better. If you publish a new version, just mention that it’s a derivative of Web Font Specimen. Giving this away is good for web typography, and it’s also a way to let more people know about Nice Web Type.

Web Font Specimen - Real web type in real web context

Demo, Info and Download Page: http://webfontspecimen.com/
License: Creative Commons License

]]> http://www.geeksare.in/resources/web-font-specimen-real-web-type-in-real-web-context/feed/ 0 http://www.geeksare.in/tutorials/turn-any-webform-into-a-powerful-wizard-with-jquery-formtowizard-plugin/ http://www.geeksare.in/tutorials/turn-any-webform-into-a-powerful-wizard-with-jquery-formtowizard-plugin/#comments Sat, 21 Nov 2009 02:09:51 +0000 iStelios http://www.geeksare.in/?p=281 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

]]> http://www.geeksare.in/tutorials/turn-any-webform-into-a-powerful-wizard-with-jquery-formtowizard-plugin/feed/ 0