Ir al contenido principal

Lo que aprendí hoy

Buscar este blog

Links 2015-05

el junio 01, 2015

Obtener enlace
Facebook
Twitter
Pinterest
Correo electrónico
Otras aplicaciones

2015-05

AGILE
- EVOLUCION
  - http://www.slideshare.net/gquiroz/wake-up-plai-acelerando-la-evolucion-de-nuestras-organizaciones
- SCRUM
  - http://samuelcasanova.com/2015/03/reunion-diaria-de-scrum-mas-alla-de-las-3-preguntas/
ASTRAL
- http://www.astrowin.org/scripts/natal_chart_pdf.php
- https://carta-natal.es/descargas/programas.php
BOOKS
- DATA SCIENCE
  - https://www.quora.com/What-are-good-data-science-books
BLOG
- MANCINI
COOK
- SAUCES
  - http://www.buzzfeed.com/melissaharrison/sauces-pestos-and-marinades#.tvdxz6Eao
CURSOS
- BIIALAB
  - http://biialab.org/
- MACHINE LEARNING
  - https://www.quora.com/How-do-I-learn-machine-learning-1
  - STANFORD
    - https://www.coursera.org/course/ml
- UNIVERSITARIOS
  - http://www.genbeta.com/web/39-cursos-gratis-universitarios-online-para-empezar-en-junio
DIY
- MESA TUNEL
  - http://www.upsocl.com/creatividad/sentiras-que-estas-viajando-por-un-agujero-cosmico-cuando-veas-esta-asombrosa-mesa/#
EXCEL
- http://www.makeuseof.com/tag/excel-template-every-occasion/
GAMES
- AGAR.IO
  - http://agar.io/
GRAPHICS
- 3D
  - 3D SWEEP
    - http://www.3dprinterworld.com/article/ultimate-3d-design-interface
- CINEMAGRAPH
  - PHOTOSHOP
    - http://blog.spoongraphics.co.uk/tutorials/how-to-make-a-cool-cinemagraph-image-in-photoshop
- COLOR PALETTE
  - http://coolors.co/
HOME
- http://www.upsocl.com/comunidad/parece-un-departamento-horrible-y-pequenisimo-pero-por-dentro-por-dentro-es-genial/
HEALTH
- AUTISMO
  - http://www.psicodiagnosis.es/areaclinica/trastornossocialesintelectuales/tgdtratamientoeintervencion/quenospediriaunautistaangelriviere.php
INTERNET
- DNS
  - NAMEBENCH
    - https://code.google.com/p/namebench/
  - OPENDNS
    - https://www.opendns.com/
LANGUAGE
- ENGLISH
  - PODCAST
    - http://www.fluentu.com/english/blog/esl-english-podcasts/
    - http://www.eslpod.com/website/index_new.html#
- JAPANESE
  - http://www.kira-teachings.com/
  - MICHEL THOMAS
    - DISC 1
      - https://www.youtube.com/watch?v=CcJ8KuuhvBw
    - DISC 2
      - https://www.youtube.com/watch?v=-7adPYfFxqs
MAC
- OPEN SOURCE
  - http://opensourcemac.org/
MATH
- ALAN TURING
  - https://www.youtube.com/watch?v=V4V2bpZlqx8
  - https://www.youtube.com/watch?v=G2_Q9FoD-oQ
- GEOMETRY
  - THREE CIRCLES
    - http://www.cut-the-knot.org/proofs/3circles.shtml#solution
- LINEAR ALGEBRA
- PUZZLE
  - http://io9.com/ready-this-simple-puzzle-once-stumped-96-of-americas-1698814691
MISC
- FUN SITES
  - http://hipertextual.com/2015/03/sitios-web-divertidos
  - http://zoomquilt.org/
- POPURLS
  - http://popurls.com/
MOBILE
- ANDROID
  - APP INVENTOR
    - http://appinventor.mit.edu/explore/
- APPCRAWLER
  - http://appcrawlr.com/
- BUILDER APPBAR
  - http://www.appsbar.com/
- MISC
  - http://www.manifoldjs.com/
- PUBLISH HTML5
  - http://www.joshmorony.com/the-step-by-step-guide-to-publishing-a-html5-mobile-application-on-app-stores
- XAMARIN
  - http://blog.xamarin.com/3d-in-ios-8-with-scene-kit/
MONEY
- http://www.emprendiendohistorias.com/el-hombre-mas-rico-de-asia-te-ensena-como-invertir-tu-salario/
MOVIES
- ALGORITHM: THE HACKER MOVIE
  - https://www.youtube.com/watch?v=6qpudAhYhpc
- INSIDE THE DARK WEB
  - https://www.youtube.com/watch?v=qXajND7BQzk
NETWORK
- SPEED TEST
  - http://www.speedtest.net/
