Desarrolla rápido con Command Line en Firefox 16
Durante los últimos días Mozilla abandonó el silencio para anunciar además de una mejor integración con HTML5 en su navegador, la nueva API de identificación personal (Mozilla Persona) y “Command Line”, característica especial de control sobre la actual “Developer Toolbar”.
En un momento donde no basta con el diseño o la versatilidad de un navegador, veamos de cerca lo nuevo de Firefox.
HTML5 Gracias
La ausencia de una mayor integración con HTML5 siempre causa frustración a desarrolladores y usuarios. Sin embargo, los dolores de cabeza parecen terminar gracias a la implementación de mejores herramientas para depuración y comprensión de la Web.
En cuanto a dicho lenguaje Firefox ya soporta:
- El elemento
meter
. - La API HTML Microdata.
- La etiqueta
canvas
ya trabaja con CSScurrentColor
en cualquier caso. - Ahora
input
permite filtrar de acuerdo a tipos MIME enaccept
.
CSS3 Recargado
Ahora funcionan:
- Las versiones sin prefijo de CSS Animations, CSS Transforms, CSS Gradients,
calc
. - Se puede invertir la dirección de las animaciones con
reverse
,alternate-reverse
bajo la propiedadanimation-direction
. - Es posible animar
height
ywidth
. - Las propiedades
animation-duration
ytransition-duration
ahora rechazan valores negativos, no los sigas manejando como ceros. - El
auto
keyword para elementos flex funciona conmin-width
ymin-height
. - La implementación
-moz-box-sizing
fue actualizada y puede ser aplicada sobre celdas en tablas. - El tag
resolution
para tipos de datos soporta la extensióndppx
. - Los medios de consulta en pantalla para
dppx
,dpi
,dpcm
son representados con valores fundamentados en pixeles de CSS y no con unidades físicas. - Tres nuevas pseudo-clases (
:-moz-meter-optimum
,:-moz-meter-sub-optimum
y:-moz-meter-sub-sub-optimum
) fueron agregadas para afectar el acceso/estilo sobremeter
. - La propiedad
-moz-appearance
tiene dos nuevos valores:meterbar
ymeterchunk
. Estos representan los componentes que están dentro del elementometer
.
DOM
Para la modificación de contenido, estructura y estilo tenemos:
- Las propiedades
width
yheight
fueron añadidas a la interfaz HTMLInputElement. - IndexedDB métodos y propiedades ya no utilizan prefijo, al igual que Battery API y Vibration API.
- La interfaz
Keyboard
(mozKeyboard
) ahora tiene los métodosKeyboard.setSelectedOption ()
yKeyboard.setValue ()
al igual que la propiedadKeyboard.onfocuschange
. - Fueron removidos los atributos
Window.java
yWindow.packages
. - El
CSSRule.type
asociado conCSSNamespaceRule
fue actualizado desdeUNKNOWN_RULE (0)
hastaNAMESPACE_RULE (10)
. - WebSMS API:
SmsRequest
se sustituyó porDOMRequest
.
Por último y no menos importante, JavaScript:
- Los objetos
Number
ahora ofrecen los modosisFinite()
,toInteger()
eisInteger()
. - El Harmony spread operator fue añadido para organizar objetos.
Al Lenguaje de Marcado de Notación Matemática (MathML), que opera en pocos navegadores, se le cambiaron los atributos de la etiqueta mo
(lspace
y rspace
). Ahora por defecto se llaman thickmathspace
.
Una Developer Toolbar Veloz
“Command Line” es una interfaz gráfica corta, que busca mayor control y velocidad sobre la edición por medio de órdenes en el teclado. Para ello autocompleta los comandos y parámetros. Por el momento no hay demasiadas órdenes predeterminadas, sin embargo, Mozilla promete mantener la herramienta actualizada e incluso añadir más via add-ons.
[youtube http://www.youtube.com/watch?v=YwOwJ1_JaKE?rel=0&w=750&h=422]
Les presento los comandos activos hasta el momento:
- console. Abre, cierra y limpia la consola.
- dbg y break. Controles para la depuración y puntos de interrupción.
- edit. Abre el editor de estilo sobre cualquier archivo CSS cargado por la página.
- inspect. Activa el inspector para una parte determinada de la página.
- resize. Controla la vista del Responsive Design.
- tilt. Revisa la vista 3D.
- cookie. Además de mostrar todas las cookies del sitio las puedes editar y remover.
- screenshot. Toma capturas de pantalla en cualquier sección de la página.
- pagemod. Hace cambios masivos directamente sobre la página (clases, títulos, iframe, etc.)
- export html. Abre una pestaña nueva con una captura en HTML de la situación actual de la página.
- addon. Activa y desactiva add-ons. Apaga los que puedan causar algún problema o no se utilicen a menudo.
- pref. Permite cambiar cualquier opción de configuración de Firefox
- restart. Reinicia el navegador y cualquier add-on.
Mozilla Persona
El detalle que diferencia este servicio de los demás es la protección a la identidad y los datos de navegación. Mozilla Persona promete no rastrear los sitios que visitas y tampoco lucrarse con ello. ¿Sensato no?
Por ahora sólo funciona con The Times Crossword, OpenPhoto y Voost. Veremos quién más se le suma.
¿Y tú qué piensas de los cambios en Firefox, te animas a seguir desarrollando para este navegador?
Hace un par de años pase de Firefox a Chrome, sin embargo hace unos 4 meses volví a probar para ver como estaban las cosas en Firefox y tengo que decirles que esa filosofia de “hagamoslo entre todos” me encanta.
Se que por mi parte haré lo que este a mi alcance para darle todo a Firefox. Siempre re inventandose 😀
Hola Andrés. Lo que apuntas es muy valioso, el trabajo en equipo y la colaboración en la Web son indispensables.
Un saludo
Gracias por los aportes,saludos
Hola Maria.
Gracias a ti por leernos
Saludos!
Yo soy administrador de una red social, y trabajamos codo con codo todos los moderadores para alcanzar nuevas metas, como bien comentáis es sumamente importante el trabajar unidos todos los usuarios de la red (al menos el equipo de moderadores).
A día de hoy no me imagino llevar la comunidad social solo, sin compañía de mis queridos amigos.
Hay que decir que unos compañeros comprometidos en el mismo proyecto repercute enormemente en la actividad y funcionamiento de la web, blog, foro o red social. No solo en Internet, si no también en la vida real, en el trabajo, estudios y demás.
Saludos a todos los amigos de Maestros del Web!!
Hola Espiritual.
Estoy de acuerdo con tu punto. De las enseñanzas grandes que me ha dejado el trabajo es la necesidad de perseguir las metas en equipo.
Un saludo
Desde que conocí Firefox me pasé a el como navegador predeterminado.Sus extensiones para facilitar nuestro trabajo en diseño web o posicionamiento web son impresionantes.
El saber que se sigue trabajando continuamente en mejoras, merece celebrarlo y agradecerlo, y hace que yo,como persona dedicada al trabajo en diseño y posicionamiento web apueste todavía más por utilizarlo.
Hola Angel. Los proyectos en conjunto y el desarrollo continuo son vitales en este mundo Web.
Muchas gracias por dejar tus ideas aquí. Saludos!
Pinta muy bien pero creo que me gustan más las herramientas del Google Chrome que ya se como van más o menos.
[…] Correa para Maestros del Web.Agrega tu comentario | Enlace permanente al […]
Hola Dany
No me queda claro cómo seinstala la Command Line, forma parte de Persona?
Saludos!
Hola Pablo!
Command Line es el nombre de la DevToolbar de Firefox.
La encuentras en el menú de herramientas. Saludos.
Firefox el mejor para desarrollo web