Google Internet browser without installation.
Download Portable Google Chrome MultiVersion Online on RapidShare (0.4 MB) (Updated for Vista and 7)
Download Portable Google Chrome 1.0.154.65 on RapidShare (8.3 MB)
(md5: c5623348a26942c871cd2cd3e4d51abb)

In first screen of Chrome MultiVersion Online, enter ver number:
3.0.195.33 for Chrome Stable
4.0.237.0 for Chrome Dev
2.0.172.43 for Chrome Stable

Chromium is the open-source project behind Google Chrome.
Download Portable Chromium Latest Online on RapidShare (0.4 MB) (Updated for Vista and 7)

Chromium Latest Online will download latest build (you can run also as updater to check if you have latest).

SRWare Iron is based on the Chromium-source and offers the same features as Chrome – but without the critical points that the privacy concern.
Download Portable SRWare Iron 3.0.189.18153 Beta on RapidShare (8.5 MB)
(md5: d3f6886a7f76920f93bd5b085b71f95c)
Download Portable SRWare Iron 2.0.178.15300 on RapidShare (8.3 MB)
(md5: c53c028e3f3ee9ff584deb1701d32c31)

Download Plugins on RapidShare (2.9 MB)

Extract Plugins: Flash 10.0.32.18 & Gears 0.5.32.0.

Extract and run ChromePortable or ChromiumPortable or IronPortable.
If you want to add parameters, start in incognito mode, not set cache in temp, not delete cache or allow multiple instances: edit *Portable.ini.
Example: AdditionalParameters=–app=http://portableappz.blogspot.com
Settings of installed Chrome, Chromium & Iron should be preserved.

Results in Acid3 Test :
Chrome, Chromium & Iron: 100 %

Go to Source

Google Chrome 3.0.195.33 Stable, 4.0.237.0 Dev… Chromium & SRWare Iron Multilingual originally appeared on Shai Perednik.com on November 13, 2009.

Does this logo look familiar?

(Credit: ModMyiFone)

The latest third-party iPhone app to draw blogosphere buzz this morning is most definitely not Apple-approved.

The object of hilarity and defamation is VistaPerfection 2.0, a theme by developer Spec-Works that plops the Windows Vista GUI onto the iPhone. To run it, …

A Vista theme for iPhone? Yes, really originally appeared on Shai Perednik.com on October 26, 2009.

Does this logo look familiar?

(Credit: ModMyiFone)

The latest third-party iPhone app to draw blogosphere buzz this morning is most definitely not Apple-approved.

The object of hilarity and defamation is VistaPerfection 2.0, a theme by developer Spec-Works that plops the Windows Vista GUI onto the iPhone. To run it, …

A Vista theme for iPhone? Yes, really originally appeared on Shai Perednik.com on October 26, 2009.

Filed under: Utilities, Windows, Freeware

Volery relaunches as Ninite – still a hassle-free way to install great, free software originally appeared on Download Squad on Fri, 23 Oct 2009 10:00:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

Sponsored Topics:
Microsoft – Freeware – Google Chrome – Mozilla Firefox – Microsoft Security Essentials

Go to Source

Volery relaunches as Ninite – still a hassle-free way to install great, free software originally appeared on Shai Perednik.com on October 24, 2009.

Most people who have designed websites or apps in Photoshop will, at one point or another, have had issues trying to match colors in images to colors generated by HTML, CSS or code. This article aims to solve those problems once and for all.

Color Management to Match Colors Across Multiple Devices

In the print world, color management typically involves calibrating your entire workflow, from scanner or digital camera to computer display to hard proofs to the final press output. This can be quite a tall order, especially when the devices use different color spaces — matching RGB and CMYK devices is notoriously hard.

When designing or editing for TV, calibrating the main editing display and using a broadcast monitor are common; these show real-time proof of how the image will look on a typical TV in a viewer’s home. In such a scenario, color management offers many benefits and is highly recommended.

When building Web and application interfaces, the situation is a little different. The final output is the same device that you’re using to create the artwork: a computer display (putting aside for now differences in gamma between Windows, Mac OS X prior to 10.6 and the iPhone, which we’ll cover later.)