- TEST SECURITY
  - http://www.makeuseof.com/tag/test-home-network-security-free-hacking-tools/
NEUROMARKETING
- NEOTENIA
- mcklean
PROGRAMMING
- DIJKSTRA
  - http://www.cs.utexas.edu/users/EWD/transcriptions/EWD00xx/EWD32.html
- DOC GRAPH
  - ASCIIDRAW
    - http://www.asciidraw.com/#Draw
  - DITAA
    - http://ditaa.sourceforge.net/
- GAMES
  - CODECOMBAT
    - https://www.google.com.pe/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0CBwQFjAA&url=https%3A%2F%2Fcodecombat.com%2F&ei=XI5fVbayPMnfsASphYPQBg&usg=AFQjCNGKknXgt3K4vuVvRikxh8Ir1axBGg&sig2=TCZ9aaHHgPQjmsu70lfXgQ
- GITHUB
  - PULL REQUEST
    - https://www.thinkful.com/learn/github-pull-request-tutorial/
- GO
  - https://github.com/dariubs/GoBooks
  - https://github.com/go-bootstrap/go-bootstrap
- GOOD QUESTIONS
- GRAPHICS
  - 3D
    - MATH
      - http://es.wikipedia.org/wiki/Matriz_de_rotaci%C3%B3n
- LISP
- PHP
  - DICE
    - https://github.com/TomBZombie/Dice
    - http://www.desarrolloweb.com/articulos/dice-libreria-contenedor-dependencias-php.html
  - YOUTUBE
    - http://www.sitepoint.com/displaying-youtube-videos-php
- PYTHON
  - http://prooffreaderplus.blogspot.com/2014/11/top-10-python-idioms-i-wished-id.html
  - GRAPHICS
    - KIVY
      - http://kivy.org/#home
  - STYLEGUIDE
    - PEP8
      - http://legacy.python.org/dev/peps/pep-0008/
- SUBLIME TEXT
  - KEYBOARD SHORTCUTS
    - http://sublime-text-unofficial-documentation.readthedocs.org/en/latest/reference/keyboard_shortcuts_osx.html
- WAVEMAKER
  - http://www.wavemaker.com/
SECURITY
- https://ssd.eff.org/es/playlist/%C2%BFqui%C3%A9res-un-kit-b%C3%A1sico-de-seguridad
- http://es.scribd.com/doc/240724798/Manualdeseguridaddigital
SEO
- WITHOUT WWW
  - https://www.chriswiegman.com/2011/09/how-to-properly-redirect-your-domain-with-or-without-www/
- KEEP_ALIVE
  - http://www.googleessimple.com/habilitar-keep-alive.html
UX
- LOOKBACK
  - https://lookback.io/
VIDEO
- FX
  - http://finalcutking.com/
WEBDEV
- API
  - MARVEL
    - http://developer.marvel.com/
- APIDEV
  - https://treeline.io
- AUTH
  - OAUTH
    - http://oauth.net/2/
- CSS
  - ANIMATION
    - https://cssanimation.rocks/buffer
  - FLEXBOX
    - SOLVED BY FLEXBOX
      - http://philipwalton.github.io/solved-by-flexbox/
    - VISUAL GUIDE
      - https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties
    - BUGS
      - https://github.com/philipwalton/flexbugs
  - HACKS
    - http://vilcins.lv/blog/2015/CSS-hacks-you-may-not-know/
  - PIXELART
    - http://una.im/sass-pixel-art
  - RESPONSIVE SLIDER
    - http://demosthenes.info/blog/627/A-Responsive-CSS3-Image-Slider
  - SMACSS
    - https://smacss.com/book/
  - SASS
    - http://sass-guidelin.es/es/
  - TIPS
    - SCALABLE BACKGROUND
      - http://www.sitepoint.com/video-scalable-backgrounds-css/
- DESIGN
  - MATERIAL DESIGN
    - FRAMEWORKS
      - http://superdevresources.com/material-design-web-ui-frameworks/
      - BOOTSTRAP
        
        http://fezvrasta.github.io/bootstrap-material-design/
      - MATERIALIZE
        
        http://materializecss.com/
      - POLYMER
        
        https://www.polymer-project.org/0.5/docs/elements/material.html
    - https://www.google.com/design/spec/material-design/introduction.html
- DOCUMENTATION
  - http://wwwhere.io/
- FONTS
  - ROBOTO
    - https://github.com/google/roboto
- GAMES
  - COCOS2D
    - http://www.cocos2d-x.org/
- GOOGLE
  - CONSOLE DEVELOPERS
    - https://console.developers.google.com/
- IMAGES
  - WIT
    - http://www.sitepoint.com/responsive-images-wurfl-image-tailor
- iOS
  - WWDC 2014
    - https://developer.apple.com/videos/wwdc/2014/?id=218
