20 Chrome Extensions for Web Designers & Developers

20 Chrome Extensions for Web Designers & Developers

We take a look at 20 of the best Chrome extensions for web designers and developers. Rather than cover the ones you'll find in every list, we've concentrated on some lesser known ones which are every bit as useful. Give them a go.

Considering that Google Chrome was only released in late 2008, the speed at which it has become a viable competitor to Firefox is quite astounding. While Firefox is still the number one choice for most web design and development professionals, thanks to its superior number of add-ons, Chrome is snapping at its heels and could soon become every bit as powerful.

While you might very well be resilient to the idea of switching lock, stock and barrel from Firefox to Chrome, especially if you've spent years tweaking your browser environment to your every whim, it's very important that you give Chrome a try, to experience its potential benefits and understand what other people are using.

Below, we take a look at 20 of the best Chrome extensions for web designers and developers. Rather than cover the ones you'll find in every list (such as Firebug Lite, Pendule, Aviary Screen Capture, Speed Tracer and Lorem Ipsum Generator, all of which come highly recommended), we've concentrated on some lesser known ones which are every bit as useful. Give them a go.

1. Eye Dropper

Eye Dropper lets you identify any color used on any website that you're viewing. Simply click on a pixel and you'll be provided with the associated HTML color code and RGB levels.

2. PlainClothes

With PlainClothes, you have complete control over the font style, font color, background color and link color (unread and visited) for the page that you're viewing. You can preview different color schemes and combinations to see how they work.

3. FlashBlock

FlashBlock does exactly what it says on the tin- it blocks Flash elements on a webpage, lowering memory usage, reducing CPU cycles and getting rid of annoying ads. If you want to load some Flash elements and not others- you can- no problem.

4. MeasureIt!

MeasureIt! proves that the simplest extensions are often the handiest. It lets you draw out a ruler onto any webpage to measure the pixel width and height of any element.

5. LastPass

Web designers and developers visit more websites than anybody else, meaning they're more likely to have a ridiculous number of passwords to remember. LastPass is a completely secure password manager and effective form filler, which lets you import passwords from other storage vendors like RoboForm.

6. Chrome Sniffer

An absolutely crucial extension for all web designers and developers, Code Sniffer lets you inspect the framework and JavaScript library running on the webpage you're viewing.

7. Google Tasks

This extension is useful for everybody that uses Google Tasks. It makes Gmail, Google Calendar and iGoogle accessible at all times, from any webpage.

8. Color Picker

Ideal for all web designers, Color Picker is a feature-packed color editor which gives you the Hex color code and RGB color values of any clicked color, as well as letting you adjust hue, saturation and balance.

9. Domain Availability Checker

Domain Availability Checker does exactly what you'd expect. It lets you check the availability of domain names straight from your toolbar, so that you don't have to navigate to other sites.

10. Pixlr Grabber

Pixlr Grabber lets you take screenshots of web pages (full page or selection), sharing them with others and modifying them using the Pixlr editor. If you need to take a screenshot in a hurry, this is the extension for you.

11. Web Developer

This popular Firefox extension, now available for Chrome, adds a toolbar button to your browser that's packed full of useful tools for web developers. You can Disable Styles, View CSS, Edit CSS and so much more.

12. Ibrii

Ibrii is an extension with social networking at its very core. Users can take snippets of pictures, text and even video from web pages before sharing them via Facebook and Twitter. You can even mix videos, images and text from different web pages into a single note.

13. IE Tab Classic

This extension lets you run Internet Explorer in Chrome, so you can see how web pages appear in the Microsoft browser.

14. Window Resizer

When you're making or researching a website, you're going to want to know how it will appear on screens of various sizes. If you don't want to go out and buy a monitor of every imaginable size, you can use Window Resizer- easier and much cheaper! You can even see how a webpage will appear on a mobile.

15. JavaScript Console

A little experimental, but practical all the same, this extension can be used by developers to carry out simple JavaScript prototyping on any webpage. It's similar to Greasemonkey, the Firefox extension, but not quite as goodÉ yet.

16. SEOQuake

