HTML Dog recursos HTML y CSS bien explicados

HTML DogComo casi todo lo que conocemos de internet, por casualidad he encontrado esta web, www.htmldog.com una buena página donde los tags HTML y el CSS se explican de una manera muy sencilla y comprensible, con la información muy bien estructurada, en niveles, es un muy buen recurso al que acudir en caso de dudas al diseñar nuestras páginas.

La web la ha realizado Patrick Griffiths un experto en front-end, y que ha colaborado en proyectos conocidos por todos, como www.csszengarden.com o http://alistapart.com

Fuentes en sistemas Mac y Windows para webs

fonts.gifMuchas veces cuando empezamos con el diseño de una web sobre Photoshop siempre pensamos en si podríamos utilizar aquella fuente que vimos hace unos días y nos gustó tanto, pero luego recuerdas que a la hora de la verdad son las fuentes de los sistemas operativos, Windows, Mac, Linux y otros, las que te marcan la pauta a seguir. Al principio uno se pregunta que fuentes se podrán utilizar y las no, esto como muchas otras cosas dependientes de un S.O. o un navegador (IE, Firefox, Opera…), lo que habrán hecho las empresas detrás de estas aplicaciones.Una vez investigado el tema di con las fuentes mas comunes que se usan en toda la web y a su vez las que están en la mayor partes de estos sistemas y aplicaciones. Aquí os dejo una tabla comparativa entre Windows y Mac OS y sus diferentes variantes y los nombres de las fuentes.

fuentestipo5.png

Aunque no están todas las fuentes posibles que se pueden utilizar en estos dos sistemas, si las más típicas y usadas en la mayoría de páginas web. Y antes de que me acribillen los pro-pinguinos, Linux lleva también consigo variantes de algunas de las fuentes genéricas, eso si la mayoría con nombres muy distintos. Esto os lo dejo como una pequeña ayuda para simplificar mas el uso de las fuentes en nuestros CSS 😉Apuntes de interés :– Destacar cierta fuente como es Verdana, que MS sacó expresamente con IE4 si mal no recuerdo para el uso en las páginas web.- Nos podemos encontrar con Lucida Sans Unicode que también tiene variantes en ambos sistemas, pero que en el navegador del “zorrito” dependiendo del orden escrito en el atributo css de font-family puede causar una muy mala renderización de la fuente y la complicada lectura.- La Tahoma se ha familiarizado mucho más últimamente, simplemente tiene un fallo muy pequeño, esta descompensada en 1 pixel de altura de linea en comparación de su hermana de mas espaciosa, Verdana, esto puede acarrear algún que otro quebradero de cabeza con el intento de alineación vertical en botones por ejemplo.Salu2, L.N.D.