This document provides a list of web design and development tools categorized by their purpose. It includes tools for designing a site like Photoshop and InDesign, wireframing with Axure, using grids with a responsive pattern library, building sites with Sublime Text and HTML5 Boilerplate, making sites pretty with CSS, and testing across viewports and devices. It also shows mockups of a website homepage with navigation, intro content, buttons, thumbnails, maps, and footer calls to action. Revisions are noted between versions 2.0 and another version.
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Presso responsive
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14. inspire it wireframe it
siteinspire.com axure.com
DESIGN IT see it
Photoshop indesign etc etc bjango.com/mac/skalapreview
grid it test IT
bradfrost.github.com/this-is-responsive/patterns.html lab.maltewassermann.com/viewport-resizer/
build IT make it sexy
www.sublimetext.com jquery.com
BOILERPLATE it make it pretty
html5boilerplate.com css-tricks.com
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25. TOP NAV
HOME - ABOUT - CONTACT (CALL US ON MOBILE)
MY TALKor video + FREE TIX + FREE BEER
intro to seminar banner button BUTTON
THUMBNAILs
other talks + MAPS
google
FOOTER CTA
CALL TO ACTION
32. v2.0
TOP NAV
HOME - ABOUT - CONTACT (CALL US ON MOBILE)
COPY +seminar
intro to
IMAGE + video
another seminar
BUTTONS
+ book a ticket
THUMBNAILs
other seminars + TWITTER
live feed
FOOTER
legals + Trademarks