Web masters that deal with SEO will instantly fall in love with this extension, which is popular on Firefox already. It lets you delve into the SEO parameters of any webpage you're viewing, taking account of Google PageRank, Alexa and much more.

17. Image Cropper

This handy extension makes cropping images in any website possible, on the fly. Cropped images are saved as PNGs.

18. CSS Reloader

Created by Kenneth Auchenberg, CSS Reloader is a popular Firefox add-on as well as a Google extension. Once installed, users can simply press F9 to reload the CSS of any site without reloading the page itself.

19. Personalized Web

Personalize web pages on the fly with this neat little extension by adding your own custom HTML, JavaScript and CSS. It works very effectively as an AdBlocker too.

20. Inline Code Finder

Inline Code Editor's uses are limited, but what it does, it does extremely well. Quite simply, it trawls through a webpage, circling any HTML elements containing Inline JavaScript events, inline style or JavaScript: links. Tick the relevant boxes to choose exactly what to look for.

[ ... ]

Alissa Walker Interview About Design

Alissa Walker Interview About Design

Even before her New York-walking adventure transformed into the architectural guide City Walks Architecture: New York (Chronicle Books, 2009) last year, Alissa Walker has been walking and writing. The car-less Los Angeles resident has been writing about design, architecture, cities, transportation and food for outlets such as Fast Company, GOOD, Dwell, and KCRW’s “DnA: Design and Architecture,” where she is an associate producer. In addition to walking and writing, Alissa is also an avid gelato eater, which she tries to perfect the art of eating of, whenever she can.

Some of my favorite writings that you’ve covered include the Fast Company piece about the design of LA transit, the appearance of architectural dining spots in Downtown in Dwell, and the fake freeway sign that you wrote about for GOOD Magazine. Los Angeles in general seems to be a large component in your writing. How does the City of Angels influence and inspire your ideas?

"No topic inspires me more than LA! It’s a vast, complex, beautiful place. I’ve lived here for almost nine years and I don’t think a day has gone by when I haven’t thought about how lucky I am to live here. I think partially because it has such a bad reputation in the minds of, like, everyone else in the world, and suffers from all these stereotypes, that I feel a responsibility to share these really amazing stories about the people and places I come across.


Los Angeles has so much to offer in terms of culture. Do you feel the design industry reflects that as well?

"I think the really cool thing about LA’s design industry is that it’s the result of so many creative overlays. There’s, of course, the film industry, a heavy street art influence, an awesome DIY community, the tech aspects of the gaming and animation industries, most of the country’s auto design studios, and probably the most innovative architects in the world. Combine all that with lots of space for people to experiment, a history of manufacturing and fabrication, and an authentic focus on sustainability, and you’ve got what I think is the most diverse and exciting design industry on the planet.

You also write about creativity outside of LA. Throughout the nation, have you noticed any emerging trends in design?

"I get really excited about the work that designers are doing in service of their cities. I’m seeing designers get involved in real policy issues, launching projects around big issues like public transit and urban farming. This is something we’ve tried to catalyze through the GOOD Design program where we have events in cities that pair designers with urban problems as proposed by city leaders. We’ve done programs in LA, San Francisco and New York and I just got back from Sarasota, Florida where I saw the presentations made at our second student event, where Ringling College of Art & Design students presented three solutions for conserving and celebrating water. We also just launched a school garden design contest with LAUSD, and we’re going to build the winning designs.

It’s great that designers are out there wanting to make a change in their surroundings. What is it about creative thinking and processes do you feel, bring people together?

"I think there’s a real camaraderie between creatives because there’s always that possibility to collaborate, which is usually what ends up happening when you get them together enough. I organize a monthly design party named de LaB where we have events that range from making t-shirts and posters at a screenprinting shop, to holding a fundraiser at the house of the architect Richard Neutra, to a tour of Chinatown galleries on bikes (with a stop for dim sum of course)…and recently we organized a pop-up shop for people to sell whatever items they’ve been making. These events are so fun because they expose all these different creatives to other people’s practices, and to each other, and we’ve heard so many stories of people going on to work together. It kind of goes beyond networking.

