Development

Learning

• http://nodeschool.io/

Cool collections

• https://github.com/javierarce/toolbox
• Github cheatsheet https://github.com/tiimgreen/github-cheat-sheet

Backend

Jekyll

• Jekyll Cheatsheet https://devhints.io/jekyll

CMSs / Wikis ...

• http://dynalon.github.io/mdwiki/#!index.md CMS/Wiki completely built in HTML5/Javascript and runs 100% on the client

Gems

• https://github.com/intridea/omniauth
• https://github.com/carrierwaveuploader/carrierwave Simple and extremely flexible way to upload files from Ruby applications

Rails

• http://danielpuglisi.com/articles/2013/09/10-most-used-gems-in-rails-applications
• Ajax JS http://www.alfajango.com/blog/rails-3-remote-links-and-forms/

Sysadmin tools

Localhost sharing

• https://forwardhq.com/
• https://ngrok.com/
• http://localtunnel.me/

Frontend

• Responsible social share links
  • https://jonsuh.com/blog/social-share-links/
  • https://github.com/kni-labs/rrssb

HTML/CSS/Javascript

General links:

• http://speckyboy.com/2011/10/24/25-jquery-plugins-to-help-with-responsive-layouts/

CSS tricks

• https://medium.com/@chrisnager/center-and-crop-images-with-a-single-line-of-css-ad140d5b4a87
  • http://codepen.io/chrisnager/pen/XJRRwo?editors=110

CSS Frameworks

• http://susy.oddbird.net/
• http://www.createcss3.com/
• http://www.getskeleton.com/

Swipe menus

• Responsive Multi-Level Menu http://tympanus.net/Development/ResponsiveMultiLevelMenu/
• A Library for creating beautiful mobile shelfs in Javascript (Facebook and Path style side menus) https://github.com/jakiestfu/Snap.js
• Swipe to open http://www.inserthtml.com/2013/05/mobile-menu/

Modals / Tipsy

• Tipsy http://onehackoranother.com/projects/jquery/tipsy/

Effects

• https://ianlunn.github.io/Hover/
• http://h5bp.github.io/Effeckt.css/dist/
• http://tympanus.net/Development/ModalWindowEffects/
• http://tympanus.net/codrops/category/playground/
• Flip things over http://mintchaos.github.io/flippant.js/
• Animatable http://leaverou.github.io/animatable/
• Oridomi http://oridomi.com/
• ScrollMagic http://janpaepke.github.io/ScrollMagic/
• Swipe Galleries http://flickity.metafizzy.co/
• Tilt image http://tympanus.net/Development/ImageTiltEffect/

Forms

• Animated Forms: http://tympanus.net/Development/AnimatedCheckboxes/
• Form tips progression http://git.aaronlumsden.com/progression/

Plugins/Tools

• Modal with keyboard shortcuts http://www.impressivewebs.com/demo-files/question-mark-js/
• GridForms http://kumailht.com/gridforms/
• CreditCardJS http://creditcardjs.com/
• http://instantclick.io/
• Diagrams in JS http://gojs.net/latest/index.html
• Timelines http://sbstjn.github.io/timesheet.js/#light && https://news.ycombinator.com/item?id=9126491
• HTML Presentations http://lab.hakim.se/reveal-js
• Extract colors from images https://github.com/jariz/vibrant.js

Links:

• https://github.com/dypsilon/frontend-dev-bookmarks

Visualization / Charts / Graphs

• http://www.dbi.io/uk/blog/38-tools-for-beautiful-data-visualisations/
• http://www.chartjs.org/
• http://techslides.com/50-javascript-charting-and-graphics-libraries/
• http://www.rgraph.net/
• http://canvasjs.com/
• http://www.flotcharts.org/
• http://www.humblesoftware.com/
• Sparklines: http://www.omnipotent.net/jquery.sparkline/#s-about

Tables

• https://github.com/filamentgroup/tablesaw
• PivotTable.js https://github.com/nicolaskruchten/pivottable
• GSpreadsheet -> charts, graphs http://jlord.github.io/sheetsee.js/

Code editors / WYSIWYG

• http://ace.c9.io/#nav=about
• http://neilj.github.io/Squire/

Javascript

• http://julian.com/research/velocity/
• http://int3.github.io/metajs/ metajs: visualize javascript AST execution