Categories
CSS CSS3 Herramientas

Crea prefijos de CSS3 fácilmente con -prefix-my-css

Ahora que el CSS3 no está aun soportado por la mayoría de navegadores, muchas veces tenemos que crear prefijos para ciertas reglas de CSS3 en nuestra hoja de estilos.

-prefix-my-css

Esto podría ser un trabajo tedioso, sin embargo –prefix-my-css permite crear los prefijos rápidamente y nos permite elegir como tendremos nuestro producto final.

Por ejemplo, si le damos:

CSS:

/* Just a sample code */
#menu{
width:200px;
height:400px;
border-radius:15px;
box-shadow:0 0 5px black;
background:#1D1D1D;
}

nos devuelve:

CSS:

/* Just a sample code */
#menu{
width:200px;
height:400px;
/*border-radius*/
-webkit-border-radius:15px;
   -moz-border-radius:15px;
        border-radius:15px;
/*box-shadow*/
-webkit-box-shadow:0 0 5px black;
   -moz-box-shadow:0 0 5px black;
        box-shadow:0 0 5px black;
background:#1D1D1D;
}

Sin duda una gran herramienta

Enlace: prefixMyCSS

Categories
Firefox

Mozilla publica las extensiones que ponen lento a Firefox

Muchos hemos usando Mozilla Firefox, sin embargo en más de una ocasión nos hemos quejado de la falta de rendimiento y la lentitud en abrirse o cerrarse.

extfirefox

Mozilla ha publicado una lista de extensiones que disminuyen considerablemente el rendimiento de Firefox. El que más llama la atención es Firebug, que hace lento a Firefox en un 74% y es una herramienta esencial para el desarrollo web (Google Chrome tiene una herramienta mucho mejor que ya viene heredada).

Si estás pensando en desarrollar una extensión o ya haz desarrollado una, Mozilla también nos da una guía de buenas prácticas a la hora de desarrollar extensiones.  Es hora de quitar algunas extensiones.

Enlace: Complementos con rendimiento lento

Vía: Genbeta

Categories
Herramientas JavaScript

live.js actualiza páginas mientras las editas

Livejs.com

Nuestro flujo de trabajo al hacer una página web, generalmente es es el siguiente:

  1. En el IDE hacemos los cambios necesarios
  2. Nos vamos al navegador
  3. Actualizamos el navegador
  4. Nos gusta / no nos gusta
  5. Volvemos al IDE
  6. Paso 1, y así sucesivamente…

Con live.js nos olvidamos de esto, ya que con sólo insertarlo en el navegador, podemos ver nuestros cambios rápidamente aplicados en el navegador, sin tener que regresar al IDE.

Lo que hace el script es detectar cualquier cambio que se haya hecho en archivos locales enviando peticiones consecutivas HEAD al servidor.

El sitio incluye un demo, del cuál te enamorarás. El script es soportado por la mayoría de los navegadores modernos. ¿Qué esperas para probarlo?.