You’re in the midst of working on a new design site for Fast Company, which is very exciting. How is that going?

"Especially now as we continue to hear bad news about everything magazine-related, it’s pretty amazing that Fast Company is able to launch this new experience for its readers. The design content has been the fastest-growing part of Fast Company as far as traffic and it makes sense to corral it into its own curated site. I will be editing it along with the amazing Cliff Kuang, who I’ve been working alongside for a year, and we’re going to break news and report stories where most blogs just publish pretty photos (but we’ll still have photos!). Also, the site was designed by my friend Scott Thomas, who was the person behind all the beautiful and smart Obama campaign websites. That’s about all I can say about it now, but it’s launching soon, so you’ll see for yourself!

Why do you think design content has been the most popular?

"Design has finally been embraced as a way of thinking, not necessarily this obsession with pretty stuff. Fast Company has done an excellent job of not only positioning design as problem solving, but also challenging the typical “business” angle when it comes to the kinds of stories they publish—our editors really push us to show how design can translate to everyday life, or be applied to more mainstream stories. I think that’s the common thread through all Fast Company’s stories—unexpected and innovative solutions for all kinds of problems, from product launches to social issues, executed by really creative people. I think people understand that creativity is good for business.

You’ve been writing under the moniker, Gelatobaby, for years. As an expert gelato-eater, what’s your best memory of eating gelato?

"There are so many! There’s the “original” best memory—the reason that I named my site Gelatobaby in the first place—which was a summer I was kind of aimlessly touring around Europe by myself trying to decide what to do next. I crossed from France into Italy on the train and got off Vernazza, this tiny town that everyone knows about in the Cinque Terre, and could not believe my eyes. There was gelato sold on every corner. There were gelaterias next door to gelaterias and across the street from another gelateria. No one had prepared me for this! No one told me Italy in the summer is basically this technicolor ice cream wonderland. I truly spent the next three weeks eating as much gelato as I could (sometimes three, four times a day) and found myself so creatively fulfilled that I knew there was a correlation.

[ ... ]

Site Manager Jeffrey Interview

Site Manager Jeffrey Interview

Most of you are familiar with Jeffrey, for those who are not, Jeffrey Way is the manager of leading web templates Marketplace Themeforest and the editor of the most popular web development blog Nettuts. He is a well known personality and recently was the guest on the jQuery podcast.

1) First of all thanks for the Interview. Can you tell us how did got started in this field and first came across envato ?

Sure. I, probably like many web designers, got started in this field after agreeing to build my parent’s website without a single shred of experience. Needless to say, the “great business idea” never took off. Anyhow, the next day, I walked out of a book store with “Eric Meyer on CSS,” and some other HTML book, $80 poorer. But, as we all know, these books quickly pay for themselves.

My position as Editor of Nettuts with Envato came out of shear luck. Around May of 2008, I contacted Cyan Ta’eed about contributing some articles to Nettuts. However, it just so happened that I soon, serendipitously, discovered that Envato were currently in need of an editor for the new site.

After I submitted my first two articles, “15 Resources to get you Started with jQuery from Scratch” and “Solving 5 Common CSS Headaches” , she offered me the editor position — total luck. Luckily, this role allowed me to continue writing tutorials and recording screencasts for the site, which I really love. ( More tuts from Jeffrey )

2) You are the manager of Themeforest, CodeCanyon , editor of Nettuts, you have your own blog and you have written a book recently. How do you find time to manage all these things and your personal life ?

A few ways. The key is automation. I often joke that I waste so much time researching productivity tools, but the truth of the matter is, these tools have served me quite well. As an example, I use TextExpander religious, and utilize it for all my code snippets, as well as one liners, such as when answering ThemeForest support queries. This is essential; if you find yourself rewriting the same sentences over and over again, you’re doing it wrong.

Beyond that, I use tools like Forklift to expedite working with the file system and S3; and then there’s Teux Deux, which is laughably simple, but is the perfect solution for scheduling weekly tasks. For Twitter, I use a combination of HootSuite and Echofon to schedule tweets, and interact with the community.

