![what's new for designers july 2013](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/thumb.jpg)
Froont
Froont lets you design websites right in your browser, using a simple drag and drop interface. This lets you see your site exactly as your visitors will.![froont](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/froont.jpg)
jQuery CollagePlus
jQuery CollagePlus is a jQuery plugin that arranges your images to fit exactly inside a container. You have control over padding between images, the target row height, and CSS borders, and the plugin handles the rest.![collage plus](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/collageplus.jpg)
Thincons
Thincons is a $7 set of icons inspired by iOS7. There are 77 icons in all, and you can get a sampling of them in exchange for a Tweet if you don't want to pay for the full set.![thincons](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/thincons.jpg)
gridr buildrrr
gridr buildrrr is an easy-to-use grid creator with just enough options. Specify the number of columns, the column width and margins, and any draggable boxes you want to include, and let gridr buildrrr do the rest.![gridr buildrrr](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/gridrbuildrrr.jpg)
Tabulous.js
Tabulous.js is a jQuery tabs module that offers a number of transition options, including scaling, sliding, and more. Implementation is quick and easy, with full documentation.![tabulous.js](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/tabulous.jpg)
Opa Framework for JavaScript
The Opa Framework for JavaScript makes it simple to simultaneously write frontend and backend code in the same language, in the same module. It's fully compatible with all standard JS libraries, includes database automation, and has HTML5 native support among other features.![opa framework](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/opa.jpg)
Golden Ratio Typography Calculator
The Golden Ratio Typography Calculator is a simple tool for creating better typography. Just enter your font size and content width, as well as an optional CPL (characters per line), and get a number of typographic recommendations.![golden ratio calculator](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/goldenratio.jpg)
Gumroad
Gumroad makes it simple to sell any digital (or physical) goods online. Just upload your files, style your sales page, and get selling. Gumroad handles your payment processing, and charges just 5% per transaction.![gumroad](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/gumroad.jpg)
Notism
Notism is a fast, simple, effective way for teams to collaborate on visual content. It includes tools for sketching and commenting, allows you to create interactive prototypes, and even has project management capabilities.![notism](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/notism.jpg)
Style Guide Boilerplate
This Style Guide Boilerplate is geared toward designers and developers who want to roll their own frameworks to handle common components they use between projects.![style guide boilerplate](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/styleguide.jpg)
AOL Reader
Need an alternative to Google reader? Check out AOL Reader. You can sign in with your AOL, Facebook, Google, or Twitter account to request access to the beta version. The app's layout is customizable, and it offers the ability to import your RSS subscriptions in standard OPML format.![aol reader](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/aolreader.jpg)
Webfonts Corner
Webfonts Corner is a showcase of web fonts in use on sites around the web. It's a fantastic place to go for typographic inspiration.![webfonts corner](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/webfonts.jpg)
Square Market
Square Market is a new ecommerce solution from Square. It costs nothing extra over the regular cost of Square payment processing, and the storefronts provided are modern and well-designed.![square market](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/squaremarket.jpg)
Gridism
Gridism is a responsive grid system that's simple and easy to use. It stacks grid units on mobile device screens, and scales up to 978 or 1140px (your choice).![gridism](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/gridism.jpg)
iOS 7 GUI PSD
This iOS 8 GUI PSD from Teehan+Lax includes GUI elements found in the beta 1 release of iOS 7. The PSD is well-organized, labeled, and layered, with editable shape layers, great for mocking up apps.![ios 7 gui psd](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/ios7.jpg)
Automaton
Automaton is a task automation tool written in JavaScript. Just set up an autofile describing what you need done, and even have one autofile use another autofile for even more complex tasks.![automaton](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/automaton.jpg)
File-type icon set
Building a web app? Then this free, open source file-type icon set from Teambox might be just what you need. It includes icons for a ton of different file types, including TXT, RTF, WAV, MP3, XLS, CSS, HTML, DOC, PDF, AVI, SQL, and many more.![file type icons](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/filetype.jpg)
Later.js
Later.js lets you define complex schedules and quickly calculate future or past schedule occurrences. It works client-side or with Node.js.![later](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/later.jpg)
Clipping Magic
Clipping Magic makes it simple to remove the background from your images. Just mark the foreground and background of an image and Clipping Magic's algorithm takes care of the rest.![clipping magic](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/clippingmagic.jpg)
The Secret Handshake
The Secret Handshake is an educational resource for young and student designers looking for inside tips on how to break into the industry. There are sections on resumes, the application process, and creating a portfolio.![secret handshake](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/secrethandshake.jpg)
Macaw
Macaw gives you the flexibility of an image editor, but writes semantic HTML and succinct CSS, so you can draw your code rather than write it. It's not available yet, but you can sign up to be notified when it is.![macaw](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/macaw.jpg)
Topcoat
Topcoat is a CSS framework for building clean and fast web apps. It includes a number of useful components, is themeable, and includes a PSD with all of the components in the code base.![topcoat](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/topcoat.jpg)
AlloyUI
AlloyUI is a framework built on YUI3 and Bootstrap for creating highly scalabel web apps. It's fully documented and includes tutorials for getting started.![alloyui](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/alloyui.jpg)
Tactile Design Kit
This Tactile Design Kit can greatly improve conversations with your clients about how they want their website designed by providing an interactive, physical brainstorming tool. You can download it as a PDF, EPS, or AI file.![tactile design kit](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/tactile.jpg)
DevDocs
DevDocs is an API documentation reader with a consistent, organized interface. You can look through documentation for HTML, CSS, DOM, JavaScript, jQuery and more, all from a single place.![devdocs](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/devdocs.jpg)
Core Circus ($84)
Core Circus is a layered type family of eight 2D typefaces that can be combined for 3D effects.![core circus](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/circus.jpg)
Shelley (free)
Shelley is a free decorative novelty font reminiscent of vintage signage.![shelley](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/shelley.jpg)
Anarchy (free)
Anarchy is a distressed display font that's free for personal use. A commercial license is available for $15.![anarchy](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/anarchy.jpg)
Monstrinhos ($12)
Monstrinhos is a dingbats font made up entirely of monster characters and related images. It's a fun, wacky font with lots of possibilities.![monstrinhos](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/monstrinhos.jpg)
Haext (free)
Haext is a rustic, neo-Gothic, Art Nouveau-inspired typeface that has definite runic and craftsman influences.![haext](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/haext.jpg)
High Tide (free)
High Tide is a geometric display typeface with a very modern, unique look.![high tide](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/hightide.jpg)
Klinic Slab (name your own price)
Klinic Slab is a slab serif typeface that comes in four weights (with italics for each). It's a workhorse font that's very functional while also having a distinct personality.![klinic slab](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/klinic.jpg)
llollos Script (free)
Cellos Script is a formal script font that's free for personal use. There's a commercial license available for $59.![cellos script](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/cellos.jpg)
Alianza ($133)
Alianza is a complex typographic system that includes three complementary styles: slab, script, and italic, with nine weights in each. There are also three sets of ornamental fonts included.![alianza](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/alianza.jpg)
Quirky Nots (free)
Quirky Nots is a free handdrawn display font with a clumsy but whimsical feel.![quirky nots](https://netdna.webdesignerdepot.com/uploads6/whatsnew-july13/quirkynots.jpg)
Read Next
15 Best New Fonts, July 2024
Welcome to our monthly roundup of the best fonts we’ve found online in the last four weeks. This month, there are fewer…
By Ben Moss
20 Best New Websites, July 2024
Welcome to July’s round up of websites to inspire you. This month’s collection ranges from the most stripped-back…
Top 7 WordPress Plugins for 2024: Enhance Your Site's Performance
WordPress is a hands-down favorite of website designers and developers. Renowned for its flexibility and ease of use,…
By WDD Staff
Exciting New Tools for Designers, July 2024
Welcome to this July’s collection of tools, gathered from around the web over the past month. We hope you’ll find…
3 Essential Design Trends, July 2024
Add some summer sizzle to your design projects with trendy website elements. Learn what's trending and how to use these…
15 Best New Fonts, June 2024
Welcome to our roundup of the best new fonts we’ve found online in the last month. This month, there are notably fewer…
By Ben Moss
20 Best New Websites, June 2024
Arranging content in an easily accessible way is the backbone of any user-friendly website. A good website will present…
Exciting New Tools for Designers, June 2024
In this month’s roundup of the best tools for web designers and developers, we’ll explore a range of new and noteworthy…
3 Essential Design Trends, June 2024
Summer is off to a fun start with some highly dramatic website design trends showing up in projects. Let's dive in!
15 Best New Fonts, May 2024
In this month’s edition, there are lots of historically-inspired typefaces, more of the growing trend for French…
By Ben Moss
How to Reduce The Carbon Footprint of Your Website
On average, a web page produces 4.61 grams of CO2 for every page view; for whole sites, that amounts to hundreds of KG…
By Simon Sterne
20 Best New Websites, May 2024
Welcome to May’s compilation of the best sites on the web. This month we’re focused on color for younger humans,…