Fuentes de sistema para la web

Cuando comenzamos un diseño para la web uno de los primeros errores que cometemos es el usar fuentes o tipografías que están fuera de los estándares normales. Me quiero referir para aquellos desarrollos que usan html, xhtml, php etc., caso contrario cuando se utiliza flash ya que este incorpora de cierta manera las fuentes utilizadas en el SWF para que el usuario final pueda verla de igual manera que el desarrollador el planteo como así también el uso de imágenes.

Cuando diseñamos entre  las cosas a definir antes de comenzar como colores, diagramación, elementos también debemos considerar las fuentes, familias y cuerpos. Esta pre selección de elementos nos dará un control más amplio en el ámbito de los resultados que esperamos para nuestra web. Las fuentes de sistemas son aquellas familias tipográficas que están disponibles en todos los sistemas operativos. Algunas de estas tipografías están en mayor porcentaje en diferentes plataformas pero hay ciertas familias que llegan hasta un 98% de presencia en todos los sistemas operativos. El uso de estas fuentes nos asegurar que nuestro diseño se muestre igual en todas las plataformas y evitaremos que el navegador las tenga que reemplazar por otras y que el diseño se rompa o no se vea de la manera adecuada que queríamos.

A continuación les dejo un listado de familias tipográficas y ejemplo de cómo se ven para que puedan utilizarlas en sus diseños. Cabe aclarar que hay varios métodos para incorporar fuentes que no están disponibles en todos los OS, para ello veremos otro tuto con respecto como utilizarlas.
Si quieren probar todas estas fuentes y simular como se ven visiten este site! http://www.fonttester.com/

categorias: Diseño Web Coment.: -

148 Iconos editables para Illustrator

Excelente colección de iconos editables en Adobe Illustrator listos para usar sea para la web o la grafica. Cuentan con una excelente calidad visual y gran variedad de temas

categorias: Diseño , Diseño Web , Iconos PNG Coment.: -

Generador de fondos rallados

Una característica común que comparten los sitios creados en CSS es que tienen en algún lugar, mucho o poco algún detalle o fondo con rallas diagonales. Esta característica es sin dudas una firma del CSS en el mundo de los que diseñan, como muchos sabes y mas aquellos que usamos Firewoks es muy fácil hacerlos pero para los que son mas del PhotoShop se les complica la cosa un poco, bueno acá la solución para ellos!!! un generador de rallitas con todas las posibilidades que puedas imaginar!

http://www.stripegenerator.com/index.php?page=index

categorias: Diseño Web , Recursos Coment.: -

Iconos para diseño web

No hay mucho para esplicar, le paso la lista nomas:

http://somerandomdude.net/srd-projects/sanscons/ - iconos
http://gtmcknight.com/buttons/hosts.php - pastillas
http://www.antipixel.com/blog/archives/2002/10/22/steal_these_buttons.html - generador de pastillas
http://kalsey.com/tools/buttonmaker/ - generador de pastillas
http://www.famfamfam.com/lab/icons/mini/ - iconos
http://www.lighttek.com/themes/themes.php?D1=Icon%20Sets&D5=Date - iconos
http://www.ndesign-studio.com/resources/mini-pixel-icons/ - y mas iconos

categorias: Diseño Web , Recursos Coment.: -

Estilizar formularios con css

Esta es una excelente aplicasion realizada por badboy para estilizar o adornar mejor nuestros formularios usando CSS y Java el resultado son formularios muy agradables a la vista y personalizables si es que nos animamos a modificar un poquito el código y las imagenes, muy recomensable si queres despedirte de los habituales y aburridos formulario.

http://www.badboy.ro/articles/2005-07-23/niceforms_preview/

categorias: CSS , Diseño Web , HTML - XHTM , Recursos Coment.: -

Generador de cajas con bordes redondeados

Bueno como el titulo lo dice es tal cual, solo elegimos los colores que vamos a usar y listo nos regala la div con los bordes redondeados listos para usar en nuestra web, muy interezante para aquellos que comienzan y pueden de esta manera viendo el codigo entender como se hace

http://www.neuroticweb.com/recursos/css-rounded-box/index.php?color=FFFFFF&fondo=F2F2F2

categorias: CSS , Diseño Web , Recursos Coment.: -