But honestly, we find time for the things we enjoy. I genuinely enjoy working on these sites; so it doesn’t feel like work. Isn’t that the goal when searching for a job? Find something that you’d do for free…and then make money from it!

3) Many Authors on themeforest are making high incomes, what do you find in common in these authors ?

The differences between the big earners – meaning the guys that earn five figures every month – is that they treat this as a full-time job; it’s a business to them. The wonderful thing about ThemeForest, or any of the Envato marketplaces for that matter, is that it can be whatever you want it to be. If you’d prefer to sporadically upload a new template once every few months or so, that’s perfectly acceptable.

Passive income is fantastic. However, with that said, some authors go above and beyond what’s convenient — and their efforts really do speak for themselves. This consists of constant promotion on social networking sites, continuously improving and updating older themes, promoting items, via BuySellAds.com, and plenty of other creative avenues.

4) Recently Themeforest surpassed Templatemonster, what is the success factor that is making TF go so well in such a short span of time.

To clarify, ThemeForest recently surpassed TemplateMonster, in terms of page rank. If you examine the graph below:

…you’ll realize just how far ThemeForest has sky-rocketed, when compared to even five months ago. Needless to say, we’re all really excited, especially when ThemeForest was, in response to this new data, declared as the “new king in web template marketing.” On a lower level, this means that, whether you’re a buyer or author, ThemeForest has proven itself to be the premier website for your needs.

So what’s the reason behind our success? I’d ask your readers to tell me even three different marketplaces to sell, for instance, their WordPress templates. It’s not quite as easy as you might think. Many of the popular marketplaces around the web are subscription based, and don’t necessarily appeal to individual WordPress authors. ThemeForest, and its siblings, fills that niche quite nicely. Beyond that, cheap prices, and a strong community are always helpful!

5) What do you think ,the future of web development is going to be ? Will digital stock goods dominate in the near future.

I think I don’t know! If you had asked me a few years ago, I would have wagered that Flash was really the way to go. It was booming in popularity at the time. Don’t get me wrong, it’s still doing quite well for itself, but, between jQuery and HTML5, I think Flash has a tough road ahead. We’re specifically seeing this prove true in the last week or so, with the Apple/Adobe battle in full steam.

Speaking of which, what was Adobe thinking when they, in their global launch video, continued to promote their Flash -> iPhone feature. Shouldn’t that have been edited out? Apple’ not going to suddenly pull a 180 and change their mind. That one baffled me.

Okay, so I really haven’y answered your question. The truth is, I’m perfectly happy letting those far smarter than me determine what the future will be for our industry.

6) What are your hobbies ? I know you love playing guitar, what are your favorite songs and any chance of launching guitar.tutsplus.com.

Growing up, the plan was to be a studio musician. I went to an arts high school, called Nashville School of the Arts, and was on scholarship at Middle Tennessee State University, where I studied music theory. But, life never goes according to your plans. Thankfully, I’m very happy with the way things turned out. Guitar can remain a hobby… an hour or so per day.

So yeah, I jokingly made a comment on Twitter one day about wanting to launch guitar.tutsplus.com. I strangely received a lot of positive feedback on the idea. It would definitely be fun for me — think… the weekly Nettuts video tutorials, except for guitar; things like, “How to Mimic Billy Gibbons’ Playing Style.” But, I doubt that the bosses have any plans at this time. It doesn’t quite fit in with our other Tuts site. But who knows, maybe in a couple years, I’ll convince Skellie!

7) CodeCanyon is almost 4 months old, how is it going and what advice would you give to new authors?

CodeCanyon is doing quite well, but we’re only now just beginning to dig in our heals. The first step is with our newly launched Plugins category. While we’ll be updating this with multiple subcategories over the coming months, we’re launching with Magento extensions (as a companion to our recently launched Magento themes on ThemeForest), and will soon be moving on to a new subcategory, that I’m certain the community will be happy about.

The advice I’d give to new authors is the same advice I always give: solve problems. As an example, we recently received a PHP script submission that could be used to determine if a particular website domain name was available for purchase. Whether or not this item was coded well is moot. Who needs such a script, when there are a variety of free options online? Solve a problem, and the sales will roll in. But that’s the challenge…determining where the problem lies!

