Welcome!

UPDATE: This list is no longer maintained. I've moved it to its own repo so you can send suggestions as Pull Requests. https://github.com/dideler/bootstrapping/

For feedback or suggestions, please send a tweet (@dideler). Gist comments don't notify me. Pull requests aren't possible with gists (yet), so I don't recommend forking because then I can't easily get the change.

Starring this gist will give me an idea of how many people consider this list useful.

---

• OpenStrategy - kinda like this list, but much nicer presentation

Contents

• Web development
• Website foundations
• Forms
• Frameworks / JS plugins
• Logins
• Frontend design
• Reading material (blogs)
• Wireframing / Mockups / Prototyping
• Icons
• Background patterns
• Fonts
• Photos
• Miscellaneous
• CSS
• Static blog generators / content editors # todo: split into subsections
• Learning / reference materials
• Style guides
• Mobile
• Email
• Conversion
• Online payment
• Marketing
• Market research
• Licenses & legal
• Teamwork / collaboration / pairing
• Documentation
• Testing / support / feedback
• Events
• Security
• Version control
• Continuous integration and deployment
• Music
• Hackathons
• Scheduling

TODO

• Organize the unorganized resources
• Improve flow by grouping similar sections and putting popular categories higher up
• More detailed sections & subsections
• Improve header names
• Split content into free & paid categories (or at least identify paid resources if not split)
• Add one-line descriptions to every resource
• Identify resources that need updating (e.g. descriptions, names, 404s, etc.)
• Add section with links to some of my other useful gists (e.g. interview prep, startup engineering notes)

Web Dev

Website Foundations

• Weebly - "easiest way to create a website" (even handles hosting)
• jottit - super simple website creation, by Aaron Swartz
• Selfstarter - your own crowdfunding page
• Zurb Foundation
  • What Fucking Layout Should I Use?
• Twitter Bootstrap
  • Bootstrap Awesome - Premium Bootstrap Themes & Templates
  • Jetstrap - quickly build bootstrap interfaces
  • Big Badass List of Bootstrap Resources
  • Bootstrap Buttons
  • Bootstrap Generator
  • Bootstrap Form Helpers - Countries, States, Phone
  • BootMetro - Windows 8 style framework
  • Bootswatch - Free bootstrap themes
  • Bootsnipp - code snippets for bootstrap
  • Bootstrap Switch
  • Bootstrap Datepicker
  • Toggle switches

Forms

• FormBakery - "professional forms for web-designers"
• Wufoo - "amazing online forms"

Frameworks / JS plugins

• TogetherJS - real time collaboration made easy
• PeerCDN - peer-to-peer distributed CDN
• node.js
• meteor.js
• turn.js: HTML5 page turner
• mailcheck.js -- tutorial for v1.0
• jQuery Masonry: dynamic layout plugin
• 8 Most Popular jQuery plugins of 2012
• jQuery File Upload
• jQuery Knobs
• Chosen - user-friendly select boxes (Select2 is a more up-to-date fork)
• holder.js - image placeholders
• filepicker.io
• infinity.js (improves scroll smoothness of very-expensive-to-render pages)
• BigVideo.js - background video(s) that fit the window size
• pickadate.js
• alertify.js - Alert & Notification System
• framebase - complete video backend hosting without all the hassle

Logins

• NoPassword
• (Mozilla) Persona - (Quick setup)

Design (Frontend)

Reading Material (blogs)

• A List Apart - blog
• Site Inspire - blog
• UX Movement - blog
• Graphic Design Inspiration - blog
  • Light Bulb Logo Ideas

Wireframing / Mockups / Prototyping

• Omnigraffle - Mac only, use with free stencils
• POP - prototype on paper, take pictures, simulate interaction on phone
• Lucidchart - lots of different tools and real-time collaboration
• Easel - works with bootstrap
• UXPin - UX Design Platform that focuses on solving problems
• UXPorn - Collection of wireframe templates and UI design patterns
• Wirify - bookmarklet that turns any web page into a wireframe
• InVision - Free web & mobile prototyping and UI mockup tool
• Templated - Free HTML5/CSS3 site templates
• HTML5 UP - Free HTML5/CSS3 site templates

