Diferencia entre revisiones de «Development»

De Furilo
Ir a la navegación Ir a la búsqueda
 
(No se muestran 21 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 ==
 +
 
 +
=== 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:
 
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 ====
  
=== CSS Frameworks ===  
+
* 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://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 33: Línea 87:
 
* Oridomi http://oridomi.com/
 
* Oridomi http://oridomi.com/
 
* ScrollMagic http://janpaepke.github.io/ScrollMagic/
 
* 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 41: Línea 96:
  
  
=== Plugins/Tools ===  
+
==== Plugins/Tools ====
  
 
* 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/
Línea 47: Línea 102:
 
* CreditCardJS http://creditcardjs.com/
 
* CreditCardJS http://creditcardjs.com/
 
* 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 ====
  
=== Charts / Graphs ===
+
* http://www.dbi.io/uk/blog/38-tools-for-beautiful-data-visualisations/
 
 
 
* http://www.chartjs.org/
 
* http://www.chartjs.org/
 
* http://techslides.com/50-javascript-charting-and-graphics-libraries/
 
* http://techslides.com/50-javascript-charting-and-graphics-libraries/
Línea 69: Línea 128:
  
  
=== 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 actual del 14:14 22 abr 2020

Learning

Cool collections

Backend

Jekyll


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