Diferencia entre revisiones de «Development»
Ir a la navegación
Ir a la búsqueda
(No se muestran 3 ediciones intermedias del mismo usuario) | |||
Línea 10: | Línea 10: | ||
== Backend == | == Backend == | ||
− | === | + | === Jekyll === |
− | * | + | * Jekyll Cheatsheet https://devhints.io/jekyll |
− | |||
Línea 19: | Línea 18: | ||
* http://dynalon.github.io/mdwiki/#!index.md CMS/Wiki completely built in HTML5/Javascript and runs 100% on the client | * http://dynalon.github.io/mdwiki/#!index.md CMS/Wiki completely built in HTML5/Javascript and runs 100% on the client | ||
+ | |||
=== Gems === | === Gems === | ||
Línea 88: | Línea 88: | ||
* ScrollMagic http://janpaepke.github.io/ScrollMagic/ | * ScrollMagic http://janpaepke.github.io/ScrollMagic/ | ||
* Swipe Galleries http://flickity.metafizzy.co/ | * Swipe Galleries http://flickity.metafizzy.co/ | ||
+ | * Tilt image http://tympanus.net/Development/ImageTiltEffect/ | ||
==== Forms ==== | ==== Forms ==== | ||
Línea 104: | Línea 105: | ||
* Timelines http://sbstjn.github.io/timesheet.js/#light && https://news.ycombinator.com/item?id=9126491 | * Timelines http://sbstjn.github.io/timesheet.js/#light && https://news.ycombinator.com/item?id=9126491 | ||
* HTML Presentations http://lab.hakim.se/reveal-js | * HTML Presentations http://lab.hakim.se/reveal-js | ||
+ | * Extract colors from images https://github.com/jariz/vibrant.js | ||
Links: | Links: | ||
Línea 133: | Línea 135: | ||
=== 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
- 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