Icons

• Evil Icons - lightweight SVG igons available via node packgage or ruby gem
• Entypo - 250+ carefully crafted pictograms
• Iconic - Advanced icons for the modern web
• Iconfinder - icon search engine
• IcoMoon - free high quality icons, icon fonts, icon builder
• Humanitarian Icons
• Font Awesome - iconic font designed for Bootstrap
• Icon Deposit
• Flags
• The Noun Project - high quality and royalty-free
• Batch - 300 icons for web and user interface design
• iconmonstr

Background Patterns

• The Pattern Library - Free to use patterns by awesome designers
• Subtle Patterns
  • Subtle Patterns bookmarklet - quickly try different backgrounds on your site
• Stripe Generator

Colours

• Colour Lovers - colours, colour palettes, patterns
• Colour Scheme Designer

Fonts

• TypeTester
• The League of Moveable Type (open source typography)
• Font Squirrel
• Google Web Fonts
• Lobster Font
• Subtle Sans
• Font Foundry

Photos

Free to use unless otherwise stated.

• Stock Up - Search the best free stock photo websites in one place
• Flickr: The Commons - old photos now in public domain
• Flickr: Creative Commons
• Flickr: British Library Archive
• Google Images - License filter
• Unsplash - 10 free photos every 10 days
• Stuck in Customs by Trey Ratcliff - CC, free to use, no commercial
• iStockPhoto - Stock photos, illustrations, video and music. Costs $
• foter - commercial and non-commercial use
• PlaceIt - Quickly generate product screenshots in realistic environments
• Getty Search Gateway - free for commercial and non-commercial use (with attribution)
• Stock photos that don’t suck
• AppGif - Created animated GIFs of screenshots, shown on a device

Logos

• Hipster Logo Generator

Misc

• ByPeople - logos, characters, patterns, icons, themes, ribbons, boxes, fonts, banners, templates, buttons, badges, shadows, backgrounds, sliders
• How to make your site look half-decent in half an hour
• CSSFlow - CSS Code Snippets & UI Kits for Web Developers
• CodePen Patterns - A collection of design patterns & code for your project

CSS

• Skrollr - parallax scrolling
• Ladda - Buttons with built-in loading indicators
• Topcoat - CSS for clean and fast web apps
• Pure - responsive CSS modules (flat design)
• Metro UI
• Effeckt.css - Performant CSS transitions & animations
• jQuery Transit - smooth CSS3 transitions for jQuery
• CSS arrow please!
• 3D Ribbon Generator
• CSS Hexagon Tutorial
• 30 CSS selectors you must memorize
• CSS Remix
• TheCodePlayer - HTML5, CSS3, JS tutorials

Static Blog Generators / Content Editors

• Jekyllhub
• Jekyll Bootstrap
• Octopress - Jekyll framework
• Speech Hub
• Svbtle - invite only
• Obtvse - Ruby clone of Svbtle
• Simple - Python clone of Obtvse
• ruhoh - by the creator of Jekyll Bootstrap
• Nesta CMS
• Jekyll SEO script
• Spinto App
• Hakyll
• Prose - content editor for GitHub
• mark - free web-based markdown editor, login with github, converts to html and pdf
• gistblog - blogging platform on top of GH gists
• Cabin - Simple and extensible static site generator powered by Grunt.
• Harp - static web server with built-in preprocessing
• Formspree - HTML forms for your static sites
• Brace - host static sites from Dropbox

Learning / Reference Material

• Free programming books (categorized by programming and natural language)
• Web Platform - an open community of developers building resources for a better web
• List of freely available programming books
• PHP (The Right Way)
• Mozilla Developer Network
• Eloquent JavaScript
• HTML Blog
• CSS Basics
• CSS Tricks
• Dive Into HTML5
• JavaScript Design Patterns
• How to GitHub: Fork, Branch, Track, Squash and Pull Request
• Intro to Version Control with Git
• The Hitchhiker’s Guide to Python!
• How Lee Munroe designed the Runnable logo
• Codrops Tutorials - web development & design techniques (and demos)
  • An example of one of their amazing demos: http://tympanus.net/Tutorials/NaturalLanguageForm

Style Guides

