10. Adobe Edge Reflow CC (public preview)
Adobe's new Tool for Responsive Design
Edge Reflow is a design tool, not a development tool
http://html.adobe.com/edge/reflow/
11. Webfonts testing â typecast.com
Choose font and compare side by side
http://typecast.com/
18. âDer Viewport â das unbekannte Wesenâ (german)
Blogpost about the problem of "Responsive Testing Tools" and
screen sizes
http://maddesigns.de/meta-viewport-1817.html
21. Duo
Duo Browser â develop mobile and desktop simultaneously (incl.
Devtools) â Mac from OSX 10.8
there is also a Firefox Extension:
Responsive Side Panel (Firefox Addon)
23. Emulators
iOS Simulator
Android Emulator
GENYMOTION â The faster Android emulator
Windows Phone Emulator
Opera Mini Simulator
Firefox OS Simulator
Problems
CPU from Development
no Touch
¡
¡
¡
¡
¡
¡
¡
¡
24. Services
BrowserStack â Live, Web-Based Browser Testing
modern.ie â Testing Internet Explorer
Problems
no Touch
¡
¡
¡
41. Sass 3.3 Debugging
Sass Source Maps helps debugging
Source Maps connects the devtools with the original files
Faster Sass debugging and style iteration with source maps, Chrome Web Developer Tools and Grunt
42. Real World Debugging - Simulating slow speed
Network Link Conditioner (Mac OSX / iOS)
Enabling Network Link Conditioner on iOS Devices