Draftfcb Dev Group Links

Jekyll

Static-site generator Jekyll has hit the big-time. It powered Obama’s successful election campaign.

http://jekyllrb.com

jekyll, staticsitegenerator, cms, tools,

Zippopotam.us

Free zip code lookup API.

http://www.zippopotam.us

zip, zipcode, api, tools,

Agile Designers

All the best design resources in one place.

http://www.agiledesigners.com

webdesign, tools,

Chrome Devtools Cheatsheet

http://anti-code.com/devtools-cheatsheet/

tools, devtools, chrome, testing,

Lorem Pixel

On-demand placeholder images.

http://lorempixel.com

1 note

tools, images,

GTMetrix

Similar to Google Pagespeed, this site analyzes your site and offers optimization suggestions.

http://gtmetrix.com

https://developers.google.com/speed/pagespeed/insights

2 notes

optimization, tools, tool,

ThingLink

Excellent new tool for social sharing. Create rich images with music, video, sound, text and more.

http://www.thinglink.com

social, images, interactive, media, video, sharing, tools,

Montage

Front/Back End Framework for building web apps with node.js

http://montagejs.org

node.js, node, web apps, html5, framework, library, tools,

Verify App

User-testing tool that lets you test screenshots to gain valuable insights on your apps and websites before writing a single line of code.

http://verifyapp.com

3 notes

ui, ux, testing, tools, tool,

Gridlover

Tool for establishing a vertical rhythm when designing a website.

http://www.gridlover.net/

2 notes

grid, design, tools, tool, web design, typography,

Greensock JavaScript Animation

Tutorial on how to use Greensock to make awesome animation (and also a great demo)

http://ahrengot.com/tutorials/greensock-javascript-animation/

javascript, animation, tools, tutorial, greensock,

The Breakpoint
New YouTube Show from Addy Osmani and Paul Irish. First episode is about front end dev tools.

developer, bestpractices, video, tools,

ARToolkit

augmented reality, ar, tool, tools, framework,

DivShot

The web app interface builder (think responsive prototyping and wireframing) goes into public beta.

http://divshot.com

2 notes

web apps, web app, tools, tool, wireframe, prototyping, ui, ux, design,

Adobe Edge Web Fonts

Vast web font library made possible by contributions from Adobe, Google, and designers around the world, served by Typekit. Plus, it’s free!

http://html.adobe.com/edge/webfonts/

5 notes

adobe, webfonts, web design, tools, typography, fonts,