PhotoRem is a photo, video and document sharing community and portal which provides you with an unlimited storage to upload, edit organize, snapshot and share multiple media in an easy method. You can post and share photos and videos online, add metadata and comments to photos and videos. Upload all your photos, videos, and images for free. Make photo slide shows to share pics with friends. Host and share videos with us. Zoom and move the image in the real time crop it and paint over it.

You must signup a user account before using PhotoRem’s features to uploading, organizing, editing and sharing your photos and videos. Then you can use the available tools to start organizing and sharing your photos online. Each user has unlimited storage space to upload unlimited amount of documents (like pdf, doc and xls), photographs and videos. Photo Edit supports zoom, annotate, paint, filter, crop, resize and rotate feature. You can also make a snapshot with your webcam, save it in your presentation and share it with your friends. Moreover, the Flexible Sharing Options lets you share videos, capture images from your webcam, embed your media, and share your media over email, or social networking accounts.

• http://www.photorem.com/

GTmetrix is a handy online web site speed and performance analyzing tool. It uses the Google Page Speed and Yahoo YSlow engine to measure and then generates the scores for your sites and offers actionable recommendations on how to fix them. once sign up for GTmetrix, you are allowed to compare multiple URLs, view the past tests ran to compare with the current results, schedule daily/weekly/monthly automated checks, save reports, and set any report to be public or private. GTmetrix provides a Page Speed Score with in-depth information on the factors that affect the speed of a page. You can find a list of the factors with information on each here. This page speed analyzing service is completely free. GTmetrix also has a bookmarklet which you can run a test for any website with a click. GTmetrix can help web designers and developers to develop a faster, more efficient, and all-around improved website.

• http://gtmetrix.com/

Developed by MediaFront, the Open Standard Media (OSM) Player is an all-in-one open source media player that written in jQuery framework with HTML5 video support. It is an industry changing media player that is written in jQuery to dynamically play any type of web media, including HTML5, YouTube, Vimeo, and Flash or even MP3 and Wave audio files. OSM Player supports playlists and offers a seamless Youtube/Vimeo integration. The playlist can optionally be hidden and the video can be displayed in full screen. The media player also generates direct and embed links to the media which is nice for anyone willing to include the content to their webpages. OSM Player is completely free, you can download the latest version (0.8) right here.

• http://www.mediafront.org/project/osmplayer

Now you can use Picmeleo to let visitors easily to online photo editing without leaving your website. Picmeleo is a free online photo editor that any third-party developers can integrate to their website. Your visitors/users can upload and edit images for your service. The integration is very easy just coping a few lines of embed code and Picmeleo is working on your site. Picmeleo online image editor has all basic features like crop, rotate, autofix, scale, colors balance and contract, brightness and filters such as grayscale and sharpen, redo and undo function included. You can custom the tools of Picmeleo anytime you want on your own editor. It also has built-in multilanguage support and you can set the language in the online admin interface.

http://www.picmeleo.com

Wasitup.com is a simple website and server monitoring service that helping you to check one specific website or service and sends you an email if it goes down. Wasitup conducts a HTTP HEAD request and checks if the statud code is 200 OK. This means it checks if the page you have submitted is up and running. If you specify a text within the url, it checks if the text is present or not in the HTTP body. Once your website is down you receive an email. Your website is checked every 5 minutes. The website monitoring service is completely free allowing you monitor up to 10 websites per account.

• http://wasitup.com/

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.

• http://expression.microsoft.com/en-us/dd565874.aspx

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.

• http://repper.studioludens.com/

http://colorsuckr.com/

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.

• http://xrefresh.binaryage.com/

Web-based Image Optimization Tools

1. Smush.it

http://smush.it/

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.

2. Web Resizer

http://www.webresizer.com/

This free online image resizing tool Web Resizer helps you optimize and editing photos for web or email on the fly. It provides all basic image resizing and optimization features you need to make your pictures smaller, including crop, resize, sharpen, rotate images, adjust contrast, brightness and color saturation levels and add border etc. This web based application is very easy to use and no registration required. It supports maximum image size uploaded up to 5MB.

3. iResize

http://www.iresize.com/

