He visto muchas extensiones que hacen la vida más fácil a la hora de desarrollar frontend. Por ejemplo, para firefox he usado alguna vez Mobile Firefox, por supuesto Firebug, colorPicker, etc. Para Chrome, más de lo mismo. Pero al igual que un buen profesional tiene buenas herramientas, eso no lo es todo, que tengas el maletín lleno de llaves no te van a hacer mejor mecánico.
¿Cuáles son vuestras preferidas y en qué navegador?
Yo normalmente uso chrome para todo. Antes avisar de que soy backend y no frontend :)
Ahora mismo uso:
- El inspector de elementos de Chrome: Magia pura.
- Awesome Screenshot: Super útil para compartir capturas de la web. Ya sea entera, una parte o lo que actualmente ves. (Aunque esta no está orientada para la programación, siempre me es útil)
- Resize Window: Para comprobar la web en varias resoluciones.
- ColorPicker: Para obtener el color de lo que quieras.
- Postman: Para hacer pruebas a la api. (Ahora uso una aplicación para mac llamada Paw)
- Y para terminar la extensión de Hangout, con la que hablo o 'videoconferencieo' con gente del trabajo y no trabajo :P
a la hora de maquetar un diseño con texto si te lo envían en formato jpg hay esta extensión que detecta el texto de las imágenes que funciona bastante bien
https://chrome.google.com/webstore/detail/project-naptha/molncoemjfmpgdkbdlbjmhlcgniigdnf
Estos en Chrome que es el que uso por defecto para desarrollar.
- Awesome Screenshot para capturar pantallazos.
- Live HTTP Headers, para ver las request.
- ColorZilla para capturar colores de la pantalla.
-CSS Stylebot para cargar horas de estilo personalizadas en ciertas páginas.
Y luego por supuesto los inspectores de los navegadores, el de Chrome sobretodo.
Normalmente uso Chrome o Chrome Canary con algunas extensiones.
Las básicas que uso son:
- React Developer Tools porque curro mucho con Reactjs.
- Accessibility Developer Tools para temas de accesibilidad.
- Postman para hacer pruebas con APIs.
¿Cuáles son vuestras preferidas y en qué navegador?
06/05/2014 16:53
Ahora mismo uso:
- El inspector de elementos de Chrome: Magia pura.
- Awesome Screenshot: Super útil para compartir capturas de la web. Ya sea entera, una parte o lo que actualmente ves. (Aunque esta no está orientada para la programación, siempre me es útil)
- Resize Window: Para comprobar la web en varias resoluciones.
- ColorPicker: Para obtener el color de lo que quieras.
- Postman: Para hacer pruebas a la api. (Ahora uso una aplicación para mac llamada Paw)
- Y para terminar la extensión de Hangout, con la que hablo o 'videoconferencieo' con gente del trabajo y no trabajo :P
02/06/2016 15:52
07/05/2014 11:08
06/05/2014 16:32
http://devs.info
QR instant generator - para testear webs en el móvil
https://chrome.google.com/webstore/detail/qr-instant-generator/oghfbhllcajdhnhammkpkccfakpfhaee
08/05/2014 13:52
https://chrome.google.com/webstore/detail/project-naptha/molncoemjfmpgdkbdlbjmhlcgniigdnf
12/05/2014 17:16
17/05/2014 00:20
15/02/2015 09:30
- Awesome Screenshot para capturar pantallazos.
- Live HTTP Headers, para ver las request.
- ColorZilla para capturar colores de la pantalla.
-CSS Stylebot para cargar horas de estilo personalizadas en ciertas páginas.
Y luego por supuesto los inspectores de los navegadores, el de Chrome sobretodo.
23/03/2016 10:30
Las básicas que uso son:
- React Developer Tools porque curro mucho con Reactjs.
- Accessibility Developer Tools para temas de accesibilidad.
- Postman para hacer pruebas con APIs.
01/06/2016 19:58