8 ) Sneak Peak at new websites or features coming to Envato ?

Absolutely. We’re all really excited about our upcoming Sessions website. At the beginning of each month we’ll be launching a two-week Session on a creative topic. Sessions will cover everything from digital illustration, to typography, to web design. The articles in each Session aren’t like your usual Tuts+ content. Instead of step-by-step tutorials, they teach the theory behind the techniques and practices. You’ll learn the Whys, not just the Hows.

9) Some quick questions -

• Your favorite OS – Mac
• Your favorite game besides Mass effect 2 - “Legend of Zelda: Link to the Past” will forever be my favorite game of all time, if only for the nostalgia. I still play through it once every year.
• Your favorite IDE – Ahh, tough one. More than any other code editor, I find myself using Textmate the most – if only because it’s so dang fast; but that’s not really an IDE. If I had to choose right now, I’ve been super impressed with WebStorm, from the JetBrains guys, though it’s still in Beta. http://www.jetbrains.com/webstorm/index.html
• Your favorite Themeforest and Codecanyon Author – Can’t show favorites.
• Your favorite Nettuts Author - Again, no favorites. But I am truly thankful for people like Siddharth, Jeremy McPeak, Andrew Burgess, Burak Guzel, Dan Wellman, and James Padolsey, who consistently submit incredible tutorials and articles.

[ ... ]

JavaScript’s evil features

JavaScript’s evil features

Anyone who has followed Douglas Crockford’s writing or lectures knows about the “evil” parts of JavaScript: The parts that are confusing and/or that prevent us from writing clean code that performs well. The eval() function and the with statement are the two most egregious examples of evil JavaScript. Though there are other considerations, both of these features force YUI Compressor to stop replacing variables. To understand why, we need to understand the intricacies of how each works.

Working with eval()

The eval() statement’s job is to take a string and interpret it as JavaScript code. For example:

eval("alert('Hello world!');");

The tricky part of eval() is that it has access to all of the variables and functions that exist around it. Here’s a more complex example:

var message = "Hello world!";

function doSomething() {
eval("alert(message)");
}

When you call doSomething(), an alert is displayed with the message, “Hello world!”. That’s because the string passed into eval() accesses the global variable message and displays it. Now consider what would happen if you automatically replaced the variable name message:

var A = "Hello world!";

function doSomething() {
eval("alert(message)");
}

Note that changing the variable name to A results in an error when doSomething() executes (since message is undefined). YUI Compressor’s first job is to preserve the functionality of your script, and so when it sees eval(), it stops replacing variables. This might not sound like such a bad idea until you realize the full implications: Variable name replacement is prevented not only in the local context where eval() is called, but in all containing contexts as well. In the previous example, this means that both the context inside of doSomething() and the global context cannot have variable names replaced.

Using eval() anywhere in your code means that global variable names will never be changed. Consider the following example:

function handleJSONP(object) {
return object;
}

function interpretJSONP(code) {
var data = eval(code);

//process data
}

In this code, pretend that handleJSONP() and interpretJSONP() are defined in the midst of other functions. JSONP is a widely used Ajax communication format that requires the response to be interpreted by the JavaScript engine. For this example, a sample JSONP response might look like this:

handleJSONP({message:"Hello world!"});

If you received this code back from the server via an XMLHttpRequest call, the next step is to evaluate it, at which point eval() becomes very useful. But just having eval() in the code means that none of the global identifiers can have their names replaced. The best option is to limit the number of global variables you introduce.

You can often get away with this by creating a self-executing anonymous function, such as:

(function() {
function handleJSONP(object) {
return object;
}

function interpretJSONP(code) {
var data = eval(code);

//process data
}
})();

This code introduces no new global variables, but since eval() is used, none of the variable names will be replaced. The actual result (110 bytes) is:

(Line wraps marked » —Ed.)

(function(){function handleJSONP(object){return object}function »
interpretJSONP(code){var data=eval(code)}})();

