<http://schema.org/articleBody>
"When it comes to Web design, the tools you use play an integral part in your results. Of course, we're big fans of getting down to the basics, like putting pencil to paper, but sometimes finding new apps and resources can help you get those creative juices flowing.\r\n\r\nCheck out our list of\u00A025 incredibly useful tools and resources for designers and developers below. Then, be sure to let us know your favorites (or if we missed your favorite) in the comments!\r\n1.\u00A0Niice\r\nNiice essentially operates as a design search engine, pulling in results from Behance, Dribbble and Designspiration. If you're in need of inspiration, head here and you wont be disappointed.\u00A0Example: Try this search for\u00A0black and white script lettering.\r\n\r\n\r\n\r\n&amp;amp;nbsp;\r\n2. Pixel Dropr\r\nPixel Dropr\u00A0is a Photoshop plugin created by\u00A0UI Parade\u00A0which allows designers to create collections of icons, illustrations, photos, buttons and other elements that can be dragged and dropped to any PSD file. Read more about it here.\r\n\r\nhttp://vimeo.com/user11330814/pixeldropr-ad\r\n\r\n&amp;amp;nbsp;\r\n3. Designer News\r\nIf you're a Hacker News reader, you already know how Designer News works. It's like the developer and startup scene-focused service, but instead emphasizes discussions on design and emerging tools that make the design process easier.\r\n\r\n\r\n\r\n&amp;amp;nbsp;\r\n4.\u00A0Firefox's Font Inspector\r\nFirefox has added a new typography-centric tool called the \u201CFont Inspector\u201D to its DevTools, available now in the browser\u2019s\u00A0Nightly Build.\u00A0Learn more about it\u00A0here.\r\n\r\n\r\n\r\n&amp;amp;nbsp;\r\n5. Cloud Comp\r\nCloud Comp\u00A0is a\u00A0lightweight tool powered by Cloud App\u00A0which lets designers share app and website mockups with clients.\u00A0Read more about it\u00A0here.\r\n\r\n\r\n\r\n&amp;amp;nbsp;\r\n6. Sidebar.io\r\nSidebar is a site which simply provides five of &amp;quot;the best design links, every day.&amp;quot;\r\n\r\n\r\n\r\n&amp;amp;nbsp;\r\n7.\u00A0BLOKK\r\nBLOKK is\u00A0a font made up of dashes (almost like what you\u2019d find in a cartoon newspaper) for quick mock-ups and wireframing, and it\u2019s awesome. Read more about it here.\r\n\r\n\r\n\r\n&amp;amp;nbsp;\r\n8. What's My Browser Size?\r\nThis Web app is a simplistic as it sounds. It shows you the current size of your browser window, adjusting accordingly as you resize it. If, for example, you're playing with media queries, this tool could come in handy.\r\n\r\n\r\n\r\n&amp;amp;nbsp;\r\n9. Intuitive Color Picker\r\nOne of our favorite color-picker tools.\u00A0On load, the entire window fills with a single color. Move your mouse left and right to adjust the hue, move it up and down to adjust the lightness and scroll to change the saturation. You should also try\u00A00 to 255\u00A0and\u00A0Colllor.\r\n\r\n\r\n\r\n&amp;amp;nbsp;\r\n10.\u00A0Timehub\r\nTimehub\u00A0is a service which lets programmers generate invoices\u00A0from their GitHub repositories.\u00A0Yes, developers can now track the time they spend on projects without ever leaving GitHub. Read more about it here.\r\n\r\n\r\n11. Helvetica vs Arial\r\nWhile typography plays an extremely important role in Web design, many designers aren't trained to understand the difference between similar typefaces like Helvetica and Arial. This resource will help you test your skills and get better at telling the two famous faces apart.\r\n\r\n\r\n\r\n&amp;amp;nbsp;\r\n12. HEX to RGB Converter\r\nJust like the &amp;quot;What's My Browser Size?&amp;quot; tool mentioned above, this is an extremely minimal site which simply helps you convert from HEX to RGB color codes. Of course you can do this with any number of applications and services, but this is such a beautifully simple option. You should also try\u00A0Colorrrs.\r\n\r\n\r\n\r\n&amp;amp;nbsp;\r\n13.\u00A0PlaceIt\r\nPlaceIt\u00A0is a simple, drag-and-drop tool which lets you generate realistic product screenshots in seconds.\r\n\r\n\r\n\r\n&amp;amp;nbsp;\r\n14.\u00A0Heyoffline.js\r\nThis JavaScript plugin warns your users when their network goes down to make sure they don\u2019t lose anything. You should also check out\u00A0Garic.js, a plugin which stores form values locally.\r\n\r\n\u00A0\r\n15. Keynote/PowerPoint\u00A0for UX Tests\r\nBelieve it or not, Keynote is the tool of choice for the Google Ventures design team. From our in-depth look:\r\nDesign partner\u00A0John Zeratsky, UX research partner\u00A0Michael Margolis,\u00A0Knapp\u00A0and I took to creating the mockups for user testing. We were\u00A0instructed to use Keynote, which (completely to\u00A0my surprise) proved to be an extremely useful tool for building functional mockups.\r\n\r\n\r\n&amp;amp;nbsp;\r\n16. Alfred Workflows\r\nIf you're an Alfred user, check out this\u00A0CSS color conversion workflow.\r\n\r\n\r\n\r\n&amp;amp;nbsp;\r\n17. PLTTS\r\nPLTTS (pronounced Pallets) is an\u00A0easy to find the perfect color-palette for a project you're working on.\r\n\r\n\r\n\r\n18.\u00A0Chardin.js\r\nChardin.js is a jQuery plugin which provides simple\u00A0overlay-style instructions for your Web apps.\u00A0Head here\u00A0to see it in action.\r\n19.\u00A0Mincss\r\nMincss\u00A0clears the junk\u00A0out of your CSS by finding and removing selectors you\u2019re not using.\r\n20.\u00A0CSSCSS\r\nCSSCSS works similarly to Mincss, by parsing\u00A0CSS files and revealing which rulesets have duplicated declarations.\r\n\r\nBig thanks to all of our readers who suggested tools for us to include in this list, including\u00A0John Canelis and\u00A0Jamie Brittain.\u00A0Please share more of your favorites below for our next list!\r\n\r\nImage credit: Thinkstock"^^<http://www.w3.org/2001/XMLSchema#string>
<http://thenextweb.com/dd/2013/04/12/25-incredibly-useful-tools-for-web-designers/>