Css Redundancy Checker es una aplicación que nos pide la dirección de nuestra hoja de estilos CSS y las páginas web en las que es utilizada.
Verificará si todos los elementos indicados en el archivos CSS son utilizados, en caso contrario nos informará de lo que puede ser eliminado o de la información redundante.
Útil para reducir tamaños de archivos y hacer un trabajo más limpio y organizado.
Styleneat ayuda a mantener el código CSS de vuestras hojas de estilo perfectamente organizado para facilitar su edición.
Basta incluir el código actual y seleccionar los parámetros deseados para obtener una virguería de resultado digno de concurso.
Nada que no tenga un buen editor de código fuente, aunque siempre se agradecen estas herramientas cuando no hay nada mejor cerca.
Sorprendente la facilidad con la que se puede crear el esqueleto de una nueva web usando Drawter.
Con el modo de dibujo podéis ir creando las cajas de contenido, que serán los DIVs de vuestra web. Podéis definir colores, tamaños, textos… todo lo que consideréis necesario antes de generar el código html y su hoja de estilos correspondiente.
Una herramienta que todo diseñador web debería probar en sus inicios.
fuente: del.icio.us
Una de las características más reconocibles de la llamada web 2.0 es sus figuras con bordes redondeados y sus colores pastel tan agradables a la vista.
Si quieres añadir estos elementos a tu página pero el diseño no es tu fuerte, podéis conseguirlo gracias a Fresh Generator. Se trata de un servicio web donde podremos crear diferentes figuras que nos puede ser muy útil para nuestro diseño.
Tenemos diferentes parámetros con los que jugar e intentar conseguir esa imágen que tenemos en la cabeza. Entre ellos están, obviamente, el color, la sombra, el tamaño, si lo queremos horizontal o vertical, el redondeo de las esquinas y el texto que queramos que aparezca.
El uso más común que le podemos dar es para el diseño de las pestañas de nuestra aplicación, algo que junto a un poco de conocimiento de hojas de estilo podremos terminar teniendo una página bastante interesante y atractiva.
En la misma web podremos encontrar diferentes ejemplos, incluso algunos emulando el diseño que podemos encontrar en sitios tan conocidos como YouTube, Firefox o eBay, y que podremos reutilizarlos para nuestro sitio.
Todo es totalmente gratuito, sin necesidad de ningún tipo de registro, así que no perdemos nada por probar.
Seguramente los que estáis empezando en el mundo css me agradeceréis este enlace que me encontré navegando entre del.icio.us.
Css Type Set muestra la hoja de estilos css del texto que escribís a la derecha. En tiempo real os genera los tags necesarios a medida que usáis un editor de texto normalito con tipos de fuente, negrita, subrayado y demás.
Interesante desde el punto de vista didáctico, un paso más para eliminar las tablas definitivamente de Internet.
El diseño web es mucho más complicado de lo que parece, y una de las formas correctas de hacerlo es usando Hojas de estilos o CSS. No es nada fácil poderse manejar con ellas, pero tenemos suerte de que existan multitud de sitios donde podremos encontrar buenos tutoriales, ayudas o incluso trozos de código que podremos usar en nuestro sitio. A continuación os listamos 20 de estos sitios.
Fuente: Six Revisions.