• Google (C++, Objective-C, Python, HTML/CSS, JavaScript)
• GitHub (CSS, JavaScript, Ruby)

Mobile

• Parse - Focus on UX and stop worrying about server maintenance and complex infrastructure
• Framer - prototyping toolkit

Email

Note: In some cases it's better to send a validation email.

• Mailgun email validation API
  • Mailgun is amazing, check out their docs to see what else they can do
• Email It In - email validator
• Campaign Monitor - attract new subscribers, send them beautiful email newsletters and see stunning reports on the results
• Mailchimp - Send Better Email
• Movable Ink - Agile email marketing: dynamically update your content after it is delivered
• Litmus - test and track your emails
• Return Path - smarter marketing and brand protection using email data
• Mail Tester - Test the Spammyness of your Emails
• Tips for making sure your email is delivered (and not marked as spam or ignored)
• Open Source HTML Email Templates
• Responsive Email Patterns - A collection of patterns & modules for responsive emails
• Really Good Emails - Collection of well designed emails

Litmus and Return Path also allow you to test how your html email looks across all email clients and browsers.

Conversion

• Top strategies for conversion optimization
• PageSpeed Insights
• Designing Landing Pages
• ConvertKit - email capture forms + drip email campaign
• LaunchRock - quickly set up a "Launching soon" page

Online Payment

• Braintree - Accept payments in your app or website
• Stripe
  • Checkout - easily integrate Stripe directly into your website
  • jquery.payment - library for building credit card forms, validating inputs, and formatting numbers
• Gumroad - for small transactions
• Skeuocard - enhances credit card inputs using a skeuomorphic interface
• Signature Pad - capture smooth signatures (open source)
• Churn Buster - Stop losing money to failed payments in Stripe
• Card - Make your credit card form better in one line of code.

Marketing

• Guide to Press Coverage
• StickerMule - high quality custom stickers
• Vimeo Video School
• MailGun - programmable mail servers
• Smore - easily create flyers & posters
• Dissolve - Royalty free HD stock video footage from $5 per clip
• Domainr - fast, free, domain name search

Market Research

• Facebook advertising - use it for a census (e.g. size of of target audience, polls, etc)
• Google Keyword Planner
• SEC Filings

Licenses & Legal

• Choosing an OSS License - provided by GH
• TL;DR Legal - SW licenses in plain english
• HelloSign - Sign documents from inside Gmail
• TermsFeed - Privacy Policy and Terms of conditions generator
• iubenda - Another Privacy Policy and Terms generator

Teamwork / Collaboration / Pairing

• codeshare.io - instant browser-based code sharing in real-time
• Screenhero - Screen sharing + Multiple mouse cursors + Voice chat
  • See Justin Gordon use it with Hangouts
• Termbeamer - share terminal across the internet
• Floobits - use native text editors to collaborate on code in real-time
• Flootty - very simple collaborative terminal (requires free Floobits account)
• wemux - improved multi-user terminal multiplexing (requires tmux) e.g. pair programming in the shell
• vLine- free & simple WebRTC video chat
• QuicklyChat - push-to-talk video chats for coworkers
• Google Hangouts
  • works with Google Drive
• Web Sequence Diagrams
• meetings.io - no signup and designed for small meetings
• Skype - best for 1-on-1 calls
• Scaling a development team
• TypeWithMe
• collabedit - simple collaborative text
• Etherpad - online collaborative editor
• Open Etherpad
• screenr
• join.me
• screenleap
• YuuGuu
• sprint.ly
• AgileZen - project management s/w, uses boards and cards like Trello + other features
• Trello
• HipChat - team chat, free for teams up to 5, $2 per person per month after that
• Kandan - open source HipChat alternative
• Campfire - team chat by 37signals
• hall - another group chat for teams, has free and paid plans
• Phabricator - like Trac, created at Facebook
• trac - wiki and issue tracking system for software development projects
• asana - task management for teams
• BaseCamp - project management & collaboration, by 37signals
• Piazza - free teacher/student real-time collaboration
• PowWow - collaborative screen sharing (like Google docs for anything)
• Chrome Remote Desktop - a Chrome extension, use for remote assistance or accessing your own computers
• writeLaTeX - collaborative LaTeX editor with previews
• ShareLaTeX - similar to writeLaTeX
• ScribTex - not real-time collaboration
• TitanFile - professional file sharing and collaboration
• Slack - real-time messaging, archiving and search for teams. completely free
• Flowdock - group chat and team inbox for teams; integrates with GitHub, Jira, Trello, and more.
• Chromebox for meetings - Starting at $999, $250 annual management & support fee (starts 2nd year)
• Peak - know what everyone on the team is doing without distracting them
• sqwiggle