- JAVASCRIPT
  - ANGULAR
    - http://www.sitepoint.com/building-twitter-app-using-angularjs/
  - BASIC MODAL
    - http://basicmodal.electerious.com/
  - DEBUG
    - VORLON
      - http://www.sitepoint.com/introducing-vorlon-js-use-debug-javascript-remotely
  - FORMS
    - PREVENT DOUBLE CLICK
      - http://stackoverflow.com/a/4473801
  - GAMES
    - http://craftyjs.com/
    - http://www.gameclosure.com/
  - GULP
  - Learning Advanced JavaScript
    - http://ejohn.org/apps/learn/
  - MAPS
    - LEAFLET
      - http://leafletjs.com/index.html
        http://www.phpclasses.org/blog/post/284-Create-a-Google-Maps-alternative-with-PHP-and-MySQL-using-the-Leaflet-library.html
  - METEOR
    - https://scotch.io/tutorials/learn-meteor-js-from-scratch-build-a-polling-app
    - https://scotch.io/courses
  - NODE
    - MOCHA
      - https://semaphoreci.com/community/tutorials/getting-started-with-node-js-and-mocha
  - REACT
    - http://firstdoit.com/react-1/
    - http://www.sitepoint.com/video-getting-started-react/
  - WARRIOR JS
    - https://github.com/olistic/warriorjs
- MAC
  - MULTIBROWSER
    - https://sites.google.com/site/tesseractsoftware/multibrowser
- MAILING HTML
  - INK
    - https://scotch.io/tutorials/building-responsive-email-templates-with-ink
- MOZILLA WEBMAKER
  - https://webmaker.org/es
- OPTIMIZATION
  - GTMETRIX
    - http://gtmetrix.com/
  - HAR
    - https://toolbox.googleapps.com/apps/har_analyzer/
- REACTIVE PROGRAMING
  - CYCLE
    - https://github.com/staltz/cycle
- SUBLIME
  - SASS BUILD
    - add line numbers
      - "cmd": ["sass", "--update", "--line-numbers", "$file:${file_path}/${file_base_name}.css", "--stop-on-error", "--no-cache"],
- WWWHERE
  - http://wwwhere.io/
TESTING
- JAVASCRIPT
  - AUTOMATED FRONTEND TESTING
    - http://rupl.github.io/frontend-testing
  - BDD
    - CHAI
      - http://chaijs.com/api/bdd/
    - NODEJS
      - https://www.youtube.com/watch?v=jS41YChRsjs
    - PRESENTATION
      - http://eamodeorubio.github.io/bdd-with-js
    - TDD MEAN
      - http://attackofzach.com/tdd-bdd-mean-part1/
    - VOWS
      - http://vowsjs.org/
  - CASPERJS
    - https://nicolas.perriault.net/code/2012/introducing-casperjs-toolkit-phantomjs/
  - PHANTOMJS
    - http://phantomjs.org/
  - SELENIUM
    - SELENIUM TUTORIAL
      - http://www.softwaretestinghelp.com/selenium-tutorial-1/
- PYTHON
  - BDD
    - BEHAVE
WINDOWS
- SHELL
  - BABUN
    - http://babun.github.io/

links

Obtener enlace
Facebook
Twitter
Pinterest
Correo electrónico
Otras aplicaciones

Entradas populares

Google Docs: Numeración de títulos

Dentro del Google Doc, ir al menú Add-ons e instalar Table of Contents. Una vez instalado, aparecerá un panel a la derecha, donde se puede elegir el estilo de numeración. Referencia Automatic heading numbering

Cómo mostrar en web la imagen almacenada en un blob

Actualizado: 2020/07/03 Cuando se quiere guardar la imagen asociada a un registro, aparecen dos alternativas: Subir la imagen a un directorio público y guardar en el registro su url Guardar la imagen en una base de datos. Esto se consigue convirtiendo el binario en un texto hexadecimal (base64). Cada una tiene sus pros y sus contras. Personalmente yo siempre prefiero la primera, pero quizás haya ocasiones donde sea preferible la segunda. Como sea, supongamos que estamos ante una base de datos SQL Server con registros que contienen las imágenes que queremos mostrar. Un query a esa base de datos devolverá algo como: <Buffer ff d8 ff e0 00 10 4a 46 49 46 00 01 01 01 00 48 00 48 00 00 ff fe 00 ... > O, equivalentemente: { "type": "Buffer", "data": [ 255, 216, 255, 224,...] } Entonces, cómo se llega a mostrarla en web? Si la data está como string // Tener una imagen var myImage = document. querySelector ( "#my-image"

Figuras con CSS

Figuras con CSS Cuadrados, círculos y triángulos... y algunas figuras más. http://jsfiddle.net/rulokc/KLzs7/ Referencia: http://www.webdesignviews.com/2013/06/create-shapes-in-css3/

Con la tecnología de Blogger