CSS

// Artículos archivados

Generador de imágenes Sprites CSS con SpritePad

Captura-de-pantalla-2012-03-14-a-las-20.08.55

Ya hemos comentado otras veces los beneficios de añadir sprites de imágenes CSS al diseño de tu página web. La principal diferencia al cargar una página con 5 imágenes por separado e incluidas en un archivo CSS al cargarlos de una sola vez también con CSS es que el navegador sólo tiene que hacer una petición http en lugar de 5  y esto aumenta el rendimiento general de un sitio. SpritePad es una buena solución para implementar sprites en tu página, se trata de una aplicación de código libre y online que te permite tratar con estas imágenes.

Leer más

Editor de código online HTML, CSS y Javascript con Dirty Markup

Captura-de-pantalla-2012-03-05-a-las-13.25.09

Dirty Markup ofrece un editor de código online muy atractivo para usar desde cualquier dispositivo al que te conectes a internet, muy fácil de usar y muy funcional. Ya hemos visto este tipo de editores que te permiten desarrollar alguna idea para tu página web desde cualquier parte. Dirty Markup además añade alguna pequeña función para mejorar el visionado y permite editar HTML, CSS y Javascript como puedes ver en la imagen de más arriba.

Leer más

Crunch: Sencillo editor LESS y CSS con compilador de código

screenshot1

Crunch es un sencillo editor que te puede ser de gran utilidad, cuenta con una interfaz muy sencilla y desarrollada en Adobe Air, si te gusta manejar este tipo de aplicaciones te gustará. Con este editor no necesitarás instalar una aplicación pesada para editar código y funciona realmente sencillo y con las opciones de desarrollo necesarias. Permite editar archivos CSS y LESS y compilarlos sin necesidad de usar línea de comandos.

Leer más

CSSrefresh actualiza la página web automáticamente durante la edición de CSS

CSSrefresh, actualiza el CSS automáticamente

Seguramente te habrá tocado editar el código CSS de tu página y a veces se vuelve algo tedioso tener que actualizar el navegador web para ver los cambios. Con CSSrefresh podrás automatizar este proceso, ya que actualizará el código que editar al instante. Se trata de una librería en Javascript y no restará rendimiento a tu página.

Leer más

Olvídate de los prefijos CSS para distintos navegadores con PrefixFree

Prefijos CSS

A menudo debes escribir varias veces el mismo código css para contemplar diferentes navegadores y su comportamiento, si estás cansado de tener que re-escribir código, PrefixFree soluciona esta tarea escribiendo una misma regla para todos.

Leer más

Generador de menús CSS online con IzzyMenu

Crear Menus CSS online

IzzyMenu es una completa herramienta online para la creación de menús dinámicos en puro CSS. Lo más interesante es que cuenta con una herramienta de edición visual del código en CSS que finalmente podrás descargar.

Leer más

CSS Crush: Extensión PHP pre-procesador de CSS

csscrush-preprocesador-css

CSS Crush es una extensión basada en CSS pre-procesador de PHP que minimiza muchos recursos a la hora de desarrollar en CSS …

Leer más

haz.io te permite comprobar las compatibilidad de tu navegador web

haz-io

haz.io es una interesante aplicación web con la que podrás comprobar la compatibilidad de tu navegador web.

Leer más

Fractal: Validador HTML y CSS sencillo para emails

fractal-validador-email-css-html

En muchas ocasiones la validación del html o css de un correo electrónico se vuelve más complicado que para una página web. Con Fractal podrás hacerlo de forma sencilla.

Leer más

CSS Prism: Editor de Colores de hojas de estilo

cssprism-inspector-color-css

CSS Prism es una aplicación web que te mostrará los colores de un archivo CSS que le cargues a modo de red y muestra las normas que existen.

Leer más

Sprite Cow – Generador CSS de imagenes Sprites

spritecow-generador-sprites-css

Sprite Cow es otro generador online de sprites para imágenes de código abierto con interfaz muy sencilla de arrastrar/soltar.

Leer más

Holmes: Detective y corrector de etiquetado CSS [Hojas de estilo]

holmes CSS markup detective

Holmes es una hoja de estilos para el diagnóstico del CSS de una página web, errores en HTML o formatos no válidos.

Leer más

Personalizar y compartir la hoja de estilos CSS de cualquier página

csspivot

CSS Pivot es una aplicación web que te permite cambiar rápidamente la hoja de estilos CSS de cualquier página para ver el resultado al vuelo.

Leer más

Define el ancho de pantalla dinámicamente con Adpat.js

Adapt.js

Adapt.js es una pequeña librería en Javascript de 894 bytes que determina el archivo CSS que se cargará dependiendo del ancho de pantalla del navegador cliente.

Leer más

Auto refresca el código CSS, JS, HTML de tu página con Live.js

Actualizar código CSS, JS, HTML con livejs

Live.js es un sencillo script en Javascript que te permitirá tener actualizados tu código CSS, JS y HTML de tu página web, si actualizas la versión en tu sitio se refrescarán a la última versión automáticamente.

Leer más