There is a catch, though. Even though you’re creating the Web or app interface on the same device that the final product will be shown on, the colors will have various sources: images (typically PNG, GIF and JPEG), style markup (CSS) and code (JavaScript, HTML, Objective-C, etc). Getting them all to match can be tricky.

The Goal

When designing websites or app interfaces, we want to perfectly match the colors that are displayed on screen in Photoshop and that are saved in files with what’s displayed in other applications, including Firefox, Safari and the iPhone Simulator. Not only do we want the colors to look the same, but we want the actual values saved in the files to perfectly match the colors we have defined in Photoshop. Colors should not shift or appear to shift in any way, under any circumstance.

Why Is This So Difficult?

Photoshop applies its color management to images displayed within its windows and to the files it saves. This is a bad thing if you’re working exclusively with RGB images for Web or on-screen user interfaces. With the default Photoshop settings, #FF0000 will actually display as #FB0018, and #BB95FF will display as #BA98FD. The differences are subtle but definitely there.

How Does Photoshop Differ From OS X And Windows?

OS X’s color management is applied to the entire display at the very end of the processing chain, after the main buffer in video ram. This means that although color management is applied, the software utilities that measure color on screen (like /Utilities/DigitalColor Meter) will report the same values that you have saved in the file or entered as your code. I believe the color management in Windows Vista and Windows 7 (Windows Color System) works in a similar fashion.

Photoshop’s color management is applied only to the image portion of its windows and to the files it saves. This color correction happens as Photoshop draws the image on screen, so software utilities that measure color on screen often report different colors from the ones you have specified. It’s worth noting that OS X’s color management is applied on top of Photoshop’s.

The best solution I’ve found is to disable Photoshop’s color management for RGB documents as much as possible. Doing so forces the RGB colors that are on screen and saved to the file to match the actual color value. If you need to calibrate your monitor for Web and app design work, then you would best be served by changing it at the OS level.

Disabling color management used to be quite easy in Photoshop CS2 and all versions prior, but it now requires a little more skill.

Disabling Photoshop’s RGB Color Management

These instructions are for Photoshop CS4 on Mac and Windows. Setting up CS3 is very similar.

Step 1: Go to Edit ? Color Settings and set the working space for RGB to Monitor RGB.

Step 2: Open a document and go to Edit ? Assign Profile, then set it to Working RGB. This must be done for every single document you work on.

Step 3: Ensure View ? Proof Colors is turned off.

Step 4: When saving files with Save for Web & Devices, ensure that Convert to sRGB is turned off. If you’re saving a JPEG file, then also turn off Embed Color Profile (you may want this turned on for certain photos, but chances are you’ll want it off for interface elements and icons).

Difference Between “Assign Profile” And “Convert To Profile”

Now would be a good time to mention the difference between Assign Profile and Convert to Profile, so that you know which to use when.

Each Photoshop document contains a color profile that’s separate from the actual color data stored for each pixel. Assign Profile simply changes the profile in the document, without affecting any of the color data. It’s a non-destructive action: you can assign a new color profile to your documents as often as you like without doing any damage. Assigning a new profile may change the way your document appears on screen, but the data contained in the file will remain unaltered.

Convert to Profile is quite different. Not only does it assign a color profile to the document, but it tries to keep your image looking the same on screen. It does this by processing the color data contained in the file for each pixel. Converting to a new profile will more likely preserve a document’s color on screen, but the data contained in the file will be permanently altered. Use with caution.

If you’re copying layers from one Photoshop document to another, you will want to ensure that the documents have been assigned the same color profile.

Illustrator Is The Same As Photoshop

If you would like images saved in Illustrator or imported from Illustrator to Photoshop to match as well, then follow the steps below. These instructions are for Illustrator CS4 on Mac and Windows. Setting up Illustrator CS3 is very similar.

Step 1: Go to Edit ? Color Settings, and set the working space for RGB to Monitor RGB.

Step 2: Open the document and go to Edit ? Assign Profile. Then set it to Working RGB. This must be done for every single document you work on.

Step 3: Ensure that View ? Proof Colors is turned off.

Step 4: When saving files with Save for Web & Devices, ensure that Convert to sRGB is turned off. If you’re saving a JPEG file, then also turn off Embed Color Profile (again, you may want this turned on for certain photos, but chances are you’ll want it off for interface elements and icons).

