En lo personal una de las cosas en las que siempre me fijo es en el tipo de tipografía utilizada en las diferentes partes de la pagina y en muchas de las ocasiones termina gustándome alguna tipografía pero..como es obvio, en ningún lado dice el nombre, así que tengo que andar buscándola en algunos servicios en linea  o directamente en las paginas de tipografías gratuitas.

Creo que no soy la única a la que le pasa esto, por ello me ha dado gusto darme cuenta que hay una manera muy fácil de descubrir que tipografías utiliza un sitio web.

Si utilizas como navegador Firefox esto también te será de utilidad ya que se trata de una extensión para este navegador, la cual es muy fácil y practica.

La extensión de la que hablo se llama Context Font y se encarga de mostrar el tamaño en pixeles y la familia a la que pertenece la tipografía que analizamos, dándonos también otros datos como font-style, font-variant.

Una de las cosas que mas me gusto de esta extensión es que al tener un registro de las tipografías, te proporciona un enlace de descarga y así no tienes que ir a buscarla a otro lado, ya que ahí mismo puedes descargarla.

Link para descargar esta extensión de Firefox: Context Font.

The post Como saber la tipografia de un sitio web appeared first on portafolio blog.

Una de las ventajas de tener Firefox instalado en nuestro ordenador son todas las extensiones con las que cuentan en su página web, las cuales son desarrolladas por miles de personas y lo mejor de todo: son gratuitas.

Hoy les traigo una recopilación de los que para mi son 5 extensiones básicas para todo diseñador web.

ColorZilla: ¿Alguna vez te has preguntado que color tiene el logo de tu pagina favorita? o ¿De que color es el fondo de X pagina web? Supongo que si, por lo menos yo lo he hecho, pero no me he quedado con la duda.

Esta extensión te proporciona con un solo click el color del objeto que seleccionaste con el punto, tanto en código hexadecimal como RBG. En cuanto a colores es mi herramienta favorita en Firefox y la recomiendo ampliamente.

Firebug: Este es uno de las extensiones que más utilizan los diseñadores y desarrolladores web, ya que nos permite conocer, depurar y editar el código CSS, HTML, JavaScript y DOM de cualquier pagina web, así como también nos permite conocer cuanto tiempo tardan en cargar las imágenes y scripts dentro de una pagina web.

Web Developer: Esta herramienta fue la ganadora del concurso “Extend Firefox” de Firefox en el 2006. Su función es es parecida a la de Firebug, ya que nos permite conocer el código, pero también nos permite desactivar cualquier parte de CSS, cookies, imágenes, etc.

Xrefresh: es una herramienta con una función muy simple pero muy útil, ya que cada que nota un cambio en el código de la pagina web en la que estamos trabajando se refresca automáticamente. Sin duda esta herramienta nos ahorrara clicks y estar pegados al f5.

MeasureIt: es simplemente una regla para medir cualquier cosa que se te ocurra dentro de tu navegador web. Teniendo esta extensión solo tendrás que dar un click en el icono para activar la regla y obtener aquellas medidas que deseas.

Espero les sirva alguno de estos recursos web.

The post 5 extensiones de Firefox para diseñadores web appeared first on portafolio blog.