The nice thing about JSONP is that it relies on the existence of just one global identifier, the function to which the result must be passed (in this case, handleJSONP()). This means that it doesn’t need access to any local variables or functions and gives you the opportunity to sequester the eval() function in its own global function. Note that you also must move handleJSONP() outside to be global as well so its name doesn’t get replaced:

//my own eval
function myEval(code) {
return eval(code);
}

function handleJSONP(object) {
return object;
}

(function() {
function interpretJSONP(code) {
var data = myEval(code);

//process data
}
})();

The function myEval() now acts like eval() except that it cannot access local variables. It can, however, access all global variables and functions. If the code being executed by eval() will never need access to local variables, then this approach is the best. By keeping the only reference to eval() outside of the anonymous function, you allow every variable name inside of that function to be replaced. Here’s the output:

function myEval(code){return eval(code)}function handleJSONP »
(a){return a}(function(){function a(b){var c=myEval(b)}})();

You can see that both interpretJSON(), code, and data were replaced (with a, b, and c, respectively). The result is 120 bytes, which you’ll note is larger than the example without eval() sequestered. That doesn’t mean the approach is faulty, it’s just that this example code is far too small to see an impact. If you were to apply this change on 100KB of JavaScript code, you would see that the resulting code is much smaller than leaving eval() in place.

Of course, the best option is not to use eval() at all, as you’ll avoid a lot of hoop-jumping to make the YUI Compressor happy. However, if you must, then sequestering the eval() function is your best bet for optimal minification.

[ ... ]

How to Design Mini Icons

How to Design Mini Icons

Numbers of people have asked me how to design my popular Mini Pixel Icon pack. In fact, they are relatively easy. All you need is just some basic Photoshop skills. Here I will show you how to use the Pencil tool to design pixel icons, and then re-use them to create a full collection. This is the technique that I used to create over 320 icons within a day.

1. Create a new document

In Photoshop, create a new document 14 x 14px size with transparent background.


2. Draw shape outline

Use the Pencil tool, select 1px brush from the palette. Pick a dark gray color and start drawing the outline of the page icon. To draw a straight line, first click at the starting point, then hold down shift key and click at the ending point.

Tips: At any time if you want to erase the pixels, use the Eraser tool, select Pencil mode and 1px brush size.

3. Base gradient

Make a selection of the empty cutout by the Magic Wand tool. Create a new layer. Set your foreground color to light gray and background to white. Use Gradient tool, drag from top corner to lower corner diagonally.

4. Highlight and shadow

Create a new layer. Draw a 1px white inner top border to create the highlight effect. Then, draw a medium gray inner bottom border.

5. Group all layers

In the Layers palette, select all layers and press Cmd+G to group all layers in a folder.

6. Draw a pencil

Again, start drawing the outline first and then fill the inner area with either solid color or gradient. When you are done, group these layers in a separate folder.

Tips: If you want to have consistent color throughout the icon set, store the colors that you have used in the color swatches.

7. Re-use them

Here shows how I re-used the layer groups to create entire collection:

8. Export for web

After you’ve done entire set, toggle (invisible / visible) the layer groups and save them for web (Cmd+Alt+Shift+S).

Too lazy to do this tutorial? You can download my free mini icon set.

[ ... ]

8 Amazing HTML5 Canvas and Javascript Animations

8 Amazing HTML5 Canvas and Javascript Animations

HTML5 canvas has changed the way javascript used to be. We're now able to achieve complex animation however we do need a powerful browser to interpret it. The following is 8 new HTML5 + Javascript animation effect you probably have not seen before! Play with each of them, you'll be blown away by the creativity and robustness of HTML5 canvas!

I like Tunnelers and Bomomo the most! You've to try Bomomo, it's fun!

Tunnelers

Processing to sketch out the animation and form, then rewrote it from scratch in Javascript / Canvas HTML5. Simply awesome and amazing!

The Mesmerizer

A simple experiment with a 16x16 grid of squares. Moving the pointer over the squares causes colours to appear and bleed into adjacent squares with an effect that is quite mesmerizing. Try clicking the corner squares or typing on the keyboard for additional effects.

Burn

