Draftfcb Dev Group Links

DuckDuckGo

Great for internet search. They don’t do any tracking or throw any ads or other distractions at you (at least for now)

http://duckduckgo.com

search, tools,

Opauth

PHP framework for easy user authentication with Facebook, Twitter, Google and LinkedIn.

http://opauth.org

php, login, facebook, twitter, authentication, framework, tools,

KickSend

Send large files to people for free.

http://kicksend.com

tools, email,

JavaScript Styleguides and Beautifiers

Great article on modern JS best practices and tools to help you.

http://addyosmani.com/blog/javascript-style-guides-and-beautifiers/

2 notes

javascript, best practices, tools, developer,

LiveReload

App watches files and applies changes to a live site in a browser without refresh.

http://livereload.com

tools, browser, refresh, workflow, developer,

jQuery Vector Maps

http://jqvmap.com

1 note

jquery, maps, vector, svg, tools,

Modern Web Dev: Webkit Inspector

Great overview of how to use webkit inspector in your workflow.

http://jtaby.com/2012/04/23/modern-web-development-part-1.html

tools, developer, debug, tutorial,

Chrome Dev Tools Breakpoints Tutorial

https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints

debug, tools, tutorial, javascript, developer,

Demonstrating Responsive Web Design to Clients

Nice little page for showing off responsive websites. Enter in URLs to show how sites look on different devices.

http://Nice little page for showing off responsive websites. Enter in URLs to show how sites look on different devices. http//jamus.co.uk/demos/rwd-demonstrations/

tools, responsive web design, mobile,

MoboSurvey

Design custom surveys.

http://mobosurvey.com/survey/designer

tools, forms,

uʍop-ǝpısdn ǝdʎʇ

http://revfad.com/flip.html

tools, design, webfonts,

Responsive Wireframes

Nice demo of how responsive design works via a wireframing tool proposal. Click the mobile button to see it transform.

http://www.thismanslife.co.uk/projects/lab/responsivewireframes/#desktop

1 note

responsive web design, tools, wireframe,

Kickstrap

Themes, enhancements and goodies for Twitter’s Bootstrap.

http://ajkochanowicz.github.com/Kickstrap/index.html

1 note

bootstrap, framework, tools, responsive web design,

Chrome Dev Tools Cheatsheet

https://github.com/borismus/DevTools-Lab/raw/master/cheatsheet/chromedev-cheatsheet.png

chrome, debug, tools,

Style Tiles

Style tiles are a great method of design for the modern web. It is about developing a design system, rather than fixed pages.

http://styletil.es

http://www.alistapart.com/articles/style-tiles-and-how-they-work/

1 note

css, web design, tools, developer,