Frogx.Three » font-face... http://www.frogx3.com Blog de diseño con recursos para diseño y desarrollo web - Tutoriales, tips, snippets, iconos, recursos, plantillas Thu, 09 Feb 2012 20:00:11 +0000 en hourly 1 http://wordpress.org/?v=3.3.1 20 increíbles diseños web de una sola pagina http://www.frogx3.com/2010/05/03/20-increibles-disenos-web-de-una-sola-pagina/ http://www.frogx3.com/2010/05/03/20-increibles-disenos-web-de-una-sola-pagina/#comments Mon, 03 May 2010 10:40:02 +0000 Jorge http://www.frogx3.com/?p=6680 En el momento que se puso de moda el uso de AJAX se pusieron de moda los sitios que cargaban grandes cantidades de información desde puntos especificos lo cual mejoraba sustancialmente la velocidad de muchos sitios al no tener que cargar todo con cada recarga y le daba un toque de interactividad a los sitios.

Pero muchos otros sitios han optado por limitar su información o evitar excederse con información inútil, estos sitios han integrado toda su información en una sola pagina,  en Slodive han seleccionado a 20 de estos sitios web que con creatividad han creado increíbles diseños web de una sola pagina, vale la pena notar como acomodaron la información y utilizaron el menu de navegación.

Aquí les dejo un par de ejemplos, para conocer todos solo  sigan el enlace al final.

font 437x350 20 increíbles diseños web de una sola pagina

zulsdesign 433x350 20 increíbles diseños web de una sola pagina

Enlace: 20 awesome examples of single page web design

]]> http://www.frogx3.com/2010/05/03/20-increibles-disenos-web-de-una-sola-pagina/feed/ 1 Utiliza cualquier tipografía en web con Javascript http://www.frogx3.com/2008/11/02/utiliza-cualquier-tipografia-en-web-con-javascript/ http://www.frogx3.com/2008/11/02/utiliza-cualquier-tipografia-en-web-con-javascript/#comments Sun, 02 Nov 2008 22:00:45 +0000 Jorge http://www.frogx3.com/?p=3801 example Utiliza cualquier tipografía en web con Javascript

Typeface.js es la librería javascript esperada por muchos diseñadores, typeface mediante el uso de <canvas/> se encarga de que puedas utilizar en tu sitio web cualquier tipografía que desees.

Es decir normalmente en un diseño web únicamente puedes utilizar tipografías como Verdana, Arial, Georgia u cualquier otra con el único requisito que esa fuente exista en el equipo de tu visitante, cosa que generalmente no sucede.

Typeface soluciona este detalle dando la posibilidad de usar cualquier tipografía sin necesidad de preocuparte, como se hace y cuales son su ventajas en comparación a otras alternativas como sIFR3 y FLIR?

Ventajas

  • Legibles para buscadores
  • No es necesario Flash ni PHP, solo javascript el 99% de los navegadores lo tiene.
  • Multiplataforma
  • Fácil de utilizar
  • Ligero
  • Permite seleccionar y copiar el texto

Como utilizarlo?

1.-Descargar la libreria TypeFace.js

2.-Renombrar la fuente que deseas utilizar por ejemplo de: helvetica.ttf > helvetica.typeface.js

3.-Utilizar el siguiente codigo en la cabezera <head>

<script type="text/javascript" src="typeface-0.10.js"></script>
<script type="text/javascript" src="helvetiker_regular.typeface.js"></script>
<div class="myclass typeface-js" style="font-family: Helvetiker">
	Text here in Helvetiker font...
</div>

Eso es todo en caso de que el script no pueda cargar la fuente personalizada esta mostrara automáticamente la dispuesta como fuente por default para el sitio web.

Si quieres puedes ver algunos ejemplos del uso de este excelente script:

Vía: Render text with javascript typeface

]]> http://www.frogx3.com/2008/11/02/utiliza-cualquier-tipografia-en-web-con-javascript/feed/ 4