No es ningún secreto que hay una gran diferencia en cuanto a la proporción de hombres y mujeres en la industria del diseño de páginas web, pero eso no quiere decir que no exista ninguna mujer con un increíble talento para el diseño Web. El artículo 40 Amazing Female Role Models for Web Designers , de line25 , nos deja una selección de las 40 diseñadoras más notable e importante (de habla inglesa) , que pueden ser un modelo o ejemplo perfecto para cualquiera que trabaja actualmente en su carrera de diseño web. Sería interesante hacer algo similar pero para los que utilizamos el castellano como idioma. Cuidado, que las chicas vienen pisando fuerte, ¡bienvenidas!
40 mujeres con gran talento en el diseño Web
Los tipos de letras son uno de los bloques más importantes en la construcción del diseño Web. Un problema habitual en los tipos de letras tradicionales (Verdana, Arial, Helvetica, etc.), es que tarde o temprano te hartas de ellas. Aunque no hay nada de malo en ellas, ya que son tres de las tipografías más seguras. Por otra parte, si utilizas un tipo de letra poco frecuente que los usuarios no tienen en su sistema, a demás de ser una opción poco profesional, al no tener control sobre lo que el usuario verá en su navegador. Por eso los diseñadores prefieren la tipografía que se ha dado en llamar segura. ¿Cuán seguras son las tipografías Web? Ese tipo de letras se ven bien en pantalla y son relativamente populares, por lo que puede asumir con seguridad que tus visitantes tendrán esa tipografía en su sistema . Por regla general esos tipos de letras vienen con el sistema operativo, y que los usuarios las tienen instaladas por defecto. Otros tipos de letras, no hay garantía de que las pueda tener instaladas en el ordenador del usuario. Incluso si esa tipografía está instalada en los ordenadores de los usuarios, muchas de ellas solo se ven bien en ciertos casos , como puede ser con ciertos tamaños , en donde aparecen distorsionadas o son ilegibles. Después de todas estas aclaraciones, necesarias para tener claro los conceptos, y saber por tanto que decisión tomar, debe tomar. Pero te ayudará en esto el artículo 21 Stunning Web Safe Fonts , de WebHostingSearch , que nos dejan una selección de tipografía segura para la Web, que están disponibles en Windows, Mac y Linux , o bien tienen sustitutos decente. Si te gusta uno, simplemente copia el código CSS que se encuentra en el recuadro azulado , y a disfrutar de su uso.
Fuente:
http://www.cosassencillas.com/2009/10/21/21-tipografias-web-seguras/
El uso de listas en HTML ( para una lista ordenada, y para una lista no ordenada) son unos de los elementos más comunes en la Web o los blogs. Como recordatorio, aquí podemos ver una lista ordenada y otra desordenada como se ve por defecto: Elemento de la lista ordenada # 1 Elemento de la lista ordenada # 2 Elemento de la lista ordenada # 3 Elemento de lista no ordenada # 1 Elemento de lista no ordenada # 2 Elemento de lista no ordenada # 3 En el artículo 8 different ways to beautifully style your lists , de MarcoFolio , van un poco más allá de la creación de las típicas listas aburridas, y nos muestran 8 diferentes maneras de darle un bonito estilo a las listas de HTML pero esta vez utilizando los estilos CSS , para dejar de ver de una vez por todas las típicas listas. En dicho artículo nos dejan todo explicado y con toda su codificación, es muy sencillo de seguir, aunque no sepas inglés. Podemos darle un vistazo a la demo o descargar los estilos directamente. Se ve mucho mejor, esas listas con estilo ¿no? Puedes obtener esos resultados, simplemente añadiendo un par de cosas al CSS. ¿Quieres saber cómo? pues no dejes de darle un vistazo al artículo mencionado.
Fuente:
http://www.cosassencillas.com/2009/10/21/8-maneras-darle-estilo-listas/
Disponer de dos monitores en tu entorno de trabajo es algo común entre los profesionales de diseño y desarrollo Web, para los que tienen esta configuración, se puede utilizar un fondo de escritorio hecho a propósito para los usuarios que tienen múltiples pantallas. Si te interesa unos buenos fondos para que puedas utilizarlos con dos pantallas, puedes darle un vistazo al artículo 45 Beautiful Dual-Screen Wallpapers , de SixRevisions . Una colección donde puedes encontrar una gran cantidad de fondos de escritorio realmente bonitos para usarlos con dos monitores. El citado artículo nos dejan una vista previa y los enlaces a la descarga de cada uno de ellos. Pero si deseas saber acerca de las herramientas que te dan la capacidad para utilizar varios monitores y ordenadores, quizás te interese leer acerca de cinco herramientas gratuitas para múltiples monitores de ordenador , en el artículo Five Free Tools for Multi-Monitor Computer Set-Ups , de SixRevisions .
See the original post:
45 fondos de pantalla duales muy bonitos
Las imágenes son muy importantes porque pueden hacer que sus páginas web se ven mejor y más atractivas. Pero, las de alta calidad siempre son enorme de tamaño de archivo. Eso hace que la carga de las páginas sean más lentas y consuman más ancho de banda. Así que, los diseñadores deben optimizar las imágenes para que sean pequeñas en tamaño de archivo, pero de buena calidad. Hay un montón de herramientas de optimización de imagen útil que nos puede ayudar a optimizar y reducir el tamaño de archivo de las imágenes.En el artículo 12 Really Useful Image Optimization Tools For Web Designers , de WebDesignBooth , nos dejan 12 buenas herramientas de optimización de imagen para diseñadores web. Estas aplicaciones están disponibles en línea y en aplicaciones de escritorio : Smush.it . Es una popular herramienta de optimización de imagen que pueda reducir el tamaño de archivo de imagen, pero manteniendo la calidad, que es lo que llamamos “pérdidas” de optimización de la imagen. Puede ejecutar Smush.it a través del sitio web (5 imágenes al mismo tiempo) o mediante la extensión de Firefox YSlow . Dynamic Drive Online Image Optimizer . Nos permite optimizar diferentes formatos de archivo de imágenes (GIF, JPG y PNG). Puede cargar la imagen desde su equipo local o pegar la URL de una imagen. Esta herramienta es capaz de optimizar y convertir tu imagen a formato de archivo diferente. Las limitaciones en línea son 200KB por archivo, y un solo archivo para la conversión. PunyPNG . Comprueba en primer lugar las imágenes y luego determinar qué técnica es la mejor para que la imagen en particular. Soporta la mayoría de los formatos de archivo de imágenes más populares y determinará automáticamente el formato que te conviene. SiteReportCard Image Optimization Tool . La herramienta soporta los formatos de archivos: GIF, JPG y PNG. Puede pegar la URL de la imagen o subirla desde tu ordenador, y la herramienta de comprimir y optimizar la imagen te proporciona varios tamaños y diferentes calidades. Shrink O’Matic . Es una aplicación basada en AIR que es capaz de redimensionar la imagen sobre la marcha con solo arrastrar y soltar imágenes en él. Puede elegir opciones como los formatos de salida, su nombre o el tamaño de salida. OptiPNG . Es un optimizador avanzado de archivos PNG, que se convertirá en varios formatos de archivo PNG optimizado. Los usuarios de Windows pueden integrar OptiPNG Windows Shell Integration de Windows, o el uso como OptiPNG as Paint.NET Plugin . Mientras que los usuarios de Mac OS X puede disfrutar de la aplicación PNGCrusher . ImageOptim . Es una herramienta que combina un conjunto de herramientas de optimización de imagen. PNGOUT . Es una aplicación de línea de comando que tiene un montón de opciones diferentes. Soporta PNG, GIF, BMP, JPG, TGA y PCX. PNGGauntlet . Es capaz de convertir a JPG, GIF, TGA, PCX y BMP a PNG. JPG & PNG Stripper . Esta aplicación es capaz de eliminar los metadatos innecesarios de los archivos de la imagen. Soporta JPG, JFIF y PNG. TweakPNG . Es una herramienta de bajo nivel para la optimización de los archivos PNG. Por lo tanto, es necesario familiarizarno s con este tipo de formato con el fin de utilizar bien esta herramienta. Puedes leer más acerca de PNG en este enlace . RIOT – Radical Image Optimization Tool . Es capaz de leer y optimizar los diferentes formatos de imagen, incluso con extensiones poco frecuentes, que lo hace único si lo comparamos con con otras herramientas de optimización de imagen. Nos muestra al lado del original, las imágenes convertidas para comparar la calidad de ellos fácilmente.
Continue reading here:
12 buenas herramientas para optimizar imágenes