Skip to content

Instantly share code, notes, and snippets.

@javifelices

javifelices/Curso-DevTools.md

Forked from nucliweb/Curso-DevTools.md
Created December 3, 2015 20:42
Show Gist options
  • Save javifelices/c1400a68ce8f62f32729 to your computer and use it in GitHub Desktop.
Save javifelices/c1400a68ce8f62f32729 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @nucliweb nucliweb revised this gist Dec 3, 2015. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions Curso-DevTools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -46,6 +46,7 @@ Recursos del [Curso Desarrollo Frontend con Developer Tools](http://escuela.it/c

    * [Chrome DevTools App](https://github.com/auchenberg/chrome-devtools-app)
    * [HAR Viewer](https://ericduran.github.io/chromeHAR/)
    * [Remote Debugging on Android with Chrome](https://developer.chrome.com/devtools/docs/remote-debugging)

    ### Extensiones

  2. @nucliweb nucliweb revised this gist Dec 3, 2015. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions Curso-DevTools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -45,6 +45,7 @@ Recursos del [Curso Desarrollo Frontend con Developer Tools](http://escuela.it/c
    # Herramientas

    * [Chrome DevTools App](https://github.com/auchenberg/chrome-devtools-app)
    * [HAR Viewer](https://ericduran.github.io/chromeHAR/)

    ### Extensiones

  3. @nucliweb nucliweb revised this gist Dec 3, 2015. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions Curso-DevTools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -40,6 +40,7 @@ Recursos del [Curso Desarrollo Frontend con Developer Tools](http://escuela.it/c
    * [DevTools en Google+](https://plus.google.com/explore/DevTools)
    * [Chrome DevTools Updates](https://developers.google.com/web/updates/chrome-devtools/)
    * [Totally Tooling Tips](https://developers.google.com/web/shows/ttt/index)
    * [Working with CSS Preprocessors](https://developer.chrome.com/devtools/docs/css-preprocessors)

    # Herramientas

  4. @nucliweb nucliweb revised this gist Jul 24, 2015. 1 changed file with 7 additions and 0 deletions.
    7 changes: 7 additions & 0 deletions Curso-DevTools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -45,6 +45,12 @@ Recursos del [Curso Desarrollo Frontend con Developer Tools](http://escuela.it/c

    * [Chrome DevTools App](https://github.com/auchenberg/chrome-devtools-app)

    ### Extensiones

    * [AngularJS Batarang](https://chrome.google.com/webstore/detail/angularjs-batarang/ighdmehidhipcmcojjgiloacoafjmpfk)
    * [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi)
    * [PHP Console](https://chrome.google.com/webstore/detail/php-console/nfhmhhlpfleoednkpnnnkolmclajemef?hl=es)


    # Referencias

    @@ -55,3 +61,4 @@ Recursos del [Curso Desarrollo Frontend con Developer Tools](http://escuela.it/c
    * [Dev Tool Secrets](https://twitter.com/devtoolsecrets)
    * [Umar Hansa](https://twitter.com/umaar)
    * [Addy Osmani](https://twitter.com/addyosmani)

  5. @nucliweb nucliweb revised this gist Jul 24, 2015. 1 changed file with 1 addition and 1 deletion.
    2 changes: 1 addition & 1 deletion Curso-DevTools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -31,7 +31,6 @@ Recursos del [Curso Desarrollo Frontend con Developer Tools](http://escuela.it/c
    * [ImageOptim-CLI, optimizador de imágenes desde terminal (Mac)](https://github.com/JamieMason/ImageOptim-CLI)
    * [Image Optimizer, optimizador de imágenes (Windows)](http://www.imageoptimizer.net/Pages/Home.aspx)
    * [Online Image Optimizer](http://tools.dynamicdrive.com/imageoptimizer/)
    *

    # Documentación

    @@ -55,3 +54,4 @@ Recursos del [Curso Desarrollo Frontend con Developer Tools](http://escuela.it/c
    * [DevTools Tips](https://twitter.com/devtoolstips)
    * [Dev Tool Secrets](https://twitter.com/devtoolsecrets)
    * [Umar Hansa](https://twitter.com/umaar)
    * [Addy Osmani](https://twitter.com/addyosmani)
  6. @nucliweb nucliweb revised this gist Jul 23, 2015. 1 changed file with 20 additions and 1 deletion.
    21 changes: 20 additions & 1 deletion Curso-DevTools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -35,4 +35,23 @@ Recursos del [Curso Desarrollo Frontend con Developer Tools](http://escuela.it/c

    # Documentación

    * [Chrome DevTools](https://developer.chrome.com/devtools)
    * [Chrome Developer Tools](https://developer.chrome.com/home/devtools-pillar)
    * [Dev Tips](https://umaar.com/dev-tips/)
    * [DevTools Tips](http://devtoolstips.com/)
    * [DevTools en Google+](https://plus.google.com/explore/DevTools)
    * [Chrome DevTools Updates](https://developers.google.com/web/updates/chrome-devtools/)
    * [Totally Tooling Tips](https://developers.google.com/web/shows/ttt/index)

    # Herramientas

    * [Chrome DevTools App](https://github.com/auchenberg/chrome-devtools-app)


    # Referencias

    ### Twitter

    * [Chrome DevTools](https://twitter.com/chromedevtools)
    * [DevTools Tips](https://twitter.com/devtoolstips)
    * [Dev Tool Secrets](https://twitter.com/devtoolsecrets)
    * [Umar Hansa](https://twitter.com/umaar)
  7. @nucliweb nucliweb revised this gist Jul 21, 2015. 1 changed file with 6 additions and 1 deletion.
    7 changes: 6 additions & 1 deletion Curso-DevTools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -30,4 +30,9 @@ Recursos del [Curso Desarrollo Frontend con Developer Tools](http://escuela.it/c
    * [ImageOptim, optimizador de imágenes (Mac)](https://imageoptim.com/)
    * [ImageOptim-CLI, optimizador de imágenes desde terminal (Mac)](https://github.com/JamieMason/ImageOptim-CLI)
    * [Image Optimizer, optimizador de imágenes (Windows)](http://www.imageoptimizer.net/Pages/Home.aspx)
    * [Online Image Optimizer](http://tools.dynamicdrive.com/imageoptimizer/)
    * [Online Image Optimizer](http://tools.dynamicdrive.com/imageoptimizer/)
    *

    # Documentación

    * [Chrome DevTools](https://developer.chrome.com/devtools)
  8. @nucliweb nucliweb revised this gist Jul 21, 2015. 1 changed file with 9 additions and 0 deletions.
    9 changes: 9 additions & 0 deletions Curso-DevTools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -22,3 +22,12 @@ Recursos del [Curso Desarrollo Frontend con Developer Tools](http://escuela.it/c
    * [Opera](http://www.opera.com/es)
    * [Opera Beta](http://www.opera.com/es/computer/beta)
    * [Opera Developers](http://www.opera.com/es/developer)

    # Optimización

    ### Imágenes
    * [TMI (Too Many Images), averigua el peso de la imágenes de tu web](https://github.com/addyosmani/tmi)
    * [ImageOptim, optimizador de imágenes (Mac)](https://imageoptim.com/)
    * [ImageOptim-CLI, optimizador de imágenes desde terminal (Mac)](https://github.com/JamieMason/ImageOptim-CLI)
    * [Image Optimizer, optimizador de imágenes (Windows)](http://www.imageoptimizer.net/Pages/Home.aspx)
    * [Online Image Optimizer](http://tools.dynamicdrive.com/imageoptimizer/)
  9. @nucliweb nucliweb revised this gist Jul 16, 2015. 1 changed file with 1 addition and 0 deletions.
    1 change: 1 addition & 0 deletions Curso-DevTools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -21,3 +21,4 @@ Recursos del [Curso Desarrollo Frontend con Developer Tools](http://escuela.it/c
    ### Opera
    * [Opera](http://www.opera.com/es)
    * [Opera Beta](http://www.opera.com/es/computer/beta)
    * [Opera Developers](http://www.opera.com/es/developer)
  10. @nucliweb nucliweb revised this gist Jul 16, 2015. 1 changed file with 0 additions and 1 deletion.
    1 change: 0 additions & 1 deletion Curso-DevTools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -21,4 +21,3 @@ Recursos del [Curso Desarrollo Frontend con Developer Tools](http://escuela.it/c
    ### Opera
    * [Opera](http://www.opera.com/es)
    * [Opera Beta](http://www.opera.com/es/computer/beta)
    *
  11. @nucliweb nucliweb created this gist Jul 16, 2015.
    24 changes: 24 additions & 0 deletions Curso-DevTools.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,24 @@
    Recursos del [Curso Desarrollo Frontend con Developer Tools](http://escuela.it/cursos/desarrollo-frontend-con-developer-tools/) en [Escuela IT](http://escuela.it/)

    ![DevTools](http://escuela.it/wp-content/uploads/2015/06/WebDeveloperToolscodigo-300x200.jpg)

    # Navegadores

    ### Chrome
    * [Chrome](https://www.google.es/chrome/browser/)
    * [Chrome Canary](https://www.google.es/chrome/browser/canary.html)

    ### Firefox
    * [Firefox](https://www.mozilla.org/en-US/firefox/channel/#firefox)
    * [Firefox Beta](https://www.mozilla.org/en-US/firefox/channel/#beta)
    * [Firefox Developer Edition](https://www.mozilla.org/en-US/firefox/channel/#developer)
    * [Firefox Nightly](https://nightly.mozilla.org/)

    ### Safari
    * [Safari](https://www.apple.com/es/safari/)
    * [Webkit Open Source](https://www.webkit.org/)

    ### Opera
    * [Opera](http://www.opera.com/es)
    * [Opera Beta](http://www.opera.com/es/computer/beta)
    *