Si suelen leer periódicos Online, seguramente habrán notado que la gran mayoría de ellos nos brinda en cada uno de los artículos que leemos, la opción para ampliar el texto, función que podemos utilizar en caso de desearlo. Si bien utilizo los Periódicos como referencia, ya que es por lo general donde suelo verlos, no significa que solo deba utilizarse cada vez que llevemos adelante este tipo de proyectos (Periódicos). Si deseamos facilitar la lectura de cada uno de nuestros usuarios, no sería mala idea comenzar a implementar este tipo de opciones en nuestros blogs o web empresariales. Justamente hoy recordé que Mauricio había realizado un simple tutorial (el cual busque hasta encontrar), muy fácil de seguir, que les permitirá llevar esta idea a sus proyectos online.
- Mas info Infectedfx
- Ver Demo
- Descarga Tutorial Completo
Uso:
Realizar las llamadas a los script
<script language="javascript" src="js/dw_sizerdx.js" type="text/javascript"></script>
Seleccionamos que partes (DIV) son las que queremos que se modifique el tamaño del texto.
dw_fontSizerDX.setDefaults( "px", 11, 11, 14, ['div.post p' , 'blockquote'] );
dw_fontSizerDX.set(10, 10, 10, ['div#fontSize'] );
dw_fontSizerDX.init();
</script>
Agregamos los Botones
<ul>
<li id="more"><a href="#" onClick="dw_fontSizerDX.adjust(1); return false" title="Aumenta el tamaño de texto"> Aumentar tamaño </a></li>
<li id="less"><a href="#" onClick="dw_fontSizerDX.adjust(-1); return false" title="Disminuye el tamaño de texto">Disminuir tamaño</a></li>
</ul>
</div>
Loading ...
Germán
11-01-2009
Permalink
Me parece buena idea dar la opción de agrandar el texto, pero tengo que decir que la mayoría de navegadores ya dan esa opción por defecto.
Más interesante aún es no forzar a los visitantes a agrandar el texto (o a acercarse a la pantalla para leer mejor), por eso desde hace tiempo uso un font-size de 16px en el contenido principal de mi blog.
Lo veo muy cómodo, puedo ponerme a leer recostado en mi silla sin necesidad de acercarme al monitor.
Aquí te dejo un post que escribí al respecto:
http://aprendiendoweb.com/2008/10/relativa-facilidad-de-lectura-por-que-usar-un-font-size-de-16px
También traduje un artículo de Oliver Reichenstein llamado El estándar 100% fácil de leer
http://aprendiendoweb.com/2008/10/el-estandar-100-facil-de-leer
Espero que estos enlaces te sean de interés.
Saludos.
Germán
Botón para modificar el tamaño del texto de forma instantánea - davidcostales blog - Blog personal de David Costales. Inspiración, Diseño y Programación
11-01-2009
Permalink
[...] Botón ampliar tamaño de texto en nuestros artículos Enlace: Free High Resolution Grunge Rustic [...]
Yimgo » Archivo del Fotolog » Botón ampliar tamaño de texto
11-01-2009
Permalink
[...] Enlace Leer mas Escribe una crítica [...]
JHMorales
11-01-2009
Permalink
Hola:
interesante artículo, coincidiéndo en el tiempo con uno que escribí hace hace pocos días en mi blog JHMorales.es. En él describo un archivo javascript para ampliar o reducir la fuente, lo he modificado para establecer el tamaño de la fuente según la resolución que se esté usando y mantener el tamaño escogido en la navegación y futuras visitas.
JHMorales
Ronymaru
11-01-2009
Permalink
Hola:
La verdad, he probado el sistema , y no agranda lo suficiente el tamaño de texto como para que alguien como yo pueda leer, es por eso que es mejor instalar el botòn de vozme.com el los blogs. al menos pienso que es mejor que esto en mi opiniòn. Saludos.
Nikko
11-01-2009
Permalink
Ronymaru : en la segunda linea del script puedes configurar el tamaño maximo de las fuentes para ampliar, eso depende de lo que quiera uno...
Superlativo
11-01-2009
Permalink
¿Puedo usarlo en Wordpress? ¿o saben de algun sistema que se pueda implementar en Wordpress? Yo usé el único plugin que encontré para ello llamado WP-chgFontSize pero no conseguí que funcionara correctamente.
Felicidades por excelente blog, les sigo desde hace mucho pero todavía no había escrito.
Saludos
Nikko
11-01-2009
Permalink
Superlativo:
A Wordpress puedes integrar lo que desees, cualquier script. Los plugin suelen ser solo complementos para facilitar un poco las cosas, pero de forma manual puedes añadir animaciones, efectos, slide, y muchas cosas mas, basadas en jQuery, Javascript, mootool, etc ..... solo es cuestión de que sepas como hacerlo.