Pablo by Buffer - Design engaging images for your social media posts in under 30 seconds Visage | Branded Reports 960 Gridder - Lay out websites with ease. What is this? 960 Gridder is an excellent tool for any web developer/ designer that wants to easily align, match and/or lay out websites. The idea came when designing a website for a student organization where I worked with several designers that handed their lay outs and designs in Photoshop format with a similar grid built-in to me. After a while I noticed how hard it became to make sure everything looked exactly how they intended it, especially in the different browsers. 960 Gridder is cross-browser compliant and works well in Internet Explorer 6/7/8, Firefox 2/3 and Chrome. According to browsershots, all A-grade browsers now display the grid perfectly (version 1.3.1). How does it work? 960 Gridder is built upon the very famous JavaScript framework jQuery. 960 Gridder will automatically identify if jQuery is present at the website and if it is not, it will include it. Since version 1.3, you can now use shortcut commands to manipulate the grid. Where do I use it? Development Known Problems
Tagxedo - tag clouds with style You probably know all about the word cloud generator, Wordle, but here's another service that turns your words into stunning tag clouds. Here are a few examples from the Gallery to see what you can do with Tagxedo Find out more about Tagxedo and how you can create.print and share your images here: Tagxedo GridFox - The Grid Layout Firefox Extension » Eric Puidokas » Programming and Designing for the Web GridFox is a Firefox extension that overlays a grid on any website. If you can open it in Firefox, you can put a grid on top of it. It’s easy to customize, allowing you to create the exact grid you designed your layout around. Install GridFox v1.2 More than just a handy development tool, GridFox also proves to be indispensable with the daily production of a grid-based site. How to use GridFox The plugin is extremely simple to use. Examples Want to see GridFox in action? news.yahoo.com Column type: variedColumn widths: 10,201,12,12,88,12,13,88,12,12,201,13,10,280,10 Line thickness: 1px Wired.com Site width: 1000px # of columns: 10 Line thickness: 10px NYTimes.com Site width: 965px # of columns: 11 Line thickness: 5px TimesOnline.co.uk Column type: variedColumn widths: 200,200,200,185,185 Line thickness: 15px Subtraction.com Site width: 840px # of columns: 8 Line thickness: 10px Puidokas.com Site width: 900px # of columns: 9 Row height: 155px Top offset: -8px Line thickness: 15px
Trends / Handmade Log In Sign Up COLOURlovers Search Create Welcome. Craft»Trends»Handmade Craft Color Trends Browse the trends below to see what's the new hot hue in the Craft world Handmade Latest Craft Trends Light Up Your Party with LED Balloons May, 2012 Duct Tape Feather Earrings Ombre Umbrella February, 2012 DIY Ombre Ribbon Baby's First Ornament January, 2012 The Coasters January, 2011 Studio on Fire 2011 Calendar Sprinkles The Cheaper Show Golden Rule Poster Jen & Kevin's save-the-date Youngna + Jacob English Countryside Wedding Garter July, 2010 Flower Sash or Headband Custom Bridal Garter Puzzle Tin February, 2010 Blank Note Cards Garden Party Corner Bookmarks Amethyst Chandelier Earrings Green & Silver Vintage Bracelet Golden Yellow Sunset H O T A R U Earrings Browse Create Community Channels Trends Tools About © 2015 Creative Market Labs, Inc.
20 top new tools for freelancers Freelancing looks idyllic from the outside. Working with the best clients, choosing fun projects, determining your own hours and working from home or wherever you like. But there’s a lot that happens under the hood to keep the momentum going. Doing the actual freelance work for your clients never takes up 100 per cent of your time. To accommodate that, we’ve seen an abundance of new tools spring into the market to assist freelancers. To help find the best, I’ve broken down the tools into the following categories: proposals, finance, legal, time management and workflow. Proposals The value of a great proposal shouldn't be underestimated – they can be the key to winning or losing a project. 01. Currently in a private beta, Prospero not only helps you create a proposal but also helps you price the project. 02. Nusii's dashboard not only lets you create proposals, it also lets you glance over your sales revenue or proposal acceptance rate. 03. Finance 04. 05. 06. 07. 08. Legal 09. 10. 11. 12.
❍ IcoMoon IcoMoon is striving to build and provide the best iconography and icon management tool for perfectionists. IcoMoon's icon library features only the very best icon sets out there. All of our icons are designed on a precise pixel grid. The IcoMoon app lets you build and use your own icon sets in many different formats including SVG, Polymer, PDF, XAML, CSH, icon font or simple PNG/CSS sprites. IcoMoon was first built and released back in the November of 2011. IcoMoon was also the first to solve a big problem with icon fonts: Compatibility with screen readers. IcoMoon is constantly improving and it offers many unique features. With over 4000 free and open source icons available in IcoMoon's library, and by allowing you to generate crisp icon fonts and SVG sprites locally/offline, this service is far ahead of any similar one. IcoMoon is created and maintained by Keyamoon and it is currently operating under Roonas. Need to contact us?
FontBase — a blazing fast, beautiful and free font manager for designers. SwatchBooker Features Reads color swatches from: Adobe aco, acb, act, ase, acf, bcf, clrAutoCAD acb (unencrypted only!)ColorSchemer csCorel cpl, xml (X5)GIMP gplICC named colors profilesOpenOffice.org socQuarkXPress qcl (+cui)RAL bcsRIFF palScribus xmlVivaDesigner xmlXara jcw Reads gradient swatches from: Adobe grd, clrGIMP ggrOpenOffice.org sogScribus xml Reads pattern swatches from: Adobe patGIMP patOpenOffice.org sob, soh Gets online color swatches from: Writes Adobe aseGIMP gplHTMLOpenOffice.org socScribus xml Colors are managed: you can attach a ICC profile to a color. Supports multiple swatches from the same material. Swatch informations are localizable. Limitations Colors only. Drag and drop is possible only in the tree view. Adobe ASE writing supposes there is not more than 1 group level. Opening big palettes may temporarily freeze the editor. Requirements On Debian based distributions, you need the packages python-qt4 (>= 4.6) python-liblcms (>= 1.18) and python-imaging (>= 1.1.7-2). Terminology Material <?
Responsive Image Breakpoints Generator by Cloudinary Top 10 Photoshop Plugins for Web Designers in 2016 Toolkits Photoshop wasn’t created as a web design tool, but no one bothered telling us web designers that. Luckily, here are 10 plugins to make Photoshop do to web design what it's intended to do to photographs. Photoshop Plugins for Web Design Suitcase Fusion 6 The perfect add-on for every font-aphile, Suitcase Fusion 6 keeps all your favorite fonts organized and within reaching distance, even in Photoshop. Retinize It Not long from now, we’ll all be working with HD devices. Codly Codly automatically codes your Photoshop mobile design, saving lots of work in development and allowing more room for experimentation. Random User Generator The free, open-source API Random User Generator generates placeholder user data for forms and the like. Photoshop Prototyping Plugin If you created your mockup in Photoshop, you usually need to rebuild it from scratch when you prototype. Luckily, the prototyping app UXPin solves that problem with a plugin that allows complete integration. LayerCraft PSD Cleaner