**Welcome!** If you have any suggestions, please **leave a comment** and mention me ( **@dideler** ) so I get a notification. Pull requests aren't possible with gists (yet), so comments are more useful than forking this to make changes. Don't forget to **star this gist!** ##### TODO * Organize resources into sections * More detailed sections (perhaps sections & subsections) * Split content into free & paid categories * table of contents with links to sections # Web Dev ## Website Foundations - [Weebly](http://www.weebly.com/) - "easiest way to create a website" (even handles hosting) - [jottit](https://www.jottit.com/) - super simple website creation, by Aaron Swartz - [Selfstarter](https://github.com/lockitron/selfstarter) - your own crowdfunding page - [Zurb Foundation](http://foundation.zurb.com/) * [What Fucking Layout Should I Use?](http://www.whatfuckinglayoutshouldiuse.com/) - [Twitter Bootstrap](http://twitter.github.com/bootstrap/) - [Kickstrap](http://ajkochanowicz.github.com/Kickstrap) - [Jetstrap](http://jetstrap.com/) - quickly build bootstrap interfaces - [Big Badass List of Bootstrap Resources](http://www.bootstraphero.com/the-big-badass-list-of-twitter-bootstrap-resources) - [Bootstrap Buttons](http://charliepark.org/bootstrap_buttons/) - [Bootstrap Generator](http://www.martinbean.co.uk/bootstrap-generator/) - [Bootstrap Form Helpers](http://vlamanna.github.com/BootstrapFormHelpers/) - Countries, States, Phone - [BootMetro](http://aozora.github.com/bootmetro/) - Windows 8 style framework - [Bootswatch](http://bootswatch.com/) - Free bootstrap themes - [Bootsnipp](http://bootsnipp.com/) - code snippets for bootstrap #### Forms - [FormBakery](http://formbakery.com/) - "professional forms for web-designers" - [Wufoo](http://www.wufoo.com/) - "amazing online forms" Frameworks / JS plugins ----------------------- - [PeerCDN](https://peercdn.com/) - peer-to-peer distributed CDN - [node.js](http://nodejs.org/) - [meteor.js](http://www.meteor.com) - [turn.js](http://www.turnjs.com/): HTML5 page turner - [mailcheck.js](https://github.com/kicksend/mailcheck/tree/edge) -- [tutorial for v1.0](http://andrewberls.com/blog/post/13) - [jQuery Masonry](http://masonry.desandro.com/): dynamic layout plugin - [8 Most Popular jQuery plugins of 2012](http://www.moretechtips.net/2012/02/8-most-popular-jquery-plugins-of.html) - [jQuery File Upload](https://github.com/blueimp/jQuery-File-Upload) - [jQuery Knobs](http://anthonyterrien.com/knob/) - [Chosen](http://harvesthq.github.com/chosen/) - user-friendly select boxes ([Select2](http://ivaynberg.github.com/select2/) is a more up-to-date fork) - [holder.js](http://imsky.github.com/holder/) - image placeholders - [filepicker.io](https://www.filepicker.io/) - [infinity.js](http://airbnb.github.com/infinity/) (improves scroll smoothness of very-expensive-to-render pages) - [BigVideo.js](http://dfcb.github.com/BigVideo.js/) - background video(s) that fit the window size - [pickadate.js](https://github.com/amsul/pickadate.js) - [alertify.js](https://github.com/fabien-d/alertify.js/) - Alert & Notification System - [framebase](https://framebase.io/) - complete video backend hosting without all the hassle Logins ------ - [NoPassword](https://nopassword.alexsmolen.com/) - [(Mozilla) Persona](https://persona.org/) Design (Frontend) ------- #### Reading Material (blogs) - [A List Apart](http://www.alistapart.com/) - blog - [Site Inspire](http://siteinspire.com/) - blog - [UX Movement](http://uxmovement.com/) - blog - [Graphic Design Inspiration](http://www.graphicdesigninspiration.net/) - blog * [Light Bulb Logo Ideas](http://www.graphicdesigninspiration.net/2012/09/02/25-cool-designs-of-light-bulb-logo-designs/) #### Wireframing - [Omnigraffle](http://www.omnigroup.com/products/omnigraffle/) - Mac only, use with [free stencils](http://konigi.com/tools/omnigraffle-wireframe-stencils) - [POP](http://popapp.in/) - prototype on paper, take pictures, simulate interaction on phone - [Lucidchart](https://www.lucidchart.com/) - lots of different tools and real-time collaboration #### Icons - [IcoMoon](http://icomoon.io/app) - free high quality icons, icon fonts, icon builder - [Humanitarian Icons](http://thenounproject.com/collections/ocha-humanitarian-icons/) - [Font Awesome](http://fortawesome.github.com/Font-Awesome/) - fonticons - [Icon Deposit](http://www.icondeposit.com/) - [Flags](https://www.gosquared.com/resources/2400-flags) - [The Noun Project](http://thenounproject.com/) - high quality and royalty-free - [Batch](http://adamwhitcroft.com/batch/) - 300 icons for web and user interface design #### Background Patterns - [Subtle Patterns](http://subtlepatterns.com/) - [Subtle Patterns bookmarklet](http://bradjasper.com/subtle-patterns-bookmarklet/) - quickly try different backgrounds on your site - [Stripe Generator](http://www.stripegenerator.com/) - [Colour Lovers](http://www.colourlovers.com/) - colours, colour palettes, patterns #### Fonts - [TypeTester](http://www.typetester.org/) - [The League of Moveable Type](http://www.theleagueofmoveabletype.com/) (open source typography) - [Font Squirrel](http://www.fontsquirrel.com/) - [Google Web Fonts](http://www.google.com/webfonts) - [Lobster Font](http://www.impallari.com/lobster/) - [Subtle Sans](http://www.subtlepatterns.com/subtlesans/) - [Font Foundry](http://www.exljbris.com/) #### Photos (free to use) - [Flickr: The Commons](http://www.flickr.com/search/?w=commons&q=) - old photos now in public domain - [Flickr: Creative Commons](http://www.flickr.com/search/?q=&l=cc&ss=0&ct=0&mt=photos&w=all&adv=1) - [Google Images](https://www.google.com/search?as_st=y&tbm=isch&hl=en&as_q=venice&as_epq=&as_oq=&as_eq=&cr=&as_sitesearch=&safe=images&tbs=sur:fmc&biw=950&bih=979&sei=XaenUcq1MuTl0QHvoIDYDQ) - License filter - [Unsplash](http://unsplash.com/) - 10 free photos every 10 days - [Stuck in Customs by Trey Ratcliff](http://www.flickr.com/photos/stuckincustoms/) - CC, free to use, no commercial #### Misc - [ByPeople](http://www.bypeople.com/) - 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](http://24ways.org/2012/how-to-make-your-site-look-half-decent) #### CSS - [Skrollr](http://prinzhorn.github.io/skrollr/) - parallax scrolling - [Ladda](https://github.com/hakimel/Ladda) - Buttons with built-in loading indicators - [Topcoat](http://topcoat.io/) - CSS for clean and fast web apps - [Pure](http://purecss.io/) - responsive CSS modules (flat design) - [Metro UI](http://metroui.org.ua/) - [**Effeckt.css**](http://h5bp.github.io/Effeckt.css/dist/) - Performant CSS transitions & animations - [jQuery Transit](http://ricostacruz.com/jquery.transit/) - smooth CSS3 transitions for jQuery - [CSS arrow please!](http://cssarrowplease.com/) - [3D Ribbon Generator](http://www.css3d.net/ribbon-generator/) - [CSS Hexagon Tutorial](http://jtauber.github.com/articles/css-hexagon.html) - [30 CSS selectors you must memorize](http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/) - [CSS Remix](http://cssremix.com/) - [TheCodePlayer](http://thecodeplayer.com/) - HTML5, CSS3, JS tutorials Static Blog Generators / Content Editors ----------------------------------------- - [Jekyllhub](https://jekyllhub.com/) - [Jekyll Bootstrap](http://jekyllbootstrap.com/) - [Octopress](http://octopress.org/) - Jekyll framework - [Speech Hub](http://alvesjnr.github.com/blog/pages/permalinks/how-to-make-your-github-static-page-a-blog2012-Mar-30.html) - [Svbtle](http://svbtle.com/) - invite only - [Obtvse](https://github.com/natew/obtvse) - Ruby clone of Svbtle - [Simple](https://github.com/orf/simple) - Python clone of Obtvse - [ruhoh](http://ruhoh.com/) - by the creator of Jekyll Bootstrap - [Nesta CMS](http://nestacms.com/) - [Jekyll SEO script](https://github.com/bhardin/jekyll-seo-script) - [Spinto App](http://www.spintoapp.com/) - [Hakyll](http://jaspervdj.be/hakyll/) - [Prose](http://prose.io/) - content editor for GitHub - [mark](http://getmark.herokuapp.com/) - free web-based markdown editor, login with github, converts to html and pdf - [gistblog](https://github.com/jazzychad/gistblog) - blogging platform on top of GH gists Learning / Reference Material ----------------- - [Web Platform](http://webplatform.org/) - an open community of developers building resources for a better web - [List of freely available programming books](http://stackoverflow.com/questions/194812/list-of-freely-available-programming-books) - [PHP (The Right Way)](http://www.phptherightway.com/) - [Mozilla Developer Network](https://developer.mozilla.org/en-US/) - [Eloquent JavaScript](http://eloquentjavascript.net/) - [HTML Blog](http://htmldog.com/) - [CSS Basics](http://www.cssbasics.com/) - [CSS Tricks](http://css-tricks.com/) - [Dive Into HTML5](http://diveintohtml5.info) - [JavaScript Design Patterns](http://addyosmani.com/resources/essentialjsdesignpatterns/book/) - [How to GitHub: Fork, Branch, Track, Squash and Pull Request](http://gun.io/blog/how-to-github-fork-branch-and-pull-request/) - [Intro to Version Control with Git](http://csiflabs.cs.ucdavis.edu/~mehrdada/teaching/ecs40a/winter11/introduction-to-version-control-with-git.html) - [The Hitchhiker’s Guide to Python!](http://python-guide.org) - [How Lee Munroe designed the Runnable logo](http://checkthis.com/logodesign) Style Guides ------------ - [Google](http://code.google.com/p/google-styleguide/) (C++, Objective-C, Python, HTML/CSS, JavaScript) - [GitHub](https://github.com/styleguide/) (CSS, JavaScript, Ruby) Conversion ---------- - [Top strategies for conversion optimization](http://www.quora.com/What-are-some-top-strategies-for-conversion-optimization) - [PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights) - [Designing Landing Pages](http://sixrevisions.com/content-strategy/designing-landing-pages/) Online Payment -------------- - [Stripe](https://stripe.com/) - [Checkout](https://stripe.com/docs/checkout) - easily integrate Stripe directly into your website - [jquery.payment](https://github.com/stripe/jquery.payment) - library for building credit card forms, validating inputs, and formatting numbers - [Gumroad](https://gumroad.com) - for small transactions Marketing --------- - [Guide to Press Coverage](http://leostartsup.com/2012/05/7-steps-to-get-press-coverage-for-your-startup/) - [StickerMule](http://www.stickermule.com) - high quality custom stickers - [Vimeo Video School](http://vimeo.com/videoschool) - [MailGun](http://www.mailgun.com/) - programmable mail servers Market Research --------------- - [Facebook advertising](http://facebook.com/advertising) - use it for a census (e.g. size of of target audience, polls, etc) - [Google Keyword Planner](http://adwords.google.com/ko/KeywordPlanner) - [SEC Filings](http://www.sec.gov/edgar.shtml) Legal ----- - [Choosing an OSS License](http://choosealicense.com/) - provided by GH - [TL;DR Legal](http://www.tldrlegal.com/) - SW licenses in plain english - [HelloSign](http://www.hellosign.com/gmail) - Sign documents from inside Gmail Teamwork / Collaboration ------------------------ - [QuicklyChat](http://www.quicklychat.com/) - push-to-talk video chats for coworkers - [Google Hangouts](http://www.google.com/+/learnmore/hangouts/) - works with [Google Drive](https://drive.google.com) - [Web Sequence Diagrams](http://www.websequencediagrams.com) - [meetings.io](http://meetings.io/) - no signup and designed for small meetings - [Skype](http://www.skype.com) - best for 1-on-1 calls - [Scaling a development team](http://adam.heroku.com/past/2011/4/28/scaling_a_development_team/) - [TypeWithMe](http://typewith.me/) - [collabedit](http://collabedit.com/) - simple collaborative text - [Etherpad](http://etherpad.org/) - online collaborative editor - [Open Etherpad](http://openetherpad.org/) - [screenr](http://www.screenr.com/) or [join.me](https://join.me/) or [screenleap](http://www.screenleap.com/) - [sprint.ly](https://sprint.ly/) - [**Trello**](https://trello.com/) - [**HipChat**](https://www.hipchat.com/) - team chat, free for teams up to 5, $2 per person per month after that - [**Kandan**](https://github.com/kandanapp/kandan) - open source HipChat alternative - [Campfire](http://campfirenow.com/) - team chat by 37signals - [hall](https://hall.com/) - another group chat for teams, has free and paid plans - [Phabricator](http://phabricator.org/) - like Trac, created at Facebook - [trac](http://trac.edgewall.org/) - wiki and issue tracking system for software development projects - [asana](http://asana.com/product) - task management for teams - [BaseCamp](http://basecamp.com/) - project management & collaboration, by 37signals - [Piazza](https://piazza.com/) - free teacher/student real-time collaboration - [PowWow](http://powwow.cc/) - collaborative screen sharing (like Google docs for anything) - [Chrome Remote Desktop](https://chrome.google.com/webstore/detail/chrome-remote-desktop/gbchcmhmhahfdphkhkmpfmihenigjmpp/related) - a Chrome extension, use for remote assistance or accessing your own computers - [writeLaTeX](https://www.writelatex.com/) - collaborative LaTeX editor with previews - [ShareLaTeX](https://www.sharelatex.com/) - similar to writeLaTeX - [ScribTex](http://www.scribtex.com/) - not real-time collaboration - [TitanFile](https://www.titanfile.com/) - professional file sharing and collaboration - [wemux](https://github.com/zolrath/wemux) - improved multi-user terminal multiplexing (requires tmux) e.g. pair programming in the shell Documentation ------------- - [Sphinx](http://sphinx.pocoo.org/) - write docs in reStructuredText and output to many formats - [ASCII Flow](http://www.asciiflow.com/) - create diagrams in ASCII Feedback -------- - [Survey.io](http://survey.io/) Support ------- - [AboutMyBrowser](http://aboutmybrowser.com) Security -------- - [Storing passwords securely](http://dustwell.com/how-to-handle-passwords-bcrypt.html) (info) - [PassLib](http://code.google.com/p/passlib/) (Python) Version Control --------------- - [GitLab](http://gitlab.org/) - Self hosted Git management software, similar to GH - [GitLab Cloud](http://gitlab.org/) - if you don't want to host it yourself; free private repos up to 10 users - [BitBucket](https://bitbucket.org/) - By Atlassian, integrates nicely with their products. Free for 5 users. - [hub](http://defunkt.io/hub/) (git wrapper for working with GitHub via CLI) - [gum](https://github.com/saintsjd/gum) - friendlier git CLI - [Legit](http://www.git-legit.org/) - [William's miscellaneous git tools](http://git-wt-commit.rubyforge.org/) - [GitHub Buttons](http://ghbtns.com/) - [Hg Init](http://hginit.com/) (Mercurial tutorial by Joel Spolsky) - [Huboard](http://huboard.com/) - Trello style interface for GitHub issues - [Waffle](http://waffle.io/)- Trello for GitHub issues (better than Huboard) - [Bitbucket](http://bitbucket.org) - git & mercurial, free private repos Continuous Integration and Deployment ------------------------------------- - [CircleCI](https://circleci.com/) - connects to GitHub Music ----- If you need a little something to get wired in! - [mixture.fm](http://mixture.fm/) - [Grooveshark](http://grooveshark.com/) - [Hype Machine](http://hypem.com/) - [Classic DJ Mixes](http://soundcloud.com/r_co) - [Mix Cloud](http://www.mixcloud.com/) - [coding.fm](http://coding.fm/) -- probably better for getting in the coding mood (rather than staying in it) Hackathons ---------- - [Posters by Facebook Analog Research Lab ](http://www.designforfun.com/facebookposters/) - "to inspire, motivate, and question our internal ideas" - [Hackday](https://github.com/mpirnat/hackday) - Web app to manage and run hackathons - [Hacker League](https://www.hackerleague.org/) - to handle hackathon planning and organization Misc ---- - [Entrepreneurial ideas](http://www.springwise.com/) - [webshell](http://webshell.io/) - one API to rule them all - [The Startup Legitimizer](http://thestartuplegitimizer.com/) - quickly embed a press module (i.e. the 'featured in' banners) Shit that still needs to be categorized --------------------------------------- - [TinyPNG](http://tinypng.org/) - [avatars.io](http://avatars.io/) - [FileLinker](http://filelinker.herokuapp.com/) - [Google Developers - Startups](https://developers.google.com/startups/) - [The Toolbox](http://www.thetoolbox.cc/) - [shit for making websites](http://shitformakingwebsites.com/) - [JSFiddle](http://jsfiddle.net/) - [Field Guide to Web Applications](http://www.html5rocks.com/webappfieldguide) - by Google - [Yahoo! (UI) Design Pattern Library](http://developer.yahoo.com/ypatterns/) - [Forrst](https://forrst.com/) - [Pattern Tap](http://patterntap.com/) - [Dribble](http://dribbble.com/) - [Pageblox](http://pageblox.com/): quick HTML/CSS templates - [Building successful online communities: Evidence-based social design](http://kraut.hciresearch.org/content/books) - [Modern Web Development - part 1](http://jtaby.com/2012/04/23/modern-web-development-part-1.html) - [dotfiles](http://dotfiles.github.com/) - [mosh](http://mosh.mit.edu/) - mobile shell (replaces ssh), designed to work well on mobile networks - [Network-Tools.com](http://network-tools.com/) - [WakaTi.me](https://www.wakati.me/) - Automatic time tracking for your text editor (uses the cloud) or this gist for [local time-tracking with Vim](https://gist.github.com/goatslacker/6004481)