A simple test of local pixel-based modifications of an HTML5 canvas drawing area. Hold a mouse button down for a "slide down" effect.

Cheloniidae Live

This project is pure JavaScript, though it uses a library that dynamically recompiles JavaScript functions to implement operator overloading. (This is done inside the browser, not ahead-of-time.) Pretty fun, you can alter the code and make your own drawing!

Canvas 3D engine

A 3D engine on canvas, currently supporting a collection of basic prefab shapes, textures, and basic interaction. Current work includes collada (import) support, and improved texture and lighting features.

Bomomo

Best give it a try yourself... just use your mouse & mouse button! All of the sudden, I have become artistic. :)

DDD

Move mouse to draw, drag to rotate. This one is pretty fun, you have to try to see it.

Plasma Tree

Inspired by nature - a visual presentation of a algorithm

[ ... ]

How to Exporting Cliping Paths in Adobe Photoshop

How to Exporting Cliping Paths in Adobe Photoshop

Create a Clipping path when you want to create transparent areas in an image you intend to use in an application such as Adobe Illustrator, QuarkXPress or Adobe InDesign.

A clipping path makes aread of the image outside the path transparent, allowing you to see past the outline of the image to the background on which the image is placed.



1. Create a saved path. If you have more than one path in the Paths palette, make sure you select the appropriate path. Use the pop-up palette menu to select Clipping Path.

2. Use the Path pop-up to specify a different path to make into a clipping path if necrssary. Enter a Flatness value.

3. Whn you have saved a clipping path, you need to save the file in EPS or TIFF file format for output. Choose File>Save As. In the Save As dialogue box, give the file a name and specify where you want to save it.

4. Choose Photoshop EPS or TIFF from the format pop-up. Click Save. Cliping Paths saved with the image are automatically exported with the file when you save in Photoshop EPS or TIFF file format.

5. See the section on saving in Photoshop EPS format for information on Preview and encoding options.

6. When you import the file into a QuarkXPress or Adobe InDesign page, the clipping path hides areas of the image outside the clipping path. The second version of the same image on this Quark page has a black background and does not have a clipping path.

Hot Tip:-

1. Flatness allows a PostScript printer to create less memory-intensive paths at output. If you use too high a flatness value., you get an approximate path that does not accuratley conform to the path you created.

2. For high-resolution printing(1200-2400 dpi) a flatness value of 8 to 10 should be acceptable. Use a value of 1 to 3 for low resolution printing (300-600dpi). Leave the field blank to use the printers default setting. This usually produces good results with most images.

Don’t Dorget:-

Remember to convert the file to an appropriate mode – e.g. CMYK – before you save the file in EPS format.

[ ... ]

60 Awesome Creative Examples Of Illustration In Web Design

60 Awesome Creative Examples Of Illustration In Web Design

Illustration in web design is one way to make sure your website stands out from the crowd. Whether it be cute cartoon characters, blocks or fancy shapes it’s one sure way to get peoples attention. In this collection of 60 stunning examples you can see some of the finest illustrations on the web. If you think I have missed any site off then please let me know. Hope you enjoy!

Prism Tone

Candy Candy Jewellery

Design19

Communicator World

Pixel Cool

Take A Benylin

Mike Poss

Miki Mottes

Yes Insurance

Silver Bback 2.0

Jian Wharton

Div Voted

Dean Oakley

Octonauts

Octwelve

The Great Bearded Reef

Corvus

Phizz

CJS

Carolrivello

Drupalcon

Douglas Menezes

What Is Your Problem

Banjax

Branded07

Green Globe Ideas

Digiti

The Ship And Thesea

The Alamo Basement

Navigant Consulting

Meomi

Jwit

Mail Chimp

David Hellmann

Daniel Marques

Slavikdizajn

Brizk

Alexbuga

Aran Down

Xhtml Cafe

Fator Criativo

Siringa

Forrst

The Digital Invaders

Pixel Thread

The Color Cure

Veerle.Duoh

A Modern Eden

Glamping

Viget

Speak Light

K4 Lab

Old Ioft

Straw Poll

Web Designer Depot

Wild About Gardening

kirdan

[ ... ]