tag:blogger.com,1999:blog-48202029771969381712023-03-22T22:09:18.862+08:00Web, Graphic and Technical Design Tips, Tutorials and Product ReviewsUnknownnoreply@blogger.comBlogger210125tag:blogger.com,1999:blog-4820202977196938171.post-31320975530172512342011-11-09T15:26:00.002+08:002011-11-09T15:26:25.881+08:00<div style="text-align: justify;">1. Use CSS (cascading attraction sheets). If you follow through not apperceive CSS, ferret out it. CSS allows you to maintenance the formatting of your town (e.g. the color or size of a blonde of text) on a disparate at variance page - a CSS document. Thus, with CSS you can impinge the formatting of a common-element by simply updating one piece of code on one page, rather then updating all the pages of your site. For example, if you want to change the back-ground color of your website, you could just change your one CSS sheet and your entire website's background color would change. Another great aspect of CSS is that you can use it to set the default properties of HTML tags. This can be used to counter browser compatibility problem - that different browsers (e.g. Internet Explorer, Netscape, etc.) use different default settings.&nbsp;</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">2. Test your website in all browsers. Just now your website displays a singular rubric in one browser, doesn't cruel it commit an act that disposal in also browser. You should permit that your website displays properly in all of the primary following browsers: Mozilla Firefox, Internet Explorer, and Netscape, and Opera.&nbsp;</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">3. Use produce inception software and freeware, if you need to plunge into a energizing website. Even if you undergo influential languages (such as JavaScript, PHP, and CGI) absolutely enough to lead your receive software and features, you do not want to do that if you are a beginner. There's no reason to create your own dynamic scripts (e.g. shopping carts, chat-rooms, etc.), if you can find full-functioning customizable freeware. A great benefit of this method is that the customization options will separate the code that changes your website's look and feel from the functioning code. If you design the code yourself, you'll be tempted to mix the look and feel with the functioning aspects. So, if later you want to update the look and feel, you'll have to dig through the long software scripts. If you're going to be using freeware or any other code that you didn't design yourself, you should still be familiar with that language.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">4. Don't benediction for free or tasteless web-hosting. Okay, this isn't necessarily a start tip. However, hosting is twin to design. Free hosts may emit your website with awkward ads. So, you won't be adequate to task your region as is. Also, free and cheap hosts often don't support dynamic websites. Unless you're website is supposed to be a joke, don't use a free host.&nbsp;</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">5. Don't compose your email superscription on your website. If you have a phone bear or mailing directions that your customers can betterment to discharge you or your business, make public that on your website. Website's with a phone embrace or mailing directions loom much more reliable and honest than websites without contact information. However, don't publish your email address, because spammers will use web-crawlers will to pick it up. Instead, design a form on your website that customers can use to send messages or questions without giving your email address.&nbsp;</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">6. Take it slow. Unfortunately, the own disposal to alter to an brilliant designer is considering experience, but your vim can't render sloppy pages. Don't go to generate confused and dynamic websites without the ability. If you try to design a code, but find it hard and the code begins to come out sloppy, don't hesitate to just throw it out. It's better to have a simple, sleek, and functional website, than to have a complex, sloppy, dysfunctional website.&nbsp;</div>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-4820202977196938171.post-24463800272308361802011-09-21T12:46:00.000+08:002011-09-21T12:46:17.806+08:00<div class="separator" style="clear: both; text-align: center;"><a href="http://2.bp.blogspot.com/-pLvOegIt3o0/Tnlr-pMH5UI/AAAAAAAACt4/kNtUUbGAJZs/s1600/wisiwyg.png" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://2.bp.blogspot.com/-pLvOegIt3o0/Tnlr-pMH5UI/AAAAAAAACt4/kNtUUbGAJZs/s1600/wisiwyg.png" /></a></div><div style="text-align: justify;">When I first started designing web pages back in 1997, it was necessary for me to learn the HTML markup language. At that particular time, there were some what you see is what you get editors, but almost everyone that design web pages used raw HTML and understood how it worked. Now, seven or eight years later, we find that be market is flooded with editors such as Dreamweaver that allow anybody to design web pages as easily as they can create a Microsoft Word document.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Whenever I take someone under my wing, and start teach them about Internet marketing, and designing web pages, the first thing that I tell them is that they should learn the basics of HTML. While I recommend that they use Dreamweaver for most of their web page designs, it's always helpful to be able to go into the code view and understand what they are looking at. It also helps whenever viewing the source code of other people's web pages, to see how they did one thing or another with their code. This would be nearly impossible if you did not understand at least the basics of HTML.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Another benefit of knowing HTML is that you can go in and clean up your code. After you design a page in a program like Dreamweaver. A lot of times, there is weird formatting that goes on behind the scenes in it what you see is what you get editor. It makes it difficult, sometimes even for those of us that know HTML to go into the document, and know where we are at inside the code. However, if you understand HTML, it's easier to go in, make your code neater and more manageable, and then save it in that format so that it's easier to go in and edit in the code view in the future.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">While there's no doubt that using programs such as Dreamweaver can make beautiful web pages that function fully without even going into messing with the HTML at all, I still think that it's a good practice to understand the basics of the HTML markup language and to make sure that you use it on a regular basis so that you keep this skill. Not only does it help you when you're in a code pinch, but he keeps you from being what I like to call a lazy web designer. </div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4820202977196938171.post-56034311354335338092011-06-26T16:47:00.001+08:002011-06-26T16:49:30.412+08:00<div style="text-align: justify;">How you write and design your links is crucial to your visitors clicking them or not. Write them badly and they leave, write them well and they stay. Who knows, they might even do exactly that what you created your site for. Following are 7 guidelines how links should be written to improve the usability of your site.</div><br /> <a href="http://digitaltoolz.blogspot.com/2011/06/good-links-7-guidelines-how-to-improve.html">Read more after the jump</a><br /> <a name='more'></a><div style="text-align: justify;"><br /> </div><br /> <div style="text-align: justify;"><b>Do it consistently </b></div><div style="text-align: justify;">Visitors learn for example how a website marks the links or where the "related-content box" can be found. Consistently adhering to these established "codes" will make it easy to navigate and read the site.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Breaking these conventions will interrupt the flow. Such distractions might be enough for the user to leave. When creating a site it is important to define all the conventions and rules that are used. Consistently following them is essential for giving the user an easy time when visiting.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><b>Don't mislead the visitor</b></div><div style="text-align: justify;">Although links can look however the screen-designer decides, certain standards have developed and find widespread use. Underlining a text for example is a common indicator. </div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">It is good practice not to underline text, marking it blue or putting an arrow in front, if is not a link. Visitors might construe them to be clickable.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">The same applies to images. Many users will try to click on a graphic or any other image. Very rarely, they will find an active link - a tiny, but nevertheless negative experience. Captions have proven to be effective to add that little bit of content that users need in order not to click on an image. And if a link is present, it can be placed in the caption itself.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><b>Show used links</b></div><div style="text-align: justify;">Marking which links have been visited is very valuable. It helps to quickly "tick off" when going through a site or helps in finding this piece of information from a previous visit. Unfortunately, a great many sites do not use this very basic feature. </div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">If the "visited" feature should also extend to the navigation is debatable. On very deep sites it might be useful. On the other hand it might confuse the visitor. The navigation should be a constant and change only minimally.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><b>Match the destination with the link</b></div><div style="text-align: justify;">Clicking on a link can be compared to following road signs in a city never visited before - you are very happy if you get confirmation that the choice you just made was the one intended.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Same thing applies to links - if a link reads "find out more about our services" the page that it relates to should show the words "Our Services" somewhere prominently in the title. It confirms the action taken. </div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Well written titles indicate clearly what the main topic is on the page. This is very useful, especially considering that a lot of traffic directly dives deep into the page.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><b>Embedded links used to their full advantage</b></div><div style="text-align: justify;">Links are visually different than the surrounding text. Color, a markup or other cues denote a link. Something maybe even happens before you click - mouse-over effects or an overlay, displaying the title. </div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Everything is designed to draw your eyes away from the surrounding text. If you embed links within a sentence, readers will very likely notice the link first and only later read your content. On first thought that is unfortunate, but it can be turned into an advantage. </div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Since reading online involves lots of scanning, the eye is always looking for visual cues. They can be provided by using subtitles or in this case descriptive links. By creating a meaningful link, finding the relevant information on a page is made easier. "Click here" is less effective then "View a list of articles about usability".</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><b>How to link to files</b></div><div style="text-align: justify;">When linking to a file it is likely that another application is opened and that the visitor is drawn away from the site. Not something that should be done lightly.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">A great many times websites link to related documents, very often PDF files. What exactly can be found in the file, the visitor needs to figure out from the link itself. The first step in creating a good link to a document is to summarize the content. That gives the visitor information how he wants to proceed.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">The second step is more basic by asking why the document cannot be created as a webpage. If it is worth to be put onto the site, it surely is worth the effort to make if searchable, fully integrated and less work for the visitor. Using for instance PDF-files can make sense. Very often however, it is simply easier for the developer to put it onto the site - but not easier for the visitor to use it.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><b>Mark the external links</b></div><div style="text-align: justify;">An internal link refers to a page or file within the current domain, an external link usually points to a site, housed on a remote domain. </div><br /> <div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Although technically there is no difference in how the code for the links is written, it is common usage, even a w3.org recommendation, to inform the user if an external site is accessed by a link.</div><br /> <div style="text-align: justify;"><br /> </div><div style="text-align: justify;">The rationale behind this is not to confuse the visitor who is getting used to the layout, navigation and architecture of a particular site. An external link can either be declared by stating it in the text, by a specific icon (like for instance Wikipedia does) or even by using the "title" tag of a link.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Whether the new site is opened in a new browser-window or replaces the current content could depend on the kind of information the visitor will find. It could be argued that sites with related content or sites who delve further into a topic might best be opened in a new window. The visitor can more easily relate back to the original site. In that case not only the external link, but maybe also the fact of a new window opening should be placed with the link. </div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;"><b>In conclusion</b></div><div style="text-align: justify;">Creating good links is vital for creating a good site. A link for instance is the only possibility an e-shop has to have users put products into the shopping basket. If that link should be badly written or confusingly placed, many users would give up before buying. That would be like not accepting money from a client standing right in front of you. </div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4820202977196938171.post-63450566385822416262011-06-08T15:12:00.000+08:002011-06-08T15:12:26.230+08:00<div style="text-align: justify;">As the number of visitors to the World Wide Web soars exponentially, the number of web pages goes with the increase. Perhaps, you have been wondering why with the multitude of visitors that comes day in and day out your site has been left out. There can be lots of reason behind. </div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Having a catchy and engrossing web page is a big deal. This is because of the demanding nature of e-commerce services. Visitors stay and are loyal to a site that can give them all that they ask for – all that they need. As the owner of a web site, you have this responsibility to make your site updated, functional and 'delicious' to your probable visitors. Thus, you have to avoid the clichés and taboos and create the best web page you can have.</div><div style="text-align: justify;"></div><a name='more'></a><br /> <br /> <div style="text-align: justify;">The flow of e-commerce services is getting faster and tougher. This will surely keep you thinking – what seems to be missing in my web page?</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">To keep you well abreast, here are some of the must have:</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">1. Good Layout and Design. Do not overuse images. Do not bore your visitors by plain texts. Layout and design must be catchy. Fonts must be readable, colors pleasant to the eyes and images attractive. Organization and function with a brush of art can make the visitors stay longer and satisfied.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">2. Perfect Content. It must be interesting and engrossing. Something that is not tedious to read and understand. Content must also be original. Otherwise, you are exposing yourself to the intellectual property violation which is plagiarism. Another, be sure that the content is free from grammatical errors and incorrect spelling. Read, proofread and edit. </div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">3. An air of your Personality. Your web page should share a part of your self - part of your personality. The moment a visitor enters your site, he must be able to grasp a bit of who you are or what kind of company or business you have. You can give biographical information, company information and all sorts that can further give your background and outlook.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">4. Dive into its Depth. Web pages must not be superficial. It must have something beneath its facade. A good web page is worthy of exploration. Nonetheless, you need not make numerous pages. Try using hyperlinks and hot lists.</div><div style="text-align: justify;"><br /> </div><div style="text-align: justify;">Make the most out of your web page. It will surely benefit you! </div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4820202977196938171.post-17883094691091622042011-01-18T13:02:00.003+08:002011-01-18T13:08:43.945+08:00<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_UYgVWm4aYbE/TTUe8myhu5I/AAAAAAAACc0/rFauyQWCpwg/s1600/mobilewebdesign.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/_UYgVWm4aYbE/TTUe8myhu5I/AAAAAAAACc0/rFauyQWCpwg/s1600/mobilewebdesign.png" width="180" /></a></div>Mobile devices like the iPhone, iPad and Android devices has now become the new frontier of the information superhighway. With the advent of this new internet platform, mobile web designing has also started to become the newest&nbsp;endeavorer&nbsp;of both web designers and web developers. Luckily for most of use we have collected some of the best tutorials and resources on <b>mobile web designing.</b><br /> <b><br /> </b><br /> <b><i>Read more after the jump</i></b><br /> <b></b><br /> <a name='more'></a><b></b><br /> <div><b><b><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"></span></b></b></b><br /> <div><div><b><b><b><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-family: inherit;">Mobile Web Development Articles</span><br /> </span></b></b></b></div></div><div><b><b><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-size: 12px; font-weight: normal; line-height: 12px;"></span></span></span></span></b></b></b><br /> <ul style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; line-height: 1.5em; list-style-image: initial; list-style-position: initial; list-style-type: disc; margin-bottom: 1.5em; margin-left: 3em; margin-right: 1.5em; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b><b><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-size: 12px; font-weight: normal; line-height: 12px;"><a href="http://detectmobilebrowsers.mobi/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Detect Mobile Browsers">Mobile Device Detection PHP Script</a>&nbsp;by Andy Moore</span></span></span></span></b></b></b></li> <b><b><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;"><span class="Apple-style-span" style="font-size: 12px; font-weight: normal; line-height: 12px;"> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">Mobile Screen Size Trends -&nbsp;<a href="http://sender11.typepad.com/sender11/2008/04/mobile-screen-s.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Sender 11: Mobile screen size trends">Part One</a>&nbsp;/&nbsp;<a href="http://sender11.typepad.com/sender11/2008/04/more-on-mobile.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Sender 11: More on mobile screen size trends">Part Two</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.sitepoint.com/article/designing-for-mobile-web/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Designing for the Mobile Web [Design Principles]">Designing for the Mobile Web</a>&nbsp;by Brian Suda</li> </span></span></span></span></b></b></b></ul></div></div><div><b><span class="Apple-style-span" style="font-weight: normal;"><b>Books and Ebooks</b></span></b></div><br /> <div><b><br /> </b></div><div><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"></span></b><br /> <ul style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; font-weight: normal; line-height: 1.5em; list-style-image: initial; list-style-position: initial; list-style-type: disc; margin-bottom: 1.5em; margin-left: 3em; margin-right: 1.5em; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><a href="http://www.amazon.com/gp/product/0615185916?ie=UTF8&amp;tag=mobileawesom-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0615185916" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Mobile Web Design (Paperback)</a>&nbsp;by Cameron Moll -&nbsp;<a href="http://mobilewebbook.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">Get the digital version here</a></span></b></li> <b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.amazon.com/gp/product/1419654985?ie=UTF8&amp;tag=mobileawesom-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1419654985" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><img alt="" border="0" height="1" src="http://www.assoc-amazon.com/e/ir?t=mobileawesom-20&amp;l=as2&amp;o=1&amp;a=1419654985" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-style: none !important; border-bottom-width: 0px; border-color: initial !important; border-color: initial; border-left-style: none !important; border-left-width: 0px; border-right-style: none !important; border-right-width: 0px; border-style: initial; border-top-style: none !important; border-top-width: 0px; border-width: initial !important; font-size: 13px; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="1" />Building Mobile Web Sites</a>&nbsp;by Richard Yates</li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.amazon.com/gp/product/1847193439?ie=UTF8&amp;tag=mobileawesom-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=1847193439" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;"><img alt="" border="0" height="1" src="http://www.assoc-amazon.com/e/ir?t=mobileawesom-20&amp;l=as2&amp;o=1&amp;a=1847193439" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-style: none !important; border-bottom-width: 0px; border-color: initial !important; border-color: initial; border-left-style: none !important; border-left-width: 0px; border-right-style: none !important; border-right-width: 0px; border-style: initial; border-top-style: none !important; border-top-width: 0px; border-width: initial !important; font-size: 13px; margin-bottom: 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;" width="1" />Mobile Web Development</a>&nbsp;by Nirav Mehta</li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://mobiforge.com/starting/story/dotmobi-mobile-web-developers-guide" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank" title="Take me to mobiForge">dotMobi Mobile Web Developer's Guide</a>&nbsp;- free with registration on site</li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="https://docs.google.com/viewer?url=http%3A%2F%2Fsw.nokia.com%2Fid%2F6b5f050f-6e8b-47d7-9cfa-c2cc0b439621%2FMobile_Design_Showcases_v1_0_en.pdf" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Mobile Design Showcases</a>&nbsp;(free 11-page eBook)</li> </span></b></ul><div><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;">Guides Frameworks and Platforms</span></span></span></b></div><div><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;"><br /> </span></span></span></b></div><div><ul style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; font-weight: normal; line-height: 1.5em; list-style-image: initial; list-style-position: initial; list-style-type: disc; margin-bottom: 1.5em; margin-left: 3em; margin-right: 1.5em; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><a href="http://www.w3.org/TR/mobile-bp/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Mobile Web Best Practices 1.0">W3C Best Practices</a></span></b></li> <b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://passani.it/gap/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Global Authoring Practices for the Mobile Web">Global Authoring Practices for the Mobile Web</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://phonegap.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">PhoneGap- Create Applications with HTML and Javascript</a>&nbsp;- read our&nbsp;<a href="http://www.mobileawesomeness.com/blog/phonegap-build-a-cross-platform-mobile-app-with-html-and-javascript/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="View PhoneGap post">blog post</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://mobile.yahoo.com/developers/roadmap" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Yahoo! Blueprint, the mobile platform.">Yahoo! Blueprint Mobile Platform</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://wapl.info/docs/chapter/Getting-Started/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="WAPL: The Manual">Wapple Hosted Platform</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://iwebkit.net/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="iWebKit">iWebKit for iPhone and iPod Touch</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.mobisitegalore.com/index.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Mobile Website free!">mobiSiteGalore</a>&nbsp;- free website builder</li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.mobileelements.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Mobile Elements">Mobile Elements</a>&nbsp;- read our&nbsp;<a href="http://www.mobileawesomeness.com/blog/new-resource-mobile-elements/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">blog post</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.jqtouch.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="jQTouch">jQTouch - jQuery for mobile WebKit</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://mofuse.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="MoFuse">MoFuse Mobile Platform</a>&nbsp;- read the&nbsp;<a href="http://www.mobileawesomeness.com/blog/mofuse-mobile-platform-with-a-beautiful-ui/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Mobile Web Design | Mobile Website Showcase | Mobile Phone Blog">blog post</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://mobify.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Mobify">Mobify Hosted Platform</a>&nbsp;- read the&nbsp;<a href="http://www.mobileawesomeness.com/blog/mobify-flexible-and-robust/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Mobile Web Design | Mobile Website Showcase | Mobile Phone Blog">blog post</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://gomobiten.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Mobi10">Mobi10 Hosted Platform</a></li> </span></b></ul><div><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;">Testing, Validation and Emulators</span></span></span></b></div></div><div><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;"><br /> </span></span></span></b></div><div><ul style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; font-weight: normal; line-height: 1.5em; list-style-image: initial; list-style-position: initial; list-style-type: disc; margin-bottom: 1.5em; margin-left: 3em; margin-right: 1.5em; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><a href="http://ready.mobi/launch.jsp?locale=en_EN" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: underline; vertical-align: baseline;" title="ready.mobi - dotMobi compliance &amp; mobileOK checker">ready.mobi page/site check</a></span></b></li> <b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://validator.w3.org/mobile/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="W3C mobileOK Checker [BETA]">W3C mobileOK Checker</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://mowser.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Mowser - Mobilizing the web">Mowser</a>&nbsp;- View the mobile version of any site</li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://mtld.mobi/emulator.php?emulator=nokiaN70&amp;webaddress=mtld.mobi" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Emulator | dotMobi">Nokia N70 / Sony K750 Emulator</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.operamini.com/demo/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="">Opera Mini</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://deviceanywhere.com/index.aspx?sid=2" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="DeviceAnywhere">Device Anywhere</a>&nbsp;- supports 1,500+ devices</li> </span></b></ul><div><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;">iPhone/iPod Touch / iOS Web Development</span></span></span></b></div></div><div><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;"><br /> </span></span></span></b></div><div><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-weight: normal;"></span></span></b><br /> <ul style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 12px; line-height: 1.5em; list-style-image: initial; list-style-position: initial; list-style-type: disc; margin-bottom: 1.5em; margin-left: 3em; margin-right: 1.5em; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-weight: normal;"><a href="http://developer.apple.com/technologies/xcode.html" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="iPhone SDK">iPhone SDK</a></span></span></b></li> <b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-weight: normal;"> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://bit.ly/678Ya" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Safari Web Content Guide: Introduction">Safari Web Content Guide</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="https://developer.apple.com/webapps/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Apple iPhone Documentation">Official Apple Documentation for Web Apps</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.smashingmagazine.com/2008/11/26/iphone-psd-vector-kit/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="iPhone PSD Vector Kit | Smashing Magazine">iPhone PSD Vector Kit</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://code.google.com/p/iui/wiki/Introduction" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Google Code - iUI Introduction Wiki Page.">iUI Design Toooolkit</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.teehanlax.com/blog/?p=1628" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="iPhone GUI PSD Design Template | Teehan+Lax">GUI Photoshop Design Template</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.zambetti.com/projects/liveview/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="Nicholas Zambetti – LiveView for iPhone">Liveview: iPhone Prototyping Helper</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.iphonedesigntools.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="iPhone Icon Packs | Create iPhone Application Mock-Ups And Presentations">Vector iPhone Application Icons</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://sixrevisions.com/web-development/html5-iphone-app/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="How to Make an HTML5 iPhone App">Tutorial- Building an HTML 5 iPhone App</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.iphonewebdev.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="iPhoneWebDev">iPhoneWebDev.com</a>&nbsp;- Community of developers helping each other build web apps for the iPhone</li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">A List Apart series -&nbsp;<a href="http://www.alistapart.com/articles/putyourcontentinmypocket" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="A List Apart: Put Your Content in My Pocket">Part One</a>&nbsp;and&nbsp;<a href="http://www.alistapart.com/articles/putyourcontentinmypocketpart2" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="A List Apart: Put Your Content in my Pocket, Part II">Part Two</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://www.engageinteractive.co.uk/blog/2008/06/19/tutorial-building-a-website-for-the-iphone/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="How to build a website for the iphone">Tutorial - Building a site for the iPhone</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://vjarmy.com/archives/2008/01/howto_iphone_webclip_icons.php" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="HOWTO: iPhone Webclip Icons">How to Create iPhone Webclip Icons</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://iphonedevelopmentbits.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="iPhone Development Bits">iPhone Development Bits Blog</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;"><a href="http://phonegap.com/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;">PhoneGap</a>&nbsp;-&nbsp;<a href="http://www.mobileawesomeness.com/blog/phonegap-build-a-cross-platform-mobile-app-with-html-and-javascript/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="View PhoneGap post">read this blog post</a></li> <li style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 1.1em; margin-bottom: 0.5em; margin-left: 0px; margin-right: 0px; margin-top: 0.5em; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">iPhone screencasting tools-&nbsp;<a href="http://www.vimov.com/isimulate/" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="vimov - iSimulate - Multitouch and the Accelerometer on the iPhone Simulator">iSimulate</a>&nbsp;and&nbsp;<a href="http://news.atebits.com/post/197564349/not-your-average-iphone-screencast" style="background-attachment: initial; background-clip: initial; background-color: transparent; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; font-size: 13px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none; vertical-align: baseline;" title="atebits">SimFinger</a></li> </span></span></b></ul><div><b><span class="Apple-style-span" style="font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;"><span class="Apple-style-span" style="font-weight: normal;"><span class="Apple-style-span" style="font-size: x-small;"><span class="Apple-style-span" style="line-height: 18px;"><br /> </span></span></span></span></b></div></div></div>Unknownnoreply@blogger.com3tag:blogger.com,1999:blog-4820202977196938171.post-84202029462553756482010-12-31T09:04:00.000+08:002010-12-31T09:04:29.688+08:00<a href="http://www.degraeve.com/color-palette/index.php?q=http://www.degraeve.com/images/beach.jpg,3040356B9FA390AEADB1C5CB43729C,28513540C2CC8EDAD6BEEEFE005AC3">Color Palette Generator</a> is an awesome tool generates a dull and vibrant color palette from a photo or image you input. Really handy if your stuck for colors to use.<br /> <br /> <div class="separator" style="clear: both; text-align: center;"><a href="http://1.bp.blogspot.com/_UYgVWm4aYbE/TR0rnTSMO6I/AAAAAAAACcA/H2hIpBHILu0/s1600/colorpallette.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="271" src="http://1.bp.blogspot.com/_UYgVWm4aYbE/TR0rnTSMO6I/AAAAAAAACcA/H2hIpBHILu0/s400/colorpallette.jpg" width="400" /></a></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4820202977196938171.post-37475670300519934892010-08-13T16:39:00.001+08:002010-08-13T16:46:07.023+08:00<div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_UYgVWm4aYbE/TGUEgvVCRmI/AAAAAAAACUI/KHL9BjztYAM/s1600/graphiti.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://4.bp.blogspot.com/_UYgVWm4aYbE/TGUEgvVCRmI/AAAAAAAACUI/KHL9BjztYAM/s200/graphiti.jpg" width="200" /></a></div><div style="text-align: justify;">Graffiti fonts can be wonderfully useful in design, whether it’s for a print commercial, logo design, 3d graffiti style text, or another type of design. Graffiti has existed since the Classical period of the Greek &amp; Roman Empires, but nowadays, is largely created using spray paint to generate unique &amp; recognizable artworks. By tagging various locations with their graffiti, artists can gain think about recognition for their graffiti prowess.</div><div style="text-align: justify;"><br /> </div>For designers, graffiti fonts can provide a unique &amp; edgy feel to lots of forms of design, so in this post, Peter Olexa has rounded up 20 awesome urban &amp; graffiti fonts for designers.&nbsp;Best of all, they’re free.<br /> <br /> <a href="http://creativefan.com/20-awesome-urban-and-graffiti-free-fonts-for-designers/">Download the Grafitti Font here</a>Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-4820202977196938171.post-63137157538787822642010-08-13T16:28:00.001+08:002010-08-13T16:29:15.485+08:00<div class="separator" style="clear: both; text-align: left;"><a href="http://2.bp.blogspot.com/_UYgVWm4aYbE/TGUCAu2EHKI/AAAAAAAACUA/NEECk7AA9fI/s1600/11-02_final_result_preview.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="200" src="http://2.bp.blogspot.com/_UYgVWm4aYbE/TGUCAu2EHKI/AAAAAAAACUA/NEECk7AA9fI/s200/11-02_final_result_preview.jpg" width="200" /></a></div>This web design tutorial will show you the process of developing a PSD mockup of a neat and simple weblog layout. They will be generating the design of the front page of the weblog. The next part of this tutorial will walk you through coding the PSD to HTML/CSS.<br /> <div><br /> </div><div><a href="http://bit.ly/cxeK5z">More Here.....</a></div><div><br /> </div><div>Source: <a href="http://sixrevisions.com/">SixRevisions.com</a></div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4820202977196938171.post-41924738290845603932010-08-13T16:19:00.000+08:002010-08-13T16:19:03.421+08:00<div class="separator" style="clear: both; text-align: left;"><a href="http://4.bp.blogspot.com/_UYgVWm4aYbE/TGT_xlUzzCI/AAAAAAAACT4/qyuMEwJFreQ/s1600/howtodrawsample.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="189" src="http://4.bp.blogspot.com/_UYgVWm4aYbE/TGT_xlUzzCI/AAAAAAAACT4/qyuMEwJFreQ/s200/howtodrawsample.gif" width="200" /></a></div><div style="text-align: justify;">There are lots of times when they say that I cannot draw. But are you interested in learning how to draw &amp; would you are interested in learning it? Are questions you ought to ask yourself? In case you have answered 'Yes' to both these questions, then it is for sure that you can learn drawing without much difficulty. You have the spirit &amp; the confidence to learn drawing.</div><div style="text-align: justify;"><br /> </div><a href="http://bit.ly/aJ4N5x">Read More...</a>Unknownnoreply@blogger.com2tag:blogger.com,1999:blog-4820202977196938171.post-75571522307109285172010-04-26T02:26:00.000+08:002010-04-26T02:26:18.601+08:00<div class="separator" style="clear: both; text-align: left;"><a bitly="BITLY_PROCESSED" href="http://3.bp.blogspot.com/_UYgVWm4aYbE/S9SH1n9SrqI/AAAAAAAACNM/xQ0ib0rqJR4/s1600/img_html5.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/_UYgVWm4aYbE/S9SH1n9SrqI/AAAAAAAACNM/xQ0ib0rqJR4/s320/img_html5.gif" /></a></div>As a Web designer, we are in constant searching for ways to improve our web page design not just from the aesthics aspect of the design but also the back-end or the coding part. With Google now considering page loading as a part to rank a website's page rank, page loading optimization is now a MUST if you want your website to remain "search engine friendly".<br /> <br /> HTML 5 is the newest web standard that can satisfy those requirements as the new format is basically "direct to the point", virtually having lesser codes than it's predecessor HTML 4 and xHTML.<br /> <br /> HTML 5 can also help web designers (and developers) lessen the dependence on third party applications (e.g. online media sites like <a bitly="BITLY_PROCESSED" href="http://www.tomsguide.com/us/HTML5-YouTube-Vimeo-Adobe-Flash,news-5623.html">Youtube ditching Flash in favor of HTML 5</a>&nbsp;) due to the new html tag <video> on which embeds videos without additional parameters that would cramp up your coding.<br /> <br /> As of now, HTML 5 is on it's transitional stage on becoming a web standard, as a designer/developer having to learn this HTML 5 ahead of time would be an advantage.</video>Unknownnoreply@blogger.com4tag:blogger.com,1999:blog-4820202977196938171.post-81175863163195983612010-04-05T10:21:00.000+08:002010-04-05T10:21:47.470+08:00<div class="separator" style="clear: both; text-align: left;"><a bitly="BITLY_PROCESSED" href="http://1.bp.blogspot.com/_UYgVWm4aYbE/S7lI_A2R9gI/AAAAAAAACIw/MgVIQ4_Zd2E/s1600/2-sourceset.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="106" src="http://1.bp.blogspot.com/_UYgVWm4aYbE/S7lI_A2R9gI/AAAAAAAACIw/MgVIQ4_Zd2E/s200/2-sourceset.jpg" width="200" /></a></div>Photoshop's wide array of cloning tools is the cause of many of the absolute best and worst works created with the application. In a skilled and experienced hand, these tools lead to phenomenal results. In the hands of a careless artist, Photoshop cloning can be disastrous to the credibility of the result. This article introduces the several cloning tools available in Photoshop and goes over the proper usage and best practices of each.<br /> <br /> <a bitly="BITLY_PROCESSED" href="http://www.smashingmagazine.com/2010/03/30/the-ultimate-guide-to-cloning-in-photoshop/">Read more...</a>Unknownnoreply@blogger.com5tag:blogger.com,1999:blog-4820202977196938171.post-70196044687560162782010-02-18T00:28:00.000+08:002010-02-18T00:28:57.232+08:00<div class="separator" style="clear: both; text-align: center;"><a href="http://3.bp.blogspot.com/_UYgVWm4aYbE/S3wY-hgaM9I/AAAAAAAACE4/b7nfwiJM5XU/s1600-h/web-design-code.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em; text-align: left;"><img border="0" height="200" src="http://3.bp.blogspot.com/_UYgVWm4aYbE/S3wY-hgaM9I/AAAAAAAACE4/b7nfwiJM5XU/s200/web-design-code.jpg" width="200" /></a></div>I came across an article stating that there are still some web designers that can't code their own designs which is a bit shock on my part further more the author has written down in detail the Five Good reasons why Designers should code.<br /> <br /> <a href="http://bit.ly/djtEBQ">Read more...</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4820202977196938171.post-65885923306345443082010-01-27T15:58:00.000+08:002010-01-27T15:58:30.185+08:00<div class="separator" style="clear: both; text-align: center;"><a bitly="BITLY_PROCESSED" href="http://2.bp.blogspot.com/_UYgVWm4aYbE/S1_xzThHQoI/AAAAAAAACCU/OV09170YxSQ/s1600-h/code_snip.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="293" src="http://2.bp.blogspot.com/_UYgVWm4aYbE/S1_xzThHQoI/AAAAAAAACCU/OV09170YxSQ/s320/code_snip.gif" width="320" /></a><br /> </div><div style="text-align: justify;"><span style="font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;"><b>HTML4</b> has been with us for a while now, roughly ten years. And, it hasn't really seen a major update. Sure there's XHTML, but that did little more than make things slightly stricter - making you write better quality code if you were at all concerned with compliance. <b>HTML 5</b> does more than that. For one thing, it adds a few new features. Not a huge amount, but the ones that it does add are very useful.</span><br /> </div><span style="font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;"><br /> </span><br /> <span style="font-family: verdana, helvetica, arial, sans-serif; font-size: 13px; line-height: 16px;"><a bitly="BITLY_PROCESSED" href="http://www.codeproject.com/KB/HTML/HTML5-intro.aspx">Read more...</a></span>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4820202977196938171.post-76239794051928915862009-12-09T14:20:00.003+08:002009-12-12T22:57:52.418+08:00It every started in 1991 when the first website was launched. It was meet the base compounding of the Internet with hypertexts. Both had already been around for some time but it was only that time that both were utilised to <a href="http://www.netidnow.com/">create a website</a>. Everything then was very basic, yet useful enough to provide users easy navigation.<br /><br />Eventually, as profession progressed, so did scheme designing. solon and more languages were developed, every of which have their own respective advantages and disadvantages depending on what kind of website is being developed. From the base of texts, images and tables were already available to be used. Along with codes, more and more utilities have also been incorporated in scheme designing throughout its development.<br /><br />Indeed scheme designing has come a long way, from the concepts of designing, the tools utilised and even as a business venture. Thousands of scheme organisation companies flourished globally especially in places where the labor outlay is not much.<br /><br />If you put it simply, scheme designing is but incorporating creativity in presenting a set of contents to the rest of the World Wide Web community. Web designing is not far from graphic designing. In fact, the latter crapper actually be considered as a kind of the former. Web designing is responsible for generating satisfactory high-end client features and superficial characteristics of websites.<br /><br />Web designing involves a aggregation of techniques. As the utilization of profession increases, more and more scheme designing techniques are also being used. Now, it is already possible to incorporate animation, SEO, marketing, pictures, animation, graphic design, more human involvement, among others.<br /><br />To date, there are already a number of scheme designing techniques that people crapper choose from, depending on their expertise, the nature of the scheme site, the wants of the customers and the major content of the scheme site. Markup (HTML, XHTML and XML) and style sheet (CSS and XSL) language, client-side (Javascript) and server-side (PHP and ASP) scripting, database (MySQL and PostgreSQL) and transmission (Flash and Silverlight) technologies are meet some examples of the many techniques available that crapper be utilised in website designing.<br /><br />With this kind of growth that scheme designing has experienced, no digit crapper rattling tell what kind of advancements crapper still happen in the future. What is sure though is the fact that whatever advancements our profession experience, it will surely revolutionize the way we do website designing.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4820202977196938171.post-41206436829054223192009-11-05T22:04:00.001+08:002009-11-05T22:04:37.012+08:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_UYgVWm4aYbE/SvLaBB4TPmI/AAAAAAAAB5M/uGoPWoOVTFE/s1600-h/webdesign.jpg"><img style="cursor: pointer; width: 320px; height: 196px;" src="http://4.bp.blogspot.com/_UYgVWm4aYbE/SvLaBB4TPmI/AAAAAAAAB5M/uGoPWoOVTFE/s320/webdesign.jpg" alt="web design" id="BLOGGER_PHOTO_ID_5400618614389948002" border="0" /></a><br />Typically, web site designs evolve. In the beginning, many web site owners become enamored with "bells and whistles" that, on the surface, might appeal to their target audience. Flash movies, Java applets, animation and other rich media has become increasingly popular over the years.<br /><br />However, in the rush to have the "coolest" site design, web site owners forget whom they are designing their site for: their target audience. Your audience might find that Flash movie irritating after viewing it multiple times. Your audience might not be able to find your site in the search engines. "Bells and whistles" are attributes of a web site that need to be measured and tested to see if they increase or drive away sales.<br /><br />Below are the various stages of evolution web sites typically undergo:<br /><br /> * Stage 1 - Style Over Substance<br /> * Stage 2 - Designing for Online Visibility<br /> * Stage 3 - Designing for Your Audience<br /> * Stage 4 - Site Redesign<br /> * Conclusion<br /><br /><a href="http://www.grantasticdesigns.com/websitedesignstages.html">Read more...</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4820202977196938171.post-76532184675170966962009-09-17T00:28:00.007+08:002010-04-14T13:59:07.842+08:00<a bitly="BITLY_PROCESSED" href="http://3.bp.blogspot.com/_UYgVWm4aYbE/SrEVfrclgLI/AAAAAAAABt8/TDK5SpJsPXY/s1600-h/PhotoshopCS4icon.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img alt="" border="0" id="BLOGGER_PHOTO_ID_5382106663667204274" src="http://3.bp.blogspot.com/_UYgVWm4aYbE/SrEVfrclgLI/AAAAAAAABt8/TDK5SpJsPXY/s320/PhotoshopCS4icon.png" style="cursor: pointer; height: 320px; width: 320px;" /></a> <br /> <br /> <a bitly="BITLY_PROCESSED" href="http://www.adobe.com/"><span style="font-weight: bold;">Adobe Photoshop</span></a> is every designer's ultimate tool in terms graphic designing with that in mind, I compiled a very huge list of photoshop tutorials from various online resources sites for every graphic designers to have. <br /> <span style="font-size: 130%;"> </span><br /> <span style="font-size: 130%;"><a name='more'></a><br /> </span><style type="text/css"> <!-- @page { margin: 2cm } P { margin-bottom: 0.21cm } A:link { so-language: zxx } --> </style><style type="text/css"> <!-- @page { margin: 2cm } P { margin-bottom: 0.21cm } A:link { so-language: zxx } --> </style> <br /> <ul><li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.smashingapps.com/2009/03/24/43-really-useful-photoshop-tutorials-for-excellent-3d-effects.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>43 Really Useful Photoshop Tutorials For Excellent 3d Effects</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.hongkiat.com/blog/41-nicest-photoshop-photo-effects-photoshop-tutorials/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>41 Nicest Photoshop Photo Effects</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://justcreativedesign.com/2008/06/26/adobe-photoshop-tips-tricks/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>6 Photoshop Tips That You Probably Don’t Know About</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.webmonkey.com/tutorial/Photoshop_Tips_for_the_Web"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Photoshop Tips for the Web</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.deke.com/content/101-photoshop-tips-5-minutes"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>101 Photoshop Tips in 5 Minutes (Video)</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.noupe.com/photoshop/60-most-wanted-photoshop-tutorials-brushes-psds-and-resources.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>60 Most Wanted Photoshop Tutorials, Brushes and Resources</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1704"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Create amazing photomontages</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://psd.tutsplus.com/tutorials/tutorials-effects/seriously-cool-photoshop-explosion-effect/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Seriously Cool Photoshop Explosion Effect</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?FeatureID=1795"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Transform your doodles into great Photoshop art</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.computerarts.co.uk/tutorials/3d__and__animation/the_new_way_to_create_3d_text"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>The new way to create 3D text in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://naldzgraphics.net/tutorials/30-photoshop-tutorials-in-creating-amazing-posters/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>30+ Photoshop Tutorials in Creating Amazing Posters</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://psd.tutsplus.com/tutorials/text-effects-tutorials/create-a-spectacular-grass-text-effect-in-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Create a Spectacular Grass Text Effect in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://blog.plasticmind.com/design/creating-mockups-in-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>10 Tips For Creating Website Mockups In Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.smashingmagazine.com/2008/12/07/50-excellent-digital-photography-photoshop-tutorials/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>50 Excellent Digital Photography Photoshop Tutorials</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.webdesignerwall.com/tutorials/photoshop-secret-shortcuts/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Photoshop Secret Shortcuts</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://designreviver.com/freebies/400-time-saving-photoshop-actions/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>400+ Time Saving Photoshop Actions</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.graphicmania.net/10-cool-photoshop-tips-and-tricks/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>10 Cool Photoshop Tips and Tricks</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.techlicious.tv/2007/10/53-ultimate-tips-for-better.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>53 Ultimate Tips For Better Photoshopping</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.blog.spoongraphics.co.uk/articles/15-tutorials-for-recreating-authentic-photo-effects"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>15 Tutorials for Recreating Authentic Photo Effects</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.tutorial9.net/photoshop/tip-use-the-grid-in-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Use The Grid in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.alexallied.com/tutorials/photoshop-tips-every-blogger-must-know"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Photoshop Tips Every Blogger Must Know</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.hongkiat.com/blog/photoshop-shortcuts-tricks-boost-productivity/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>5 Photoshop Shortcuts/Tricks To Boost Productivity</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://designm.ag/resources/photoshop-texture-brushes/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>500+ Photoshop Brushes for Creating Textures</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://designm.ag/resources/photoshop-space-brushes/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>500+ Space Brushes for Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://vandelaydesign.com/blog/design/photoshop-tutorials-poster-design/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>35 Photoshop Tutorials for Designing Your Own Posters</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://morris-photographics.com/photoshop/shortcuts/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Ultimate list of Photoshop Keyboard Shortcuts</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://digital-photography-school.com/photoshop-shortcut-commands"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>18 Exceptionally Useful Photoshop Shortcuts</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://elitebydesign.com/how-to-master-photoshop-in-just-one-week/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>How To Master Photoshop In Just One Week</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://designreviver.com/tutorials/50-excellent-body-enhancement-photoshop-tutorials/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>50+ Excellent Body Enhancement Photoshop Tutorials</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.photoshoptalent.com/blog/2008/08/11/the-60-best-photoshop-tutorials-to-design-your-own-amazing-site/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>The 60 Best Photoshop Tutorials to Design Your Own Amazing Site</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://psd.tutsplus.com/web/20-insane-comic-book-style-photoshop-effects/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>20 Insane Comic-book Style Photoshop Effects</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.noupe.com/photoshop/40-adobe-photoshop-psd-files.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Adobe Photoshop: 50+ High Quality .PSD Files and Tutorials</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.smashingmagazine.com/2008/08/07/50-photoshop-tutorials-for-sky-and-space-effects/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>50 Photoshop Tutorials For Sky and Space Effects</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.3dtotal.com/ps100/pstut100.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>100 Photoshop Tutorials for Creating Beautiful Art</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://designm.ag/resources/photoshop-tutorials-for-creating-album-covers/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>7 Photoshop Tutorials for Creating Album Covers</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://vandelaydesign.com/blog/design/photoshop-custom-shapes/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>45+ Sources and Sets of Photoshop Custom Shapes</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://psd.tutsplus.com/photo-effects-tutorials/add-dynamic-lighting-to-a-flat-photograph/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Add Dynamic Lighting to a Flat Photograph</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.eyesontutorials.com/articles/291/1/Photo-retouching/Page1.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Photo retouching in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><span style="color: #111111;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><span style="font-weight: normal;">Free Textures at </span></span></span></span></span><a bitly="BITLY_PROCESSED" href="http://www.grungetextures.com/gallery/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Grunge Textures</b></span></span></span></span></span></a><span style="color: #111111;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><span style="font-weight: normal;"> and </span></span></span></span></span><a bitly="BITLY_PROCESSED" href="http://www.textureking.com/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Texture King</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.photoshoproadmap.com/Photoshop-blog/2007/09/13/give-your-photos-a-retro-comic-book-effect/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Give Your Photos a Retro Comic Book Effect</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://photoshoptutorials.ws/photoshop-tutorials/photo-effects/gritty-hdr.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Gritty HDR Images in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.photoshopessentials.com/photo-effects/polaroids/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Turn A Photo Into A Collage Of Polaroids</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.instructables.com/id/Creating-a-3D-effect-with-image-editing--software-/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Creating a 3D effect with GIMP or Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.melissaclifton.com/tutorial-popart.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Pop Art Photoshop Tutorial Inspired by Lichtenstein</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://graphicreporter.com/tutorials/photoshop_partialcolor.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Black and white photos with just a touch of color</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.layouts4free.com/articles/view-article/2/3/0/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Photoshop – 101 Hidden Tips &amp; Secrets</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://photoshoptutorials.ws/photoshop-tutorials/layouts/design-a-web-template-using-the-960-grid-system.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Design a Web Template using the “960 Grid System”</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.builderau.com.au/blogs/codemonkeybusiness/viewblogpost.htm?p=339270973"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Six video podcasts to help you ace Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://photoshoptutorials.ws/photoshop-tutorials/drawing/how-to-create-an-anime-artwork-in-photoshop.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>How to Create an Anime Artwork in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.dcblog.net/2008/08/my-21-favorite-photoshop-tips.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>My 21 Favorite Photoshop Tips</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.techeblog.com/index.php/tech-gadget/top-5-photoshop-tutorials"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Top 5 Photoshop Tutorials (Videos)</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.metacafe.com/watch/403986/photoshop_tutorial/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Vanishing objects with clone tool in photoshop (Video)</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://photoshoptips.net/2008/03/16/photoshop-preferences/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Optimise Photoshop Performance through the Preferences</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://digital-photography-school.com/4-easy-photoshop-techniques-to-make-your-pictures-pop"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>4 Easy Photoshop Techniques to Make Your Pictures Pop!</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://pstutorialsblog.com/117/7-photoshop-video-tips/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>7 Photoshop Video Tips</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.printernational.org/photoshop-cmyk-tips.php"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Photoshop CMYK Tips</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://speckyboy.com/2008/12/07/79-quick-tip-video-tutorials-for-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>79 Quick Tip Video Tutorials for Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://photojojo.com/content/tutorials/best-movie-effect-photo-tutorials-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>11 Super Awesome Photoshop Movie Effects</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.graphic-design.com/Photoshop/pencil_sketch/index.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Photo to Pencil Sketch in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://psd.tutsplus.com/designing-tutorials/creating-a-stunning-old-world-look-in-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Creating a Stunning Old-World Look in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.hongkiat.com/blog/revealing-methods-of-drawing-web-20-logos/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>How Web 2.0 Logos are drawn in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.fortysomething.ca/mt/etc/archives/006129.php"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Use YouTube to learn Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://abduzeedo.com/magic_effect"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Magic lighting effect in photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://dvice.com/archives/2009/03/10_best_iphone.php"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>10 best iPhone apps that do Photoshop tricks</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://speckyboy.com/2008/05/10/14-amazing-free-photoshop-psd-resource-sites/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>14 Amazing Free Photoshop .psd Resource Sites</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.photoshoptalent.com/blog/2008/06/11/240-resources-for-photoshop-artists/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>240 Resources for Photoshop Artists</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://wellmedicated.com/resources/208-retro-photoshop-patterns/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>208 Retro Photoshop Patterns</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://psd.tutsplus.com/articles/inspiration/20-photoshop-natural-resources-and-green-inspiration/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>20+ Photoshop Natural Resources and Green Inspiration</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.marcofolio.net/photoshop/ultimate_photoshop_design_resources.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Ultimate Photoshop Design Resources</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://bestphotoshoptutorials.net/2009/01/25/70-photoshop-tutorials-for-web-designers/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>70+ Photoshop Tutorials to improve your Skills as Web Designer</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://psd.tutsplus.com/tutorials/tools-tips/30-useful-resources-for-improving-your-photoshop-efficiency/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>30+ Useful Resources for Improving Your Photoshop Efficiency</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://designm.ag/resources/photoshop-stains-brushes/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>250+ Stains Brushes for Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://naldzgraphics.net/tutorials/40-most-amazing-wallpaper-tutorials-in-photoshop-and-resources/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>40+ Most Amazing Wallpaper Tutorials in Photoshop &amp; Resources</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://vandelaydesign.com/blog/design/photoshop-illustrator-tutorials/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>25 Tutorials for Using Illustrator and Photoshop Together</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.acomment.net/the-best-graffiti-photoshop-tutorials-15/636"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>15+ Best Graffiti Photoshop Tutorials</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.hacktrix.com/14-resources-to-master-everything-about-photoshop-for-free"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>14 Resources To Master Everything About Photoshop For Free</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://elitebydesign.com/25-more-most-incredible-photoshop-tutorials/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>25 More Most Incredible Photoshop Tutorials</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.1stwebdesigner.com/design/45-photoshop-tutorial-sites/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>45 Photoshop Tutorial Sites</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.iyiz.com/60-advanced-photoshop-tutorials/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>60 Advanced Photoshop Tutorials with PSD files</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.photoshoptalent.com/photoshop-tutorials/pst/706/All-In-One-Pen-Tool-Resource.html"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>All-In-One Pen Tool Resource for Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.bittbox.com/photoshop/how-to-make-a-photoshop-brush/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>How To Make A Photoshop Brush</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://tv.adobe.com/#pg+1584"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Official Adobe Photoshop CS4 Video Tutorials</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://yanikphotoschool.com/tutorials/video_tutorials/how-to-create-hdr-images-in-photoshop-video-tutorial/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>How to Create HDR Images in Photoshop – Video Tutorial</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-magic-night-themed-web-design-from-scratch-in-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Create a Magic Night Themed Web Design from Scratch in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.sitepoint.com/forums/showthread.php?t=597583"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Creating eye-catching hi-tech collages With Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.smashingmagazine.com/2009/03/25/45-apple-inspired-photoshop-tutorials/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>45 Apple-Inspired Photoshop Tutorials</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.sitepoint.com/article/masking-techniques-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>5 Great Background Masking Techniques in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.sitepoint.com/article/getting-started-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Getting Started with Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.sitepoint.com/article/photoshop-cs4-new-features/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>3 Cool Tricks You Can Only Do In Photoshop CS4</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.webscienceman.com/2008/10/22/create-your-own-icons-using-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Create your own Icons using Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://abduzeedo.com/tags/photoshop"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>90+ Indepth Photoshop Tutorials from Abduzeedo</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.webscienceman.com/2009/01/16/photoshop-tutorial-letterpress-text-effect/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Easily achieve the trendy LetterPress effect with Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.sitepoint.com/article/graphics-photoshop-brushes/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Create Eye-popping Graphics with Photoshop Brushes</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.sitepoint.com/article/building-buttons-photoshop-1/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Build Beautiful Buttons in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.catswhocode.com/blog/10-free-professional-websites-templates-psd-files"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>10 free professional Websites Template PSD files</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.psdrockstar.com/photo-effects/tutorial-drawing-a-lightbulb/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Drawing an Abstract Lightbulb With Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.webscienceman.com/2007/01/17/photoshop-simple-reflection-tutorial/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Photoshop “Reflection” tutorial</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.bittbox.com/photoshop/photoshop-how-to-make-an-awesome-grungy-paper-texture-from-scratch/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>How To Make An Awesome Grungy Paper Texture From Scratch</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://iamphotoshop.com/photoshop/8-curious-gadgets-photoshop-things/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>8 creative and curious Photoshop things</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://laughingliondesign.net/photoshop-tutorials/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>80 Awesome Photoshop Tutorials</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://designreviver.com/tutorials/how-to-learn-photoshop-in-24-hrs/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>How to Learn Photoshop in 24 Hours</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.makeuseof.com/tag/10-websites-to-make-you-a-photoshop-ninja/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>10 Websites to Make You a Photoshop Ninja</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://blogof.francescomugnai.com/2008/07/the-worlds-biggest-post-about-photoshop-psds-textures-tutorials-patterns-shapes-brushes-and/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>World’s Biggest Post about Photoshop (PSDs, textures, tutorials)</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://hv-designs.co.uk/2009/03/10/futuristic-orb/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Create a Futuristic Orb with Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.smashingmagazine.com/2007/01/12/hand-picked-photoshop-tutorials/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Hand-Picked Photoshop Tutorials</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://hv-designs.co.uk/2009/03/21/quickie-book-tutorial/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Quickly create a book with Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.zenelements.co.uk/blog/create-a-sprite-navigation-set-in-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Create a Sprite Navigation set in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.psdvault.com/text-effects/design-a-smooth-and-fresh-text-effect-with-leaves-and-stone-texture-in-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Design a Smooth &amp; Fresh Text Effect with Leaves and Stone Texture</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://buildinternet.com/2009/03/light-and-shadows-feathering-gradients-in-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Light and Shadows – Feathering Gradients in Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://psd.tutsplus.com/articles/web/50-brilliantly-photoshopped-movie-posters/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>50 Brilliantly Photoshopped Movie Posters</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.webscienceman.com/2009/01/20/easily-create-obama-style-graphics-with-photoshop/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Easily Create “Obama-like style” graphics with Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.webscienceman.com/2009/01/20/photoshop-tutorial-layer-mask/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Create a cool frog in just 3 steps with Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.sitepoint.com/article/sharpening-photoshop-cs2/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Controlled Image Sharpening with Photoshop</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.sitepoint.com/article/graphics-photoshop-brushes/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>Create Eye-popping Graphics with Photoshop Brushes</b></span></span></span></span></span></a></div></li> <li><br /> <div style="border: medium none; line-height: 160%; margin-bottom: 0cm; orphans: 2; padding: 0cm; widows: 2;"><a bitly="BITLY_PROCESSED" href="http://www.designvitality.com/blog/2008/05/18-excellent-sources-for-free-photoshop-patterns/"><span style="color: black;"><span style="text-decoration: none;"><span style="font-family: Arial, sans-serif;"><span style="font-size: 100%;"><span style="font-style: normal;"><b>18 Excellent Sources for Free Photoshop Patterns</b></span></span></span></span></span></a></div></li> </ul><div style="margin-bottom: 0cm;"><br /> </div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4820202977196938171.post-77483264555013538912009-09-16T16:36:00.003+08:002009-09-16T16:42:00.789+08:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_UYgVWm4aYbE/SrCkvLaPi7I/AAAAAAAABts/xBf2uzRRlB0/s1600-h/Adobe_Flash_CS4_Logo.png"><img style="cursor: pointer; width: 256px; height: 256px;" src="http://2.bp.blogspot.com/_UYgVWm4aYbE/SrCkvLaPi7I/AAAAAAAABts/xBf2uzRRlB0/s320/Adobe_Flash_CS4_Logo.png" alt="" id="BLOGGER_PHOTO_ID_5381982685131410354" border="0" /></a><br /><br /><a href="http://www.adobe.com/products/flash/"><span style="font-weight: bold;">Flash</span></a> can be an exciting, interactive element to a web site, or it can be a viewer’s worst nightmare. Using flash effectively depends on how you utilize the content and how obtrusive to the rest of the site it is. <a style="font-weight: bold;" href="http://www.graphicdesignblog.org/how-to-use-flash-effectively/">Here’s how to make the most of flash if you must use it, and why not to use flash in some cases.</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4820202977196938171.post-4286432914372607262009-09-16T16:05:00.003+08:002009-09-16T16:19:04.410+08:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_UYgVWm4aYbE/SrCfTYzUbsI/AAAAAAAABtk/36UEAVZUXbU/s1600-h/portfoliopage.jpg"><img style="cursor:pointer; cursor:hand;width: 320px; height: 214px;" src="http://4.bp.blogspot.com/_UYgVWm4aYbE/SrCfTYzUbsI/AAAAAAAABtk/36UEAVZUXbU/s320/portfoliopage.jpg" border="0" alt="" id="BLOGGER_PHOTO_ID_5381976710131773122" /></a><br />Want to create your portfolio but you don't have enough skills or the time to make one then you might wanna check out these <b>10 Solutions to create your online portfolio.</b><br /><br /><a href="http://www.krop.com/creativedatabase/">Krop</a><br /><a href="http://www.carbonmade.com/">Carbonmade</a><br /><a href="http://www.coroflot.com/">Coroflot</a><br /><a href="http://www.coroflot.com/">Shown'd</a><br /><a href="http://www.behance.net/">Behance</a><br /><a href="http://www.deviantart.com/">DeviantArt</a><br /><a href="http://www.flickr.com/">Flickr</a><br /><a href="http://www.woothemes.com/">WooThemes</a><br /><br />Now is you <b>DO HAVE THE SKILLS</b>, then check out this <a href="http://www.blog.spoongraphics.co.uk/tutorials/how-to-build-your-own-single-page-portfolio-website">How to Make Your Own Online Portfolio Site tutorial</a> by <a href="http://www.blog.spoongraphics.co.uk/">Chris Spooner</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4820202977196938171.post-87825692961460892952009-08-14T09:02:00.004+08:002009-08-14T09:10:10.560+08:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/_UYgVWm4aYbE/SoS5DnqXTaI/AAAAAAAABrU/1w5sNQKbD2g/s1600-h/vector-skull-design1.jpg"><img style="margin: 0pt 10px 10px 0pt; float: left; cursor: pointer; width: 200px; height: 200px;" src="http://4.bp.blogspot.com/_UYgVWm4aYbE/SoS5DnqXTaI/AAAAAAAABrU/1w5sNQKbD2g/s200/vector-skull-design1.jpg" alt="" id="BLOGGER_PHOTO_ID_5369620127569890722" border="0" /></a><br />It's been a long while since my last post because of my busy schedule at work. But I am not gonna leave you guys without an update. I got this tweet from a friend on twitter entitled <span style="font-weight: bold;"><a href="http://www.minervity.com/features/icons-features/18-search-engines-for-designers-creativity-boost/">"18 Search Engines for Designers"</a></span>.<br /><br />I thank <a href="http://twitter.com/Minervity">Minervity</a> for sharing this one.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4820202977196938171.post-49302579745580275362009-07-02T14:00:00.002+08:002009-07-02T14:06:26.656+08:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_UYgVWm4aYbE/SkxOPBCjMPI/AAAAAAAABis/PHI_6rqcPx0/s1600-h/webdesign.jpg"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 320px;" src="http://2.bp.blogspot.com/_UYgVWm4aYbE/SkxOPBCjMPI/AAAAAAAABis/PHI_6rqcPx0/s320/webdesign.jpg" border="0" alt="Web Design" id="BLOGGER_PHOTO_ID_5353740076920811762" /></a><br />There are many aspects in term of doing web designs and each web designer <br />has its own style of workflow and coding and designing. Most of us learn from <br />experience some thru online tutorials. However, there are certain things in web <br />designing which is essential and can greatly help get the best output from their project.<br /><br />You can read more about the <a href="http://sixrevisions.com/web_design/10-things-every-web-designer-just-starting-out-should-know/" title="10 Essential Tips that Every Web Designer Should Know">10 Essential Tips that Every Web Designer Should Know</a>.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4820202977196938171.post-60911287860846086762009-06-22T11:57:00.003+08:002009-06-22T12:04:02.173+08:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_UYgVWm4aYbE/Sj8CoTcXbRI/AAAAAAAABfU/7imtEGhBw98/s1600-h/firebug.png"><img style="cursor:pointer; cursor:hand;width: 320px; height: 66px;" src="http://2.bp.blogspot.com/_UYgVWm4aYbE/Sj8CoTcXbRI/AAAAAAAABfU/7imtEGhBw98/s320/firebug.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5349997773776710930" /></a><div><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_UYgVWm4aYbE/Sj8CoTcXbRI/AAAAAAAABfU/7imtEGhBw98/s1600-h/firebug.png"></a><br /><div style="text-align: justify;">I have blog about <a href="http://digitaltoolz.blogspot.com/2007/06/firebug-mozilla-firefoxs-web.html">Firebug on previously post</a> and for those who have haven't use Firebug, it is a revolutionary Firefox extension that helps web developers and designers test and inspect front-end code. It provides us with many useful features such as a console panel for logging information, a DOM inspector, detailed information about page elements, and much more.</div><div style="text-align: justify;"><br /></div>and now I will share to you the <b><a href="http://sixrevisions.com/web-development/10-useful-firefox-extensions-to-supercharge-firebug/">10 Useful Firefox Extensions to Supercharge Firebug</a></b>. </div>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4820202977196938171.post-46499016148046176292009-06-13T10:54:00.005+08:002009-06-13T11:02:13.799+08:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://1.bp.blogspot.com/_UYgVWm4aYbE/SjMWEAsHHGI/AAAAAAAABfE/ucJMW_a4tPs/s1600-h/13-03_monitorus.png"><img style="cursor:pointer; cursor:hand;width: 320px; height: 146px;" src="http://1.bp.blogspot.com/_UYgVWm4aYbE/SjMWEAsHHGI/AAAAAAAABfE/ucJMW_a4tPs/s320/13-03_monitorus.png" border="0" alt="Monitor US"id="BLOGGER_PHOTO_ID_5346641440779213922" /></a><br /><br />Creating a website is on is a bit hard task, maintaining a website on the other hand is more tedious in some ways. But thanks to <span style="font-weight:bold;"><a href="http://sixrevisions.com">Jacob Gube</a></span>, he share <a href="http://is.gd/10o7v" title="12 Excellent Free Tools for Monitoring Your Site's Uptime" target="_blank">12 Excellent Free Tools for Monitoring Your Site's Uptime</a>. Now this can help us maintain our websites very efficiently.Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-4820202977196938171.post-62523455051424890432009-05-28T10:08:00.006+08:002009-05-28T10:43:09.954+08:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://farm4.static.flickr.com/3598/3500879355_a39d07349f.jpg"><img style="cursor:pointer; cursor:hand;width: 300px;" src="http://farm4.static.flickr.com/3598/3500879355_a39d07349f.jpg" border="0" alt="" /></a><br /><span class="Apple-style-span" style="font-size: x-small;">From Flickr.com</span><br /><br />As Web Designers, we are in constant search of methods to improve our web design workflow and these article from <span class="Apple-style-span" style="font-weight: bold;">Smashing Magazine</span> entitled <a href="http://www.smashingmagazine.com/2009/05/19/8-layout-solutions-to-improve-your-designs/">"8 Layout Solutions To Improve Your Designs"</a> are just a few of those worthy solutions to our projects.Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4820202977196938171.post-41970626424099884682009-05-05T09:29:00.002+08:002009-05-05T09:32:32.712+08:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://i474.photobucket.com/albums/rr102/sachania/photoshop-plugin/web-designer-list/designer-resource-2.jpg"><img style="cursor:pointer; cursor:hand;width: 500px; height: 160px;" src="http://i474.photobucket.com/albums/rr102/sachania/photoshop-plugin/web-designer-list/designer-resource-2.jpg" border="0" alt="" /></a><br /><br /><span style="font-weight:bold;">Hidden Pixels.com</span> has share to us another set of tools for web designers can use. Check them out at <a href="http://hiddenpixels.com/designer-tools/every-designer-should-check-this/">HiddenPixel.com</a>Unknownnoreply@blogger.com0tag:blogger.com,1999:blog-4820202977196938171.post-50020192714328216022009-04-28T13:05:00.003+08:002009-04-28T13:10:47.738+08:00<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/_UYgVWm4aYbE/SfaPE2XmfZI/AAAAAAAABdE/J2KarTxox2c/s1600-h/Paint_NET_Icon.png"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 300px; height: 75px;" src="http://2.bp.blogspot.com/_UYgVWm4aYbE/SfaPE2XmfZI/AAAAAAAABdE/J2KarTxox2c/s320/Paint_NET_Icon.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5329604522516315538" /></a><div style="text-align: justify;">If <span style="font-weight:bold;">Paint.NET</span> is your editor of choice and you find yourself needing to open .PSD Photoshop files, this plugin will help you introduce .PSD images into your Paint.NET workflow.<br /></div><br /><div style="text-align: justify;">The plugin doesn't replicate all of the numerous functions of the .PSD file, just the ones that relate to functionality within Paint.NET. You can work with layers, load masks, and open a variety of color modes and profiles. Because of the limited integration with the .PSD file, the plugin is best suited for pulling a .PSD file into Paint.Net and converting it to be used in your Paint.NET workflow. Working with it in Paint.NET and then trying to bring it back into Photoshop is a bit dicier as far as compatibility goes and can have unexpected results. </div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">PSDPlugin is free and required Paint.NET 3.0+.<br /></div><div style="text-align: justify;"><br /></div><div style="text-align: justify;">Download <span class="Apple-style-span" style="border-collapse: collapse; "><span class="Apple-style-span" style="font-size:medium;"><span class="Apple-style-span" style="font-weight: bold;"><a href="http://frankblumenberg.de/doku/doku.php?id=paintnet:psdplugin" target="_blank" style="color: rgb(34, 68, 187); ">Paint.NET PSDPlugin</a></span></span></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="border-collapse: collapse; font-weight: bold;"><br /></span></div><div style="text-align: justify;"><span class="Apple-style-span" style="border-collapse: collapse; font-weight: bold;"><span class="Apple-style-span" style="font-weight: normal; "><span class="entry-source-title-parent"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: rgb(255, 0, 0);">from </span></span><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: rgb(255, 0, 0);"><a href="http://feeds.gawker.com/~r/lifehacker/full/~3/trdUTTFwxzA/paintnet-plugin-lets-you-open-photoshop-files">Lifehacker</a></span></span></span><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: rgb(255, 0, 0);"> by </span></span><span class="entry-author-name"><span class="Apple-style-span" style="font-size: small;"><span class="Apple-style-span" style="color: rgb(255, 0, 0);">Jason Fitzpatrick</span></span></span></span><br /></span></div>Unknownnoreply@blogger.com0