CSS
Adobe BrowserLab 1.1.0 testea navegadores ahora con capturas de pantalla
Comprobar o testear la compatibilidad de un diseño web en distintos navegadores es tarea común en nuestro trabajo. Adobe BrowserLab es un servicio online, una aplicación web que nos permite no sólo testear sino comparar cómo renderizan los distintos navegadores una misma página web. La nueva función es “Save Locally”, haciendo clic con el botón [...]
CSS específico para cada navegador y SO
La forma más habitual de especificar una hoja de estilos según el navegador es a través de los comentarios condicionales en el head. Menos recomendable son los hacks que incluyamos en el CSS. Gracias a este pequeño javascript, CSS Browser Selector, podemos utilizar distintos selectores según el navegador, el Sistema Operativo y si tienen o [...]
Web Font Specimen | Tipografía web en contexto web | @font-face
Web Font Specimen es un paquete de archivos con el que testear un tipo web con todas las características propias de la tipografía web CSS. Utiliza el reset.css de Eric Meyer y el framework 960.gs para que probemos en nuestro navegador todas las posibilidades de renderizado de cualquier tipo, incluido cualquiera que queramos utilizar con [...]
Cómo crear un theme para WordPress | 4 horas de vídeotutoriales
Ayer por la mañana realizábamos la 2ª parte del e-seminario “Cómo crear un theme para WordPress” para el grupo de Adobe del Instituto de Artes Visuales. Otras dos horas que grabamos y que volvemos a compartir. Por orden y por si os perdisteis la 1ª parte: Cómo crear un theme para WordPress (1ª Parte) from [...]
El mejor editor de CSS | Stylizer | La “aplicación asesina” de los diseñadores web
Stylizer es una aplicación de escritorio que ya he puesto entre mis imprescindibles. De todas las herramientas que he probado esta es la que finalmente me ha convencido. Como con Firebug puedes seleccionar, apuntar a elementos de la página con la función Bullseye y obtendrás los estilos que afectan a ese elemento y con Stakeout [...]
¿Qué fuente es mejor usar en web?
Con el advenimiento de CSS3 y hasta que @font-face no sea soportado por todos los navegadores la flexibilidad para usar una u otra fuente seguirá siendo cuestión de Sistemas Operativos. Deberemos pensar en fuentes que estén instaladas en la mayor parte de los equipos y por ende que vengan preinstaladas sobre todo en Windows. Aunque [...]
Si no puedes contra IE6 únete a él | 3 formas de hacer webs compatibles con IE6
Está claro que IE6 es un verdadero pain in the ass para el común de los diseñadores web. Tienes 2 opciones que ya comentamos en “Sobre la agonía de IE6“: Puedes tomar la opción de renegar de él y no darle soporte o puedes intentar que quienes aún utilizan este navegador vean correctamente tus sitios. [...]
Interlineado en CSS | line-height
99 diapos que explican en profundidad el funcionamiento de la propiedad CSS line-height (interlineado) Line Height View more documents from Russ Weakley. Visto en 5 Must Read Presentations about CSS Coding En español: Propiedad line-height | Referencia de CSS 2.1 | LibrosWeb.es CSS: La propiedad Line-height | CSSBlog ES
Cómo crear un theme para WordPress con Frameworks | 10 Themes para diseñar Themes
Mañana a esta hora daremos una videoconferencia para el Instituto de Artes Visuales titulada “Cómo crear un theme para WordPress”. Para empezar hablaremos sobre el uso de frameworks CSS o librerías, la creación desde cero o a partir de un theme de terceros. Cada proyecto o diseño tendrá sus necesidades pero en general para el [...]
SpriteMe | Bookmarklet para crear sprites CSS
Los sprites CSS son una técnica que mejoran la velocidad de descarga de una web, básicamente se trata de utilizar una sola imagen de fondo y mediante CSS recortar los pedacitos que van a cada sitio y así reducir el número de llamadas HTTP. Para que te hagas una idea la página de resultados de [...]
