List of Website Design Tools
- Twitter Bootstrap – Twitter toolkit for development of slick, intuitive webapps and sites
- Bootsnip– – free HTML snippets for Bootstrap
- WrapBootstrap – Themes for Bootstrap
- Bootswatch – More themes for Bootstrap
- Buttons for Bootstrap
- Google Web Fonts – open API of 613 web fonts
- Google Font Pairs – how to mix fonts and finding ideal pairings
- Subtle Patterns – free tileable textured patterns
- iStock Photos – Royalty Free stock photos and images
- Fotolia – images, vectors and videos- pay as you go or subscription
- 123RF – 19 million stock photos
- ColorSchemeDesigner – find complementary colors
- ColourLovers – share colors, palettes, and patterns
- Meteor – open source platform for building web apps
- ThemeForest – site templates cheap
- Scraster– Record screen and webcam. Simple editing. Perfect for screencasts or user studies
- Microsoft WebMatrix – Web server, database, and ASP.NET and PHP
- AppMakr – Mobile Ap Creator create quick mobile apps
- EditMe – create collaborative websites
- GooglePageSpeed – optimize your web pages
- Launchbit – online web site class for novices
- Zencoder – online video converting/encoding/transcoding service
- Google: HTML, CSS and Javascript from the Ground Up
List of Website Designs / Designers
- 99 Designs – marketplace for crowdsourced graphic design
- IconFinder – great way to find free graphic icons on the web
- FindIcons – 400,000+ icons on the web
- xScope – measure, align and inspect on-screen graphics and layouts
- Scoutzle – curated community for the best mobile designers
List of Website / Browser Testing
- AdobeBrowserLabs – preview web pages across multiple browsers and OS’s
- Sauce Labs – cross-browser testing in the cloud
- Browerstack – test websites across all browser w/debugging tools
- CrossBrowserTesting – pick an OS, pick a browser, pick a website
- Testling – cross browser testing
- Browershots – free browser testing makes screenshots in different os’s and browsers
- 99Tests – Crowdsourced software testing
- BetaList – get beta testers online
List of Website A/B & Landing Page Testing
- A/B Testing Tutorial – read first
- Landing Page Tutorial
- Fivesecondtest – Landing page optimization
- Subintent – A/B testing + page optimization for best conversion rates
- VisualWebSiteOptimizer – A/B testing (split tests)
- Optimizely – A/B testing (split tests) made easy
- Evan’sAwesomeA/BTools – evan miller
- How not to run A/B testing -evan miller
- Silverback – usability testing for designers and developers
- FeedbackArmy – web usability testing
- 37Signals Advice on A/B testing
List of Website Usability Testing / Heat Maps / Mouse Tracking
- Usertesting – $39 live users testing your site – cheap
- Userfy – live user testing of your site
- YouEye – usability testing with webcam eye tracking
- LuckyOrange – affordable usability testing, heat maps, polls, visitor map
- Experimently – heat maps, A/B testing experiments
- FiveSecondTest – fine-tune landing pages
- TryMyUI– watch videos of users using your site
- FeedbackArmy – $20 website usability testing
- WhatUsersDo – UK live usability testing
- Clicktale – watch live clicks and browsing, optimize usability
- Usabilla – Micro usability tests
- OptimalWorkshop – tool suite for remote user research
- Clickheat – heat map of a website (where do users click)
- Mouseflow – attention heatmaps, mouse tracking and video playback
- Clixpy – tracks users clicks and browsing
- Openhallway – lets you remotely record user test scenarios
- InspectLet – Usability testing/Heat Maps and screen capture
- UsabilityTools – discover user needs, increase conversion rates
- Criticue.com – web designers get free feedback about their designs
- HeatData – heatmaps for Mobile website
- Heatma.ps – Heatmaps for IOS apps
- Clutch.io – A/B testing for Mobile Apps
- TestFlight – IOS beta testing on the fly
- Elusivestars – mobile app testing for developers
- Testin – cross platform automated app testing solutions
- Pusher – hosted API for realtime mobile/web apps
- Corona – mobile development platform
- PerfectoMobile – mobile app testing
- MobiReady – testing tool evaluates website mobile-readiness
- GoMez – test your website for “mobile ready”
- Rigor – test/monitor performance of mobile apps/websites
- W3C Mobile OK – test your website for mobile
- Google Page Speed – test your mobile speed
- AppMockUpTools – iPhone App Mockups
List of Web Drawing Libraries
- Paperjs – vector graphics scripting framework runs on HTML5 Canvas
- Raphael – vector graphics JavaScript library – best for older browsers
- Processingjs – vector graphics scripting framework runs on HTML5 Canvas
List of Wireframing Tools & Tutorials
- Read this UX tutorial first – Alan Wells
- Great list of rapid prototyping tools here – dan harrelson
- POP – Prototyping on paper for the iPhone
- Keynotopia – use PowerPoint/Keynote to create web/mobile apps – Cool!
- JustinMind– define web and mobile apps with interactive prototypes
-
- JustinMind UserNote – get user feedback/test usability
- Lean Design – design using HTML5-editor and automatically convert it to XHTML/CSS
- Balsamiq– rapid wireframing tool. software mockups in minutes
- Napkee – export Balsamiq Mockups to HTML/CSS/JS and Adobe Flex 3 at a click of a button
- FluidU/I – mobile prototypes for IOS
- Draw.io – draw diagrams online
- Moqups – HTML5 App used to create wireframes, mockups or UI concepts
- MxGraph – client side JavaScript diagramming library
- Pencil– Firefox add-on to do GUI prototyping and simple sketching
- Lumzy – quick mockup creation and prototyping
- CSS Hat – Turn Photoshop layers into CSS3
- Mockflow – online/offline, extensible wireframing tool w/design library
- OmniGraffle – it’s been around before the web even existed
- Wirify – turn any webpage into a wireframe
- LucidChart – Cloud-based drawing tool
- InVision – UX Prototyping from jpg, .png or .gif files
- Cacoo – free online drawing tool
- Axure – Wireframing, prototypes: buil-in widgets and shapes
- HotGloo – Online Wireframing Tool
- Mocksup – Share your web site mockups
- Mockingbird – Mock it up and share web site wireframes
- Protoshare – website wireframing
- Gliffy – Online Diagraming
- Keynotopia – wireframing + high fidelity (pixel perfect) prototyping tool
- Free Wireframe templates for iPhone, iPad and Web
- Wireframing Tutorial
List of Blogging & Comments Services
List of Q&A Sites
- Stack Overflow – questions and answers for programmers
- StackExchange – expert answers to your questions
- Social Source Commons Q&A/tools for non-profit programmers
- Social Source blog– blog for non-profit programmers
- Quora – questions and answers for non-programmers
- Yahoo Answers – post questions, sometimes get answers