Gamma Differences

Windows has used a gamma of 2.2 since its introduction. Mac OS X has used a gamma of 1.8 for all versions except Snow Leopard (the latest release), which uses 2.2. What does this mean? Prior to Snow Leopard, Web pages looked darker on Windows. Thankfully, both operating systems are now in sync, so a Web page should look very similar on a Mac and PC that use the same monitor.

Information about the iPhone’s gamma is a little hard to come by; I couldn’t ascertain whether it is 1.8 or 2.2. This is another reason to test your interface on an iPhone.

Final Check For iPhone UI

Your iPhone or iPod’s screen and calibration will likely be different from your Mac or PC’s screen and calibration. I often import full-screen images of the UI into iPhoto and sync them with an iPhone to see exactly how the final interface will look on the device (on Windows, you can sync photos using iTunes). This gives you another chance to make adjustments before slicing up images or committing anything to code.

This article explains how to handle the problem that while testing some landscape iPhone app interface mocks, they seem blurrier than they appear in Photoshop.

Please note: For some bizarre reason, the Photos app on the iPhone doesn’t display landscape images at 1:1. Instead, it scales them slightly or shifts them to a sub-pixel position, making the images blurrier than they should be. To avoid any issues, always save images in portrait mode (320 pixels wide by 480 pixels high) to test your user interface mockups (read more about this issue).

On Mac, moving colors between Photoshop and code can be made easier with Developer Picker, Hex Color Picker and Colors (all free).

Conclusion

Now, you’re able to move bitmap and vector images between Photoshop and Illustrator without any color shifts at all, and using any method. You’re also able to grab a color using the color picker in Photoshop, and then use the same HEX color value in your CSS, HTML, JavaScript, Flash or Objective-C code, and it will match your images perfectly. I hope this article has helped. If you have any questions, feel free to ask in the comments below.

Related posts

You may be interesting in the following related posts:

• 20 Time-Saving Tips to Improve Designer’s Workflow
• Clever PNG Optimization Techniques
• PNG Optimization Guide: More Clever Techniques
• Clever JPEG Optimization Techniques

(al)

© Marc Edwards for Smashing Magazine, 2009. |
Permalink |
64 comments |
Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine

Post tags: cmyk, photoshop, rgb, workflow

Go to Source

Setting Up Photoshop For Web, App and iPhone Development originally appeared on Shai Perednik.com on October 17, 2009.

Filed under: Utilities, Windows, Linux, Freeware, Beta

VirtualBox has always enjoyed one key advantage over VMWare: it’s free. Sure, the VMWare Player is also free — but all it can do is boot virtual machines which have been previously by another app.

Rather, that’s all it could do until now. VMWare Player version 3 has hit the release candidate stage and is available for public download, and guess what? It’s now got the ability to create virtual machines. That’s pretty amazing news for virtualization hobbyists like myself.

Apart from the added VM creation chops, Player v3 also offers OpenGL support in guest machines, ALSA support on Linux guests, ThinPrint powered printing, Windows 7 support, and multiple monitor support.

And yes, it even supports Aero Glass in Vista and WIndows 7 just like its big brother.

Another great addition is the easy install wizard, which makes setting up popular operating systems on a new guest machine ridiculously easy. That is, when it works. The wizard should create a floppy configuration file which Ubuntu reads during the install process. When I tested with the Karmic Koala beta, though, Ubuntu’s installer wouldn’t recognize the floppy image and crapped out.

A regular install, on the other hand, worked just fine and completed in roughly the same amount of time as it took under VIrtualBox — if not slightly less.

The download is free, weighs in at about 90Mb, and you’ll need to have a registered account with VMWare to get access to the downloads.

Free VMWare Player 3 can now create virtual machines originally appeared on Download Squad on Tue, 06 Oct 2009 11:00:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

Sponsored Topics:
Linux – Download Squad – Operating system – VMware – List of Ubuntu releases

Go to Source

Free VMWare Player 3 can now create virtual machines originally appeared on Shai Perednik.com on October 6, 2009.

Filed under: Utilities, Windows, Web services

I don’t know how they manage to do it, but they do. Every now and then a customer drops off a system for repair and things that a home user should ever need to monkey with – things like TCP/IP settings, registry entries, Windows services – have been mangled beyond recognition.

