CSS Matic, herramienta para ayudarte con las hojas de estilo

CSS Matic es una herramienta pensada para desarrolladores web que necesiten una pequeña ayuda con las hojas de estilo. Así pues en su sencilla pero útil página encontraremos un pequeño recopilatorio de herramientas que nos permiten generar el código css necesario para lograr diferentes efectos. Por ahora tienen incluidas cuatro herramientas, cada una de las cuales permite realizar una función: Gradientes, Cajas con Bordes Redondeados, Textura con ruido y Caja con sombras.

En la página encontraremos los controles necesarios para establecer los parámetros necesarios a la vez que se nos muestra una previsualización del resultado. Así una vez encontrado el resultado deseado, nos limitaremos a copiar el código generado e incluirlo en nuestro proyecto. Una útil herramienta a tener en cuenta.

Animate.css animaciones css para tus proyectos web

Animate.css es un interesante recopilatorio de animaciones css para incluir en vuestros proyectos web  que son compatibles con los diferentes navegadores disponibles. A través de la web del proyecto, se puede descargar todo lo necesario para añadir estas animaciones en nuestro proyecto aunque también podemos acceder a una opción para crear un archivo css con únicamente aquellas animaciones que queramos incluir.

Para utilizarlo, solo necesitaremos incluir el archivo css en la cabecera de nuestra página y añadir la clase animated a un elemento junto con el nombre de la animación. Como indican en la documentación, combinandolo con jQuery se pueden lograr estupendos resultados, añadiendo las animaciones de forma dinámica. El código necesario sería algo similar a esto: $(‘#yourElement’).addClass(‘animated bounceOutLeft’);

Thimble, el editor de la fundación Mozilla

Thimble, editor web de Mozilla

Mozilla desde hace unos días nos ofrece una nueva herramienta enfocada esta vez a los desarrolladores web. Su nombre es Thimble y se trata de un editor HTML que nos permite realizar proyectos basados en HTML y CSS directamente desde nuestro navegador. Si queréis iniciar la prueba, podéis hacerlo desde la web del proyecto Thimble sin necesidad siquiera de crear una nueva cuenta. Con esta herramienta podremos crear páginas web con suma facilidad desde el navegador recibiendo además ayudas desde el editor.

Cocktails de yahoo para el desarrollo web

Yahoo trata de ganarse el favor de los desarrolladores webs, ofreciendoles Cocktails una plataforma que, mediante la utilización de tecnologías estándar como HTML5, JavaScript o CSS les permitirá la creación de aplicaciones web de una forma realmente sencilla (o al menos eso aseguran) y adaptable a cualquier plataforma. Tal y como han anunciado ya estarían disponibles los dos primeros Cocktails, Mokito y Manhattan.

En el caso de Yahoo Mojito estamos ante un framework de desarrollo y Yahoo Manhattan sería la plataforma en la que alojar las aplicaciones creadas mediante Yahoo Mojito. Según indican, Yahoo Mojito nos permite trabajar al mismo tiempo para el servidor y el cliente, de forma que nos ahorraremos tener que escribir código distinto para cada caso. Además, en caso que el navegador desde el que se acceda a la aplicación web no tenga JavaScript disponible, el usuario no tendría problemas a que las aplicaciones se ejecutarán directamente en el servidor (aunque hoy en día, el que un navegador no cuente con JavaScript no es muy habitual, puede ser útil de cara a descargar al cliente de carga de proceso y que esta se realice en el servidor en su lugar). Yahoo Manhattan como habíamos comentado es un entorno para alojar las aplicaciones creadas con Yahoo Mojito y que funciona en los servidores de Yahoo, ofreciendo a los desarrolladores un interfaz a traves del cual desplegar y gestionar múltiples versiones de sus aplicaciones basadas en Yahoo Mojito.

Yahoo! Planea que toda esta plataforma de Cocktails empiece a funcionar a lo largo de 2012, en el primer trimestre Yahoo Mojito sería abierto a través de YDN y se espera que a finales de año Yahoo Manhattan empiece a permitir que los desarrolladores pongan en marcha sus aplicaciones creadas con Yahoo Mojito. Sin duda, una interesante apuesta de Yahoo para los desarrolladores y para impulsar su nube Yahoo Cloud en un intento por competir con otros pesos pesados como Amazon.

 

jQueryMobile RC2

Hace poco os hablabamos de jQueryMobile, un framework que facilita el trabajo de creación de páginas web dinámicas empleando tecnologías javascript y ajax y que nos permite crear aplicaciones web con interesantes efectos para dispositivos móviles (veanse Tablets o SmartPhones). Pues bien, la semana pasada se anunció el lanzamiento de la segunda versión Release Candidate y que será además, la última antes de la versión definitiva del framework. Esta nueva versión soluciona varios bugs detectados además de incorporar algunas novedades como soporte ampliado para los controles HTML5 de fecha, hora y selección de color, mejoras en las barras de herramientas, posibilidad de establecer un ancho máximo para los diálogos, nueva clase de ayuda para ocultar de forma accesible elementos, y más…. si queréis más detalles no dejéis de leer las notas del lanzamiento de esta versión.

Firebug 1.8.2

Si hablamos de Firebug seguro que cualquier desarrollador y programador web ha oido al menos hablar de este paquete de utilidades. Se creo con el fin de analizar, editar y depurar el codigo fuente, CSS, Html y Javascript de una página web de forma rápida y sencilla.

Así pues desde la primera vez que se lanzase hasta ahora ha pasado algún tiempo y ahora el equipo de desarrollo ofrece la versión 1.8.2. Esta versión de mantenimiento, además de corregir diferentes incidencias detectadas nos ofrece una nueva API que permite establecer marcas de tiempo en el código de JavaScript, se mejora la visualización de la localización de los scripts, muestra nuevas opciones en el panel DOM, posibilidad de mostrar direcciones IP en el panel de Red y compatibilidad con Firefox 5, 6 y 7 beta.

Si queréis más información sobre la herramienta podréis encontrarla en el blog de firebug.

 

 

CSS Validator, plugin para Firefox

Si eres un desarrollador web y te gusta comprobar que el código que creas cumple los estándares establecidos por el W3C, cualquier herramienta que te ayude en la labor de revisión será más que bienvenida. Así pues nos hemos fijado en CSS Validator, un plugin disponible para Firefox que permite comprobar el código CSS de una página basándose en la herramienta online ofrecida por el propio W3C para la validación del código CSS de páginas web. El plugin está disponible para Firefox hasta la versión 3.6 (por el momento no es compatible con Firefox 4) y se puede descargar desde la zona de plugins de Firefox.