Diferencia entre revisiones de «Development»

De Furilo
Ir a la navegación Ir a la búsqueda
(No se muestran 26 ediciones intermedias del mismo usuario)
Línea 1: Línea 1:
== HTML/CSS/Javascript ==  
+
== Learning ==
 +
 
 +
* http://nodeschool.io/
 +
 
 +
== Cool collections ==
 +
 
 +
* https://github.com/javierarce/toolbox
 +
* Github cheatsheet https://github.com/tiimgreen/github-cheat-sheet
 +
 
 +
== Backend ==
 +
 
 +
=== Static site generators ===
 +
 
 +
* http://gohugo.io/
 +
* http://middlemanapp.com/
 +
 
 +
 
 +
=== 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:
 
General links:
 
* http://speckyboy.com/2011/10/24/25-jquery-plugins-to-help-with-responsive-layouts/
 
* 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 ===  
+
==== CSS Frameworks ====
  
 
* http://susy.oddbird.net/
 
* http://susy.oddbird.net/
Línea 12: Línea 65:
  
  
=== Swipe menus ===  
+
==== Swipe menus ====
  
 
* Responsive Multi-Level Menu http://tympanus.net/Development/ResponsiveMultiLevelMenu/
 
* Responsive Multi-Level Menu http://tympanus.net/Development/ResponsiveMultiLevelMenu/
Línea 19: Línea 72:
  
  
=== Modals / Tipsy ===  
+
==== Modals / Tipsy ====
  
 
* Tipsy http://onehackoranother.com/projects/jquery/tipsy/
 
* Tipsy http://onehackoranother.com/projects/jquery/tipsy/
  
  
=== Effects ===
+
==== Effects ====
  
 +
* https://ianlunn.github.io/Hover/
 
* http://h5bp.github.io/Effeckt.css/dist/
 
* http://h5bp.github.io/Effeckt.css/dist/
 
* http://tympanus.net/Development/ModalWindowEffects/
 
* http://tympanus.net/Development/ModalWindowEffects/
Línea 32: Línea 86:
 
* Animatable http://leaverou.github.io/animatable/
 
* Animatable http://leaverou.github.io/animatable/
 
* Oridomi http://oridomi.com/
 
* Oridomi http://oridomi.com/
 +
* ScrollMagic http://janpaepke.github.io/ScrollMagic/
 +
* Swipe Galleries http://flickity.metafizzy.co/
 +
* Tilt image http://tympanus.net/Development/ImageTiltEffect/
  
 
+
==== Forms ====
=== Forms ===  
 
  
 
* Animated Forms: http://tympanus.net/Development/AnimatedCheckboxes/
 
* Animated Forms: http://tympanus.net/Development/AnimatedCheckboxes/
Línea 40: Línea 96:
  
  
=== Plugins/Tools ===  
+
==== Plugins/Tools ====
  
* PivotTable.js https://github.com/nicolaskruchten/pivottable
 
 
* Modal with keyboard shortcuts http://www.impressivewebs.com/demo-files/question-mark-js/
 
* Modal with keyboard shortcuts http://www.impressivewebs.com/demo-files/question-mark-js/
 
* GridForms http://kumailht.com/gridforms/
 
* GridForms http://kumailht.com/gridforms/
 
* CreditCardJS http://creditcardjs.com/
 
* CreditCardJS http://creditcardjs.com/
* GSpreadsheet -> charts, graphs http://jlord.github.io/sheetsee.js/
 
 
* http://instantclick.io/
 
* 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:  
 
Links:  
 
* https://github.com/dypsilon/frontend-dev-bookmarks
 
* 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 ===  
+
==== Code editors / WYSIWYG ====
  
 
* http://ace.c9.io/#nav=about
 
* http://ace.c9.io/#nav=about
 +
* http://neilj.github.io/Squire/
  
 +
=== Javascript ===
  
== Javascript ==
+
* http://julian.com/research/velocity/
 
 
 
* http://int3.github.io/metajs/ metajs: visualize javascript AST execution
 
* http://int3.github.io/metajs/ metajs: visualize javascript AST execution

Revisión del 20:35 12 oct 2015

Learning

Cool collections

Backend

Static site generators


CMSs / Wikis ...

Gems


Rails

Sysadmin tools

Localhost sharing


Frontend


HTML/CSS/Javascript

General links:

CSS tricks

CSS Frameworks


Swipe menus


Modals / Tipsy


Effects

Forms


Plugins/Tools

Links:

Visualization / Charts / Graphs

Tables


Code editors / WYSIWYG

Javascript