A good wireless headset (e.g. Corsair Vengeance 2000) will come in handy when remote pairing.

Coworking spaces

• Desktime - Accept payments, book your space, and build a community with a single web-based app. Also has a directory of coworking spaces.

Documentation

• Sphinx - write docs in reStructuredText and output to many formats
• ASCII Flow - create diagrams in ASCII
• Read the Docs - free documentation hosting

Testing / Support / Feedback

• Peek by UserTesting - random user evaluates your site for free (targeted users is not free)
• AboutMyBrowser
• Survey.io
• errorception - Painless JS Error Tracking
• ExceptionHub - JS error tracking
• Polar Polls - simple 2-choice polls for user engagement
• Aircall - The easiest phone solution for entrepreneurs and companies
• ethnio - Recruiting for User Research
• Olark - Live chat. Make customers happy, one chat at a time
• Helpful - Simple support tool designed for startups
• Intercom - User intelligence and customer communication (free to observe user activity)
• Typeform - Free beautiful surveys and forms

Events

• Conference Badge - Name badges. Easy and fast.

Security

• Storing passwords securely (info)
• PassLib (Python)
• Meldium - Password management for teams

Version Control

• GitLab - Self hosted Git management software, similar to GH
• GitLab Cloud - if you don't want to host it yourself; free private repos up to 10 users
• BitBucket - By Atlassian, integrates nicely with their products. Free for 5 users.
• hub (git wrapper for working with GitHub via CLI)
• gum - friendlier git CLI
• Legit
• William's miscellaneous git tools
• GitHub Buttons
• Hg Init (Mercurial tutorial by Joel Spolsky)
• Huboard - Trello style interface for GitHub issues
• Waffle- Trello for GitHub issues (better than Huboard)
• Bitbucket - git & mercurial, free private repos

Continuous Integration and Deployment

• CircleCI - connects to GitHub

Music

If you need a little something to get wired in!

• mixture.fm
• Grooveshark
• Hype Machine
• Classic DJ Mixes
• Mix Cloud
• coding.fm -- probably better for getting in the coding mood (rather than staying in it)

Hackathons

• Posters by Facebook Analog Research Lab - "to inspire, motivate, and question our internal ideas"
• Hackday - Web app to manage and run hackathons
• Hacker League - to handle hackathon planning and organization

Scheduling

• YouCanBookMe - integrates with Google Calendar, great for organizing interviews
• When is Good - find out when everyone is free for your next meeting or event, hassle-free
• Doodle
• Envoy - visitor registration on the ipad

Shit that still needs to be categorized

• PkgHub - the new way to host your Ubuntu packages
• Open Build Service - generic system to build and distribute packages from sources
• Entrepreneurial ideas
• webshell - one API to rule them all
• Python APIs
• The Startup Legitimizer - quickly embed a press module (i.e. the 'featured in' banners)
• reveal.js - awesome web slides for presentations
• TinyPNG
• avatars.io
• FileLinker
• Google Developers - Startups
• The Toolbox
• shit for making websites
• JSFiddle
• Field Guide to Web Applications - by Google
• Yahoo! (UI) Design Pattern Library
• Forrst
• Pattern Tap
• Dribble
• Building successful online communities: Evidence-based social design
• Modern Web Development - part 1
• dotfiles
• mosh - mobile shell (replaces ssh), designed to work well on mobile networks
• Network-Tools.com
• WakaTi.me - Automatic time tracking for your text editor (uses the cloud)
  or this gist for local time-tracking with Vim
• Symposion - conference management solution
• Koding - cloud dev environment (uses VMs as your servers)
• Fake Name - Generate a random fake name, address, username, password, and (usable) email address