PNG Noise

How does it work? Just put your image size after our URL and you'll get a placeholder.

Screenqueri.es is a Pixel Perfect Tool to test your Responsive Design / Media Queries. Select from Pre-defined Screen Resolutions OR Drag Screen Handles To Go With Your Custom Screen Resolutions.

Version control for designers, built from the ground up. LayerVault will track every version of every design file.

As we approach the dawn of a new year, here are my picks for the 101 most useful websites of the year 2011.

To test your htaccess rewrite rules, simply fill in the url that you're applying the rules to, place the contents of your htaccess on the larger input area and press "Check Now" button.

A document management and version control plugin that allows teams of any size to collaboratively edit files and manage their workflow.

Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable css.

Productivity is a crucial asset of professional designers. Photoshop is an extremely powerful application for photo processing and image manipulation, and we can make it even more powerful by using handy tools, actions, plugins and templates to save time for solving mundane regular tasks. The better our professional tool set is, the more time we can spend to focus on the actual design process rather than the tool we are using to implement it on screen.

Here at Smashing Magazine, we’re continuously searching for recent time-saving, useful Photoshop resources for our readers, to make the search of these ever-growing techniques easier. We hope that these techniques will help you improve your design skills as well as your professional workflow when using Adobe Photoshop. A sincere thanks to all designers and developers whose articles are featured in this roundup. We respect and appreciate your contributions to the design community.

Real web type in real web context

Web Font Specimen is a handy, free resource web designers and type designers can use to see how typefaces will look on the web. Debuted in a special issue of A List Apart, Web Font Specimen is now in its second iteration.

SpamCop is the premier service for reporting spam. SpamCop determines the origin of unwanted email and reports it to the relevant Internet service providers. By reporting spam, you have a positive impact on the problem. Reporting unsolicited email also helps feed spam filtering systems, including, but not limited to, SpamCop's own service.

Introducing Solo, the project management tool for the modern freelancer.

Modular Scale

JavaScript regular expression tester

Super-easy Wireframing
Design, collaborate (in real-time) user interface mockups for your software and websites.

Use this form to evaluate the functional accessibility of a single web page.

/* ------------------------------------------------------------- CSS3, Please! The Cross-Browser CSS3 Rule Generator =================================================== You can edit the underlined values in this css file, but don't worry about making sure the corresponding values match, that's all done automagically for you. Whenever you want, you can copy the whole or part of this page and paste it into your own stylesheet. ------------------------------------------------------------- */

preview words with the fonts installed on your computer

Welcome to Pinboard!

Social bookmarking for introverts

The most awesome way to bookmark

Collect, organize and share your favourite images, videos, documents and links from all over the web.

The Magic Work Cycle is a powerful productivity technique. It's very simple. Work for thirty minutes, giving all of your attention to whatever project you are working on. After thirty minutes, take a break for thirty minutes. You can do anything you want to take your mind off of your work. Then repeat again with thirty minutes of work.

Reliable tracking
Timepost stores an offline copy of your projects, to-do items, and timers in a fast database so you can count on it when your internet isn’t working. It also creates a secure backup on our remote service of every time entry you submit with Timepost.

Make any web page print friendly

Bounce
A fun and easy way to share ideas on a website.

#
About

Launchlist is intended to help and encourage web designers and developers to check their work before exposing it to the world at large.

At first glance the Google Map API may seem scary, I mean, were do you possibly start? You probably only want to display a simple map that displays directions to your clients address, you don’t really want an all singing and dancing interactive map with more options than necessary. There has to be a simpler way.
Of course there is, and as with almost all web site interactivity, jQuery does offer some simple and easy to use plugins.

The world's leading plagiarism checker.
Search for copies of your page on the web.

DropboxPortable allows you to install Dropbox to your USB flash drive, while syncing the data to it as well. Simply download the .ZIP file and decompress it to your USB drive. On the first launch, DropboxPortable will display very important instructions. Once you have followed these instructions, DropboxPortable should work just as if it were installed on your computer.

SiteSucker is a Macintosh application that automatically downloads Web sites from the Internet. It does this by asynchronously copying the site's Web pages, images, backgrounds, movies, and other files to your local hard drive. Just enter a URL (Uniform Resource Locator), press return, and SiteSucker can download an entire Web site.

Making the World's Knowledge Computable

Today's Wolfram|Alpha is the first step in an ambitious, long-term project to make all systematic knowledge immediately computable by anyone. Enter your question or calculation and Wolfram|Alpha uses its built-in algorithms and a growing collection of data to compute the answer.

The key to detecting a browser type is to remember that there's an environment full of information transmitted with each query sent from the web browser to the server.

Find broken links on web sites

IE7.js is finally updated!

Here are the changes:

* MSIE5.0 is no longer supported
* Layout fixes are no longer applied in quirks mode (except for MSIE5.5)
* IE9.js provides improvements to MSIE8
* support for opacity is moved to IE9.js
* New selectors (IE9.js):
o :first-of-type
o :last-of-type
o :only-of-type
o :nth-of-type()
o :nth-last-of-type()
* :contains() has been removed (no other browser supports it)
* Changes to the PNG solution
* Lots of bugs fixed
* New faster and more accurate selector engine (the same as in the upcoming release of base2)
* I think I’ve fixed the unclickable links problem too :)

Majestic-SEO provides Competitive Link Intelligence to SEO specialists. We believe we are the planets most comprehensive backlinks provider, and offer a number of tools to allow access to this valuable information.

These FREE Web App Toolkits help you complete common web development tasks and quickly add new features to your apps. Whether it’s Bing Maps integration or adding social capabilities to your site, there’s a toolkit for you. Download and install them today.

Once in a while we all need some kind of document, it may be a business plan presentation, rental contract, non-disclosure agreement, or even a name change request form. In most cases, Googling the document may ultimately get you what you need, but it’s both time consuming and frustrating. Below, I want to go through 3 excellent resources that can provide you with any professional document or form template for free.

960 Gridder is an excellent tool for any web developer/ designer that wants to easily align, match and/or lay out websites.

activeCollab is a project management & collaboration tool that you can set up on your own server or local network. Work with your team, clients and contractors in an easy to use environment, while keeping full control over your data.

Now improved with Invoice and Source Modules.

is an online tool that makes it easy for you to create, link together, preview, and share mockups of your website or application.

XRAY is a bookmarklet for Internet Explorer 6+, and Webkit and Mozilla based browsers (including Safari, Firefox, Camino or Mozilla). Use it to see the box model for any element on any web page.

we’ve hand picked 20+ Tools for Quick & Clean Code Development that will help you code much faster and in an efficient manner.

Build a Feed!

The tool below will help you format a feed's display with the information you want to use on your web site. All you need to enter is the URL for the RSS source, and select the desired options below.

CSS is one of the most basic building blocks of modern web design. It creates the structure and style that surrounds your content and is capable of making your site a joy to use or a pain in the neck. Mastering CSS is one of the most important things a web designer can do, and has really become an essential criteria for being a successful designer.