iResize is a fast and free, simple to use online image resizing tool that allows you to easily reduce the size of your photo by pixels and bytes. It completely works in all of your favorite modern web browsers and operating systems.

4. Pic Resize

http://www.picresize.com/

Pic Resize offers an alternative to the usual image editor. Just upload the image you want to resize or edit and then get to work. There are default options for resizing: 25%, 50%, 75% and 100%. You can also customize any size as you want. There are some special effects that you can select before final download the optimization image, like equalize, grayscale, sharpen, spread, gaussian blur, oil paint, rotate, polaroid, crop, brightness, contrast, or raised Frame. PicResize supports JPEG, GIF, and PNG image format.

5. Shrink Pictures

http://www.shrinkpictures.com/

Shrink Pictures provides us a simple online image resizing service as simple as 1, 2, 3. Browse and select your image to resize, choose the new size for your picture, select output image quality (good, better or best), click “Resize” button and wait for the processed images to be displayed, that’s it. Uploaded images can be up to 6Meg in size and all resized images are automatically converted to JPG format. If you need to “shrink” a picture to avatar size then do it with the Shrink Avatars tool.

6. DynamicDrive Image Optimizer

http://tools.dynamicdrive.com/imageoptimizer/

DynamicDrive Image Optimizer lets you easily optimize your gifs, animated gifs, jpgs, and pngs, so they load as fast as possible on your site. Furthermore, you can easily convert from one image type to another image format. Upload Size limit up to 300 kB. Enter the url of image or directly upload from your computer, and then click “optimize”, it would show up the several optimization image level from low to higher.

7. Resize Image

http://resizeimage.org/

You choose a picture, you upload it, and then you alter its size. You can have your pick from three main options, “Small”, “Medium” and “Large”. An advanced editor is provided in case you wish to handle the task at hand as minutely as possible. The current file size is also highlighted on the left. All images uploaded are hosted on the resizeimage.org server for one week.

8. Easy Cropper

http://www.easycropper.com/

Easy Cropper is a easy and simple way for you to crop any image for use on the web. Once you have selected your photo from your computer library, all you have to do is select the desired height and width in pixels, and click “Continue”. You are then presented with a preview of your new photo which you may either confirm or edit further, and then you’re done.

9. ImageOptimizer.net

http://www.imageoptimizer.net/

Using this free online optimized images service, you can resize, compress and optimize your image files that are more suitable for web pages or email attachments.

10. Resizr

http://www.resizr.com/

This tool lets you resize, crop, lighten, darken, convert image, post to social media site like MySpace, and send images via email or SMS.

Recommendations

Serve images size appropriately, do not serve images that are larger than the dimensions used in the pages. Choose an appropriate image file format, for example use JPG for all photographic-style images. Last, there is load of free convenient tools available for you optimize images. Give it a try for your daily usage or next web project.

Geek Charts provides you with an interesting way of showing where you share stuff online. It generates an stunning embeddable pie chart showing the last 30 days of your activity on the popular social sites such as Twitter, Flickr, YouTube, Digg, StumbleUpon, Last.fm, Delicious, RSS feed and more. Each site is presented as a slice on the pie chart along with the overall percentage. The pie chart also directly link to the social media networks. Generated pie chart can be easily embedded on your blog or website. Moreover, it’s updated automatically based on your activity and the data will be more accurately reflect your activity over time. Go ahead to try and create the social media chart for your sites.

• http://www.geekchart.com/

Unlike other traditional methods of choosing color palettes on computers are limited to flattened two-dimensional viewers. ColoRotate is a decent free online tool for you to create, browse and share color palettes in a coolest visuals three-dimensional color space and design the color palette that fits your needs.

The default setup for ColorRotate is a 3D diamond shape, which you use to set the tint, hue, and the blending for your palette. If you prefer a more traditional appearance, you can switch it over to a series of sliders. You can also create a completely new palette scheme or browse through popular user-created palettes to modify them.

If you create an account, you can save your palettes, but even without an account you can export palettes in .ACT format, which allows for import into Adobe products. There’s also an entire “learn about color” section of the site, giving a good overview of the theory and science behind color and color combinations.

• http://www.colorotate.org/