Diseño Web
CSS Type Set | Herramienta online para textos CSS
Otra app web más con pocas opciones pero útil para neófitos en CSS. Visualiza online los estilos CSS aplicables a un texto: fuente, tamaño, color”¦ No puedes combinar varios estilos. CSS Type Set Vía: css type set, crea css facil y online > csstypeset – Aprender a crear hojas de estilo CSS
Los 64 blogs con mejor diseño según los votantes de 20minutos
A la categoría Mejor Blog de diseño (aspecto del blog) se han presentado 2144 blogs. Hoy, 31 de octubre y a punto de acabar el plazo para votar sigue habiendo una gran polémica con el sistema de votación y las clasificaciones. El sistema propuesto por 20minutos es justo y democrático, el problema está en los [...]
Bookmarklet para testear tu web a distintas resoluciones en Firefox
Yo utilizo la extensión Web Developer para testear los sitios web a 800×600 y a 1024×768. Siempre tengo en cuenta estas resoluciones, por muchos ya olvidadas, mis estadísticas me dicen que aún tengo muchas visitas con esta resolución. En Proyecto Autodidacta explican en español el artículo de Firefox Facts donde proponen otra forma: creando un [...]
Test de accesibilad que mide contraste de colores
Según las Pautas de Accesibilidad al Contenido Web 1.0 los colores frontales y de fondo deben tener suficiente contraste para poder leerse con facilidad por personas con alguna dificultad visual. En Jucy Studio hay una herramienta online para testear una combinación de colores. Inserta los valores hexadecimales, la fórmula usada te dirá si es apropiada, [...]
Alternativa a sIFR3 para renderizar fuentes no de sistema | typeface.js
Para utilizar tipos en web que no sean fuentes de sistema podemos utilizar sIFR3, en anieto2k descubro otro método basado en javascript, sin Flash, typeface.js El método se sirve de la capacidad de dibujo de vectores de los navegadores: Firefox, Safari, y Opera soportan <canvas> y SVG, IE soporta VML. Para utilizarlo además de llamar [...]
Cajas de texto (textarea) autoseleccionables
Si quieres poner una caja de texto un textarea donde el usuario al pasar el ratón por encima seleccione todo el texto que incluye, por ejemplo el enlace a tu web, simplemente añade: onMouseOver="this.focus()" onFocus="this.select()" Vía: Caja de texto con selección automática del contenido
Medir y Optimizar la velocidad de carga de tu web
Empiezo con mi recondemación y con las últimas novedades: Pingdom Tools puedes ver la velocidad de carga de tu web pero además ver desglosado todos los detalles de este proceso archivo por archivo. Entre sus funciones puedes filtrar la información también por peso de archivo en vez de por tiempo. Webwait es otro sitio que [...]
70 sitios web con grandes imágenes de fondo
La propiedad background en CSS permite establecer un patrón para repetir una imagen pequeña, de carga rápida como fondo de una página. Muchos diseñadores prefieren utilizar sólo 1 imagen de gran tamaño consiguiendo un aspecto único y una imagen de marca muy personal. 3 ejemplos de los 70 recopilados en FrancescoMugnai.com
David Walsh confiesa y comparte sus peores errores CSS
David Walsh nos cuenta en su blog los errores que cometía en sus comienzos, no es común hacer público los errores que uno comete, al hacerlo David nos da dos lecciones, una de humildad y otra de CSS. Didáctico y divertido (en inglés) My Worst CSS Mistakes Vía: Peores Errores en CSS
Picture for me | Agregador social de imágenes
Picture for me es un agregador social donde los usuarios publican imágenes de blogs o sitios webs mediante un botón del navegador, los más populares son las imágenes que han sido guardadas más veces. En la página de cada imagen se enlaza con la página original y se ofrece una versión caché, algo que evita [...]
