Tools ⁄ Nov 21, 2009 0

Expression Web SuperPreview for Internet Explorer

SuperPreview is a Microsoft’s browser comparison tool that web developers can test websites and debug layout issues across different web browsers and platforms, by viewing their pages in multiple browsers. You can view your pages in multiple browsers simultaneously or view how a page renders in a browser and compare it to a comp or mock-up image of a page.

Expression Web SuperPreview lets you view your pages in a variety of different ways. You can view browser renderings side-by-side horizontally or vertically, or overlay them to identify differences. You can use rulers and guides to measure and highlight visual problems. You can zoom in and out of a page and see all the browser renderings update in tandem.

Most online browser tools show you only images of different browser renderings. But SuperPreview couples image renderings with DOM data, letting you highlight specific DOM elements within the image, and showing you differences across browsers. It also provides element information such as position, dimensions and ID. You can use rulers and guides to measure and highlight visual problems, zoom in and out of a page and see all the browser renderings update in tandem.

The beta version of SuperPreview for Internet Explorer is available. This free download will allow you to compare renderings of IE6 with whatever other version of IE you have installed on your machine. If you have installed IE8, you’ll be able to compare IE6, IE8 and IE8 running in IE7 compatibility mode.

superpreview for ie Expression Web SuperPreview for Internet Explorer

Design, Tools ⁄ Nov 16, 2009 0

Create Design Patterns from Images with Repper

Repper, created by Studio Ludens design company, is a online pattern creator that turns your images into eye catching designs. It’s the easiest way for you to create beautiful patterns for your desktop, social profile background or any image. It enables you to create, share and find cool patterns and designs. You can use Repper to create textile patterns, posters and beautiful patterns for your desktop, personal web page or social profile background. This web application uses a kaleidoscope-style mirror effect to generate patterns from the image. You can adjust the width and height of the box to vary the effect accordingly.

Create your design patterns in just 3 easy steps:
1. Load a random image or upload your own image onto the website;
2. Resize and drag the box to change the pattern;
3. Save your design. You can either link to it from your social profile, or download the pattern directly to your computer.

You can also view many other users’ designs in their gallery, vote patterns and sort them according to their popularity, view numbers, etc. All designs can be used publicly under the Creative Commons license for non-commercial use.

repper Create Design Patterns from Images with Repper

Tools ⁄ Aug 10, 2009 0

Extract Color Schemes from Photos with ColorSuckr

ColorSuckr generates color schemes based on photos or webpages for use in your artwork and designs. You can choose from one of the photos on the main page, search Flickr, or input the URL of any webpage to find source material. It extracts the 12 most common colors from your image with complete hex, web safe and RGB info. Each color scheme can be drag and drop around the page and can show the color palettes from Colourlovers. You can also show and hide the color text by clicking the small grey dot next to the strip. It comes in handy for you quickly to get color palettes with the bookmarklet for your browser toolbar and Firefox addon.

http://colorsuckr.com/

colorsuckr Extract Color Schemes from Photos with ColorSuckr

Tools ⁄ Jun 20, 2009 0

Web Design and Development Browser Addon: XRefresh

xrefresh Web Design and Development Browser Addon: XRefresh

What XRefresh can help web designers and developers is to save time to refresh web browser antomatically every time once you make any source file modification. It’s simple but useful particularly for you that have two monitors where the IDE and the web browser runs on each. When you CTRL+S save source files, XRefresh will detect it and refresh a web page for you. XRefresh is a browser addon and designed for Firefox and Internet Explorer 6+ only, addictionally Firebug is required for Firefox users.

Tools, Web Applications ⁄ Jun 15, 2009 1

10 Useful Online Image Optimization And Resizing Tools

As a web designer or web developer, image optimization is very important for loading website faster and also reduces the bandwidth consumption benefit your hosting bill. You should perform both basic and advanced optimization for all images without changing their look or visual quality. Basic optimization includes cropping unnecessary space, reducing color dept, removing image comments, and saving the image to an appropriate format. Advanced optimization involves further compression of JPEG and PNG files. Here is a roundup for all the excellent web-based image optimization editing tools that you can use without a dime on the web.

Web-based Image Optimization Tools

1. Smush.it

http://smush.it/

smushit 10 Useful Online Image Optimization And Resizing Tools
Smush.it is a free service that optimizes images for publishing on the web. It compresses and converts images automatically and works with most types of image formats such as JPGs, PNGs, GIFs, and animated GIF files. You’ll get a report of how many bytes you can save by optimizing your images and all the changed images as a single zip for download. You can choose to upload your images directly to the service, provide Smush.it with a url, use a Firefox plugin that analyzes a whole page at once, or the Sumsh.it bookmarklet.

Read the rest of this entry »

Free Subscription

 Subscribe in a reader

Enter your email address:

@ Twitter @ FriendFeed
+ Google Reader + Bloglines + Netvibes

Search

Enter the query to search and hit enter.



Books

Recent Posts

Latest Resources

Error: Feed has a error or is not valid

Recommended Hosting