http://hacks.mozilla.org/2011/11/firefox-tons-of-tools-for-web-developers/
collected links :: inspiration ~ reference ~ … & more
view tag archiveMIN is a bookmarklet that will strip any decoration from a site. All color, borders and backgrounds are removed instantly, helping you identify the successful and unsuccessful uses of typography and layout.
Share a project on your laptop using the ‘show’ command. Showoff creates a tunnel between your laptop and the web. You get a showoff url that you can share with anyone. learn more
Basically? Upload a 24-bit PNG with alpha transparency and get back an 8-bit PNG also with alpha transparency. What ‘n’ why? PNGs, alpha transparency and small file sizes are all good. After reading this article, I was inspired to squish all three of them together into a nice, friendly web service. Photoshop can’t make 8-bit + alpha PNGs and sometimes you just don’t want to open (or don’t have) Fireworks so this site fills the gap.
Change is a constant. The device landscape is always changing and the device types are proliferating. With the increasing demand for unique mid-screen devices, it is becoming an even more arduous task to keep all of the device resolutions and screen sizes straight. So we have packaged up our set of tools that help us stay current and we are offering it for download.
Pixel Proliferation: A Toolset For Managing Screen Resolutions | Punchcut
1 Upload a file, any file. See that nifty button!? 2 Send the link to your friends, family, whoever. 3 They can view it without down- loading it! Yay!
test how fast phpied. loads in a real browser from over 50 locations worldwide
F.lux fixes this: it makes the color of your computer’s display adapt to the time of day, warm at night and like sunlight during the day. It’s even possible that you’re staying up too late because of your computer. You could use f.lux because it makes you sleep better, or you could just use it just because it makes your computer look better.
DOM Monster is a cross-platform, cross-browser bookmarklet that will analyze the DOM & other features of the page you’re on, and give you its bill of health.
mir.aculo.us JavaScript with Thomas Fuchs » DOM Monster Bookmarklet
MovieCaptioner keeps repeating a segment of the movie until you are done typing what you hear. Just hit the Return key and it will save your caption and automatically advance to the next few seconds of the movie, allowing you to zip through your captioning tasks in no time flat.
The general idea of SlickMap CSS is to streamline the web design process by automating the illustration of site maps while at the same time allowing for the pre-development of functional HTML navigation.
SlickMap CSS — A Visual Sitemapping Tool for Web Developers
Synergy is Free and Open Source Software that lets you easily share your mouse and keyboard between multiple computers, where each computer has it’s own display. No special hardware is required, all you need is a local area network. Synergy is supported on Windows, Mac OS X and Linux.
DropMocks is the easiest way to create and share beautiful image galleries online
We believe that such round-ups are valuable because they present many useful pointers in one place. From time to time we have many inquiries about such round-ups and we gladly prepare them for our readers, along with in-depth articles which are regularly published on Smashing Magazine.
Web Typography: Educational Resources, Tools and Techniques – Smashing Magazine
The official reference manual for Textile 2. Textile is the lightweight, humane web text generator included in Textpattern and many other web application
And then it dawned on me that any image can be placed in the background of almost any block level element. So why not create an image of a ruler? Duh.
The Ultimate CSS Gradient Editor was created by Alex Sirota (iosart). If you like this tool, check out ColorZilla for more advanced tools such as eyedroppers, color pickers, palette editors and website analyzers.
I made Fillerati because I grew tired of reading “Lorem ipsum…” on every new design I was working on.
As a society, we are engaged in a constant pursuit to be more productive. For the most part, this is a good thing. We want to work smarter. We crave efficiency. Time is our most precious commodity, and productivity tools help us spend it more wisely.
How Analog Rituals Can Amp Your Productivity :: Tips :: The 99 Percent
Here at The Paciello Group (TPG) we have a technical accessibility testing process which does not involve the use of automated tools. The technical audit results we provide to our clients are based solely on manual testing of a web site, web application or desktop application.
A simple CSS framework for designers and developers, based on 35 equal-width columns. It aims to cut down on development time and help you create beautiful-structured websites.
The Square Grid – A simple CSS framework for designers and developers
Make pixel grids, lickety-split
TinEye is a reverse image search engine. It finds out where an image came from, how it is being used, if modified versions of the image exist, or if there is a higher resolution version.
What is it? A powerful (and wholly free) CSS prettifier that lets you format CSS in the exact way you want.
Whether you’re just starting out in the graphic or web design industry, or you’ve been in it for years, the chances are there will occasionally be a time where you want to get a feel for a particular type of application (maybe something similar to Cinema 4D or Adobe Illustrator) before spending big bucks on it. Maybe sometimes you just need it for a very small job, in which case spending the big bucks on it just simply isn’t worth it. Or maybe you’re a student with not much money (which is usually the case) and just want an application that will do the job but not cost you an arm and a leg!
45 Free Applications For Designers And Developers – Noupe Design Blog
| CSS3.0 Generator |
NonVisual Desktop Access (NVDA) is a free and open source screen reader for the Microsoft Windows operating system. Providing feedback via synthetic speech and Braille, it enables blind or vision impaired people to access computers running Windows for no more cost than a sighted person. Major features include support for over 20 languages and the ability to run entirely from a USB drive with no installation.
Test a website’s performance
PX to EM conversion made simple.
never warp your brain with time zone math again
it was about time I introduce you to the debugging tools for each of those browsers with a couple of tips thrown in to the mix.
Debugging Tools | jQuery for Designers – Tutorials and screencasts
A fun and easy way to share ideas on a website.
jsFiddle is under very heavy development,
Google Browser Size is a visualization of browser window sizes for people who visit Google. For example, the “90%” contour means that 90% of people visiting Google have their browser window open to at least this size or larger.