Services in particular can be a big pain to reset, simply because of how many their are. Fortunately, there’s an incredibly handy web app which makes the process a whole lot easier.

Serviceseditor.com supports Windows XP, Vista, and Windows 7. Click the appropriate version, and you’re presented with a comprehensive list of radio buttons covering all the built-in services. Scroll through the list and toggle any values you don’t want set to the default Microsoft settings and press the submit button. You’ll receive a .reg file which you can then merge with the Windows registry.

It’s quite a bit faster than clicking through services.msc manually to get things back to normal and (obviously) doesn’t even require an install. Slick!

Easily restore Windows services to default settings with a web app originally appeared on Download Squad on Mon, 28 Sep 2009 09:00:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

Sponsored Topics:
Windows XP – Microsoft Windows – Microsoft – Windows 7 – Download Squad

Go to Source

Easily restore Windows services to default settings with a web app originally appeared on Shai Perednik.com on September 30, 2009.

Filed under: Utilities, Windows, Freeware

Some of my favorite Windows apps are simple little programs that are little more than a collection of commands with buttons. Take Matt’s System Helper-Outer, which I’ve only just discovered.

Sure, I’ve launched most of these commands from the run dialog so many times that I have them memorized — but an app like Helper-Outer still comes in handy for me. It’s much easier to talk my staff through clicking a couple buttons in the network panel than walking them through opening a command prompt.

And it’s helpful when a part-time tech with less experience is helping me out. Hey, not everyone is as familiar with commands like compmgmt.msc. Helper-Outer makes these tasks – things like starting and stopping the print spooler and Windows Update services, finding an IP via IPconfing, performing a DNS flush – quick and easy.

If Helper-Outer looks like it can make your life a little easier, grab it from Freeware Files – the author’s download link isn’t working at the moment. The app runs on Windows 2000+, though you may need to right-click and run as admin on Vista and Windows 7.

Matt’s System Helper Outer simplifies common Windows admin tinkering originally appeared on Download Squad on Tue, 29 Sep 2009 11:00:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

Sponsored Topics:
Windows 7 – Microsoft Windows – Windows Vista – Download Squad – Windows Update

Go to Source

Matt’s System Helper Outer simplifies common Windows admin tinkering originally appeared on Shai Perednik.com on September 30, 2009.

Filed under: Utilities, Windows, Freeware

Double steroids? Really? Yes, really. If we’re going to call Device Remover a “Device Manager alternative,” the double is totally necessary.

This is no sissy-boy device tree. Five tabs present you with a tree view, list view, drivers and services, list of drivers in memory, and active system processes and handles. You can also export or print a full list of your devices and search for a specific device or driver.

On the Device Remover tools menu, you’ll find quick links to your control panel applets, relevant registry hives, shutdown options, system restore functions, MMC snap-ins, and macro that automatically removes all your data from every one of Google’s web apps. Ok, the last one not so much. But there’s a hell of a lot packed into that menu.

It’s also good at backing up drivers and cleanup duties, and it’s available as a portable app (though the .NET framework must be installed).

Pictures do this app more justice than words, so have a look at the author’s screenshot gallery on Live.com. Device Remover works on Windows XP, Vista, and 7.

Device Remover is like Device Manager on double steroids originally appeared on Download Squad on Wed, 30 Sep 2009 17:00:00 EST. Please see our terms for use of feeds.

Read | Permalink | Email this | Comments

Sponsored Topics:
Windows XP – Microsoft Windows – Windows Vista – Google – Download Squad

Go to Source

Device Remover is like Device Manager on double steroids originally appeared on Shai Perednik.com on September 30, 2009.

Learning is a process which continues throughout the life of an artist, graphic designer, and illustrator. Along the way, designers find the task of mastering Adobe Illustrator a large obstacle which requires practice and experience in using the vector-based application. Practice comes in the form of tutorials, which offer tips, tricks, and artistic styles from other designers who have mastered certain techniques based on their experience.

From these tutorials, a designer can polish their skillsets on a variety of topics which will strengthen their own artwork. Sometimes a simple tutorial has tips which may have been overlooked based on the subject of the tutorial. By looking past the subjects of the tutorials, an endless array of learning opportunities exist. Essentially, the tutorials become not only a teacher but a “class” which a designer can repeat as often as necessary to refine their skills.

