Diferencia entre revisiones de «Development»
Ir a la navegación
Ir a la búsqueda
(No se muestran 25 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 ==== | ||
+ | |||
+ | * 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 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 40: | 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 46: | 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 ==== | ||
− | + | * 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://techslides.com/50-javascript-charting-and-graphics-libraries/ | ||
− | |||
− | |||
* http://www.rgraph.net/ | * http://www.rgraph.net/ | ||
* http://canvasjs.com/ | * http://canvasjs.com/ | ||
* http://www.flotcharts.org/ | * http://www.flotcharts.org/ | ||
* http://www.humblesoftware.com/ | * 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 === | ||
− | + | * 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
- 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
Frontend
- Responsible social share links
HTML/CSS/Javascript
General links:
CSS tricks
CSS Frameworks
- 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
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:
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
Javascript
- http://julian.com/research/velocity/
- http://int3.github.io/metajs/ metajs: visualize javascript AST execution