7. FONTS
FINDING OUT FONT FROM MOCKUP/SCREENSHOTS
HTTP://WWW.MYFONTS.COM/WHATTHEFONT/
INSPECTING FONTS WITH CHROME INSPECTOR
8. BACKGROUNDS
VALIDATING THE COLORS & GRADIENTS
EYE DROPPER EXTENSION FOR CHROME
TEST FOR PATTERN CONSISTENCY
VARYING TEXT LENGTHS VIA CHROME INSPECTOR
9. FIXED VS FLUID LAYOUTS
VALIDATING THE LAYOUT FOR MULTIPLE RESOLUTIONS
USING THE BROWSER ZOOM
FLUID LAYOUTS
NOT EVERYTHING NEEDS TO BE FLUID
10. RESPONSIVE DESIGN
THE SNAP POINTS
SUPPORTING MULTIPLE SCREENS WITH MEDIA QUERIES
DECIDING UPON THE NUMBER OF SNAP POINTS
TESTING DIFFERENT SCREEN SIZES
WINDOW RE-SIZER EXTENSION FOR CHROME
IOS SIMULATOR
11. ICONS & GRAPHICS
TESTING FOR RETINA DEVICES
IOS SIMULATOR
THE SOLUTION
MEDIA QUERIES (MIN-DEVICE-PIXEL-RATIO)
12. THE TOOLKIT
THE CHROME INSPECTOR
MEASURELT
WHAT THE FONT
EYE DROPPER EXTENSION
WINDOW RE-SIZER EXTENSION
THE BROWSER ZOOM
IOS SIMULATOR