Responsive Image Breakpoints Generator by Cloudinary

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. How to Create a CSS Ribbon We talk about CSS ribbons in web design when a strip of box (called ribbon) wraps another box. It’s a fairly used design technique to decorate text, especially headings. On W3C‘s website you can check out how properly used CSS ribbons can help structure content in a subtle way.

Designer's guide to DPI DPI or Dots Per Inch is a measure of spatial dot density initially used in print. It's the number of ink drops your printer can put in an inch. The more dots per inch, the sharper your image. This concept is applies to computer screens under the name PPI for Pixels Per Inch. 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.

the-internets-10-ugliest-websites?ref=webdesignernews Craigslist is one of the ugliest websites on the Internet. The home page is an indistinct wall of links and text, the site is tough to navigate, the postings are cluttered, and the design has barely changed in the past 15 years. At a time when websites are competing to offer the best digital experiences, Craigslist is the pinnacle of user unfriendliness. Material Design Color Palette Generator - Material Palette material palette More Material Design chevron_right Palette preview Full Palette colors below Your Palette CSS SASS LESS SVG XML PNG POLYMER DOWNLOAD TWEET Dark primary color #ffa000 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.

58 CSS Sliders Collection of HTML and CSS sliders: card, comparison, fullscreen, responsive and simple. Demo and download code (*zip). Information Card Slider HTML, CSS and JavaScript information card slider. Made by Andy Tran November 23, 2015 Elastic Slider 10 Best tools and resources for web and design professionals in 2015 Tools and resources for web and design professionals are available in abundance these days, unfortunately, not all those available are as useful as we’d like them to be. In order to help you weed out some of the tools that aren’t worth your time, we’ve compiled a list of what we think are the best tools and resources available right now. 1.

The best free graphic design software Not everyone has the cash to spend kitting themselves out with the most expensive graphic design software, particularly when starting a new business or embarking on a new career in design. There's no denying that paid-for creative software – like Adobe's fantastic Creative Cloud suite of applications – will always be better than a freebie. Exclusive offer: Save 15% on Adobe Creative Cloud now 9 reasons hand-coding always beats site builders If you use any kind of social media like Facebook or Twitter, you won’t have been able to avoid the merciless onslaught of ads promoting WYSIWYG website development. I’m not talking about those fancy software applications like DreamWeaver, but actually hosted site building applications that offer drag-n-drop website building systems complete with predefined templates. You could easily think that this is a great idea because on the face of it these kinds of systems are supposed to save you time and effort, but the reality is a little different. Here are just some of the reasons why you’re better off coding everything yourself. 1.