This post presents 40 excellent simple to complex Illustrator tutorials and presents the overall techniques of each tutorial, summarized in a brief overview. The purpose is to pick and choose among the tutorials based on the areas that need improvment. Whether a seasoned professional or a designer just starting out, these Illustrator tutorials offer a way to brush up on one’s skills.

Illustrator Tutorials

Gradient Mesh Bell Pepper Tutorial

• Use multiple smaller Meshes to create a realistic object
• Learn to use the Eyedropper Tool (I) to sample colors from a reference photo

How to create a Television Icon

• Using Offset Path on an object
• Learn to use Gradients to create surface texture and depth
• Create a reflection using an Opacity Mask

Working with 3D Objects and Transparencies to Make a Vector Cola Bottle Design

• Learn to “cut” up an image in Pathfinder and use the pieces in 3D Revolve to create solid objects
• Map art (symbols) onto a 3D object

Create a Stylish Colorful Text Effect in Illustrator

• Learn to use Offset Stroke on text
• Apply a Pattern Swatch to text

Illustrate a Malevolent Skull in 8 Steps

• Working with a sketch and outlining with the Pen Tool (P)
• Use Outline/Preview modes during design process
• How to use the Reflect Tool (O) to save time

Create A Wood Grain Texture

• Use Raster Effects, Live Trace, and Expand to create a texture
• Learn to use the Warp Tool (Shift +R) to customize a texture

Illustrator ring shape via overlapping crescents effect

• Create abstract geometric shapes with Linear Gradients, Align, and Pathfinder
• Learn to use Smart Guides (Cmd/Ctrl + U)

How to Illustrate a Brain Icon for OSX and Vista

• For faster coloring, use the Live Paint Bucket (K)
• Bonus Lesson: How to turn art into an icon

Create a Realistic Candy Bar in Illustrator

• Tips on stacking order for the Layers Panel when using a sketch
• Create realistic creases in paper
• Where to place shadows/highlights and why

How to Create a Vector Smiley Icon

• Working with Radial Gradients
• Copy design elements for symmetry
• Learn how to use the Isolation Mode

How to Create a Radial Mesh in Illustrator and Make a Vector CD

• Create a radial mesh from a Radial Gradient and the Mesh Tool (U)
• Learn the finer points of selecting mesh points
• Create a Clipping Mask

Illustrator full spectrum spirograph

• Using the Rotate Tool (R) to create abstract shapes
• Learn to use Transform Again to save time

How to Make a Cartoon Style Cereal Box Logo in Adobe Illustrator CS3

• Effectively use Strokes, Align Stroke, and Selection Tool (V) to modify fonts
• How to use 3D Extrude & Bevel Options to Create 3D Text

How to Create a Gearbox Settings Icon Using Simple Shapes

• Use the Rotate Tool (R) to rotate shapes relative to another shape
• Create a metallic texture using shapes and Radial Blur
• Design a perforated metal backing using Gradients

3D Effect Extrude and Revolve

• Learn to use simple shapes to create a 3D object with Extrude & Bevel

Illustrator Tutorial: Realistic Orange

• Learn to use Plastic Wrap Effect and Sponge Effect to create an orange peel texture
• Effectively use Opacity in an illustration

How to Create Semi-Realistic Scissors in Illustrator

• Using shapes and Gaussian Blur, create an aged metallic texture
• Learn to add highlights on metal contours

How to Create a Hippy Van Vector in Illustrator

• Trace a photo with the Pen Tool (P)
• Expand strokes to add Gradients

Illustrator Quick Tips #1 – Complex Symbols with Pathfinder

• Use the Gradient Tool (G) to create a 3D effect
• With the Pathfinder Divide, create abstract shapes
• Learn to use the Blending Mode Multiply

How to Make a Vector Diamond Ring in Illustrator

• Use Pathfinder to create a compound shape
• Create a metallic finish with Gradients
• Create a diamond with Linear Gradients

Create Fun, Eye-catching Text with Adobe Illustrator

• Use the Free Transform Tool (E) on text to create depth and perspective
• Highlight and shadow placement on text

‘Women and Cats’ How-To Advanced Tutorial

• Learn about shading/highlights in vector portraits
• Use of Transparency and Opacity Masks

Turn Any Font Into a Sketch Font

• Learn to use the Scribble Effect and Roughen to create a font
• Create a custom Graphic Style

How To Create A Realistic Pendrive in Adobe Illustrator

• Learn how to align objects to the Artboard
• Create a realistic metallic surface using Linear Gradients

How to Create a Rainy Window Vector Background

• Create an abstract background with the Mesh Tool (U) and circles
• Use Gradients, Inner Glow, and Warp to design raindrops
• Learn to make a Symbol from artwork

Draw a Cute Purse Using Simple Shapes

• Modify shapes using the Warp Tool
• Use Pathfinder Exclude to create new shapes
• Learn to design a simple pattern
• Quick Tip: Horizontal Align to align anchor points

Make a Christmas Light Bulb in Illustrator

• Create a quick glossy orb using Gradients and the Blend Mode
• Add an image to a round surface using Pathfinder

How to Create Shiny, Vector Dice in Illustrator

• Learn to use the 3D Extrude & Bevel
• Create highlights on a 3D object with the Gradient Mesh Tool (U)

Create a Cute Vector Monster from a Pencil Sketch

• Learn to rough in a character using the Pen Tool (P)
• Use tapered brushes to create a sketch style

Drawing a chinese fan

• Create symmetric shapes using the Rotate Tool (R) and Ctrl+D
• Overlay images using Symbols and Color Burn

How to Draw A Realistic Vector Light Bulb From Scratch

• Create a metal thread contact with Effects and Gradients
• Use the Zig Zag Effect to create wires

Create a Character Mascot with Adobe Illustrator CS4

• How to set up an Adobe Illustrator file to trace with a sketch
• Create a Custom Art Brush

Hit the Mark with a Realistic Vector Dartboard

• Using Transform Effect to create segments
• Save time with Live Paint
• Learn to create bent wire numbers

The Shane Harper way to go Lineless!

• Add details to a drawing with the Pencil Tool (N)
• Alter shapes quickly using the Knife Tool

Illustrator Tutorial: How to Make an Icy Cocktail

• Simulate “glass” using Color Burn and Gradients
• Create Water Drops quickly

Create a Simple Vector Creature in Illustrator

• Learn to use Guidelines effectively
• Use the Reflect Tool (O) for symmetry
• Change end caps on Strokes to alter paths

Create an easy landscape scene in Illustrator

• How to use the Crystallize Tool to create shapes
• Learn to use the Free Transform Tool (E) to create perspective

How to Create a Killer Chainsaw Bunny Character

• Learn to trace with vectors
• Block a character in using the Pen Tool (P)

Blueprint-Style Text in Adobe Illustrator

• Use Scribble Effect to create a hand drawn font
• Learn to use an Opacity Mask with a Gradient

Create a Cute Lipstick Tube

• Working with shapes and Pathfinder
• Learn shading tips for 3D Objects
• Design a Reflection on a shiny surface

Conclusion

These Adobe Illustrator tutorials are just a sample of some of the free learning opportunities available online. Learn to look past the tutorial subject and find what skills the tutorial covers. After all, it’s never too late to go back to school!

Further Resources

• 22 Very Useful Adobe Illustrator Tutorials
• 125+ Ultimate Round-Up of Illustrator Tutorials
• 15 Really Great Illustrator Tutorials
• 16 Design Blogs For Learning Illustrator
  
• Illustrator and Vector Tutorials
• 10 best Illustrator Tutorials

About the author

Melissa Scroggins is a freelance graphic designer who loves designing icons, creating vector illustrations, and playing survival horror video games. Follow her on Twitter where she posts on a regular basis.

© Melissa Scroggins for Smashing Magazine, 2009. |
Permalink |
34 comments |
Add to del.icio.us | Digg this | Stumble on StumbleUpon! | Tweet it! | Submit to Reddit | Forum Smashing Magazine

Post tags: illustrator, Tutorials

Go to Source

Back-to-School With 40 Excellent Adobe Illustrator Tutorials originally appeared on Shai Perednik.com on September 23, 2009.