10 Recursos para tipografías JavaScript

La librerías JavaScript de código abierto pueden ayudar a diseñar los desafíos web (una técnica que optimiza los diseños web para dispositivos móviles), aplicar divertidos efectos de texto y mucho más. Este post, se centrará principalmente en las librerías  de JavaScript que utiliza técnicas modernas de tipografía web para destacar y promover las prácticas actuales de mejor diseño web.

1. Modernizr

Las reglas @font-face de CSS es rápido, permite escribir HTML semántico (bueno para SEO) y es mucho más fácil de implementar en un sitio web para los diseñadores web, en comparación con métodos anteriores. Aunque la norma ha estado disponible desde el día de Internet Explorer 5, la aplicación del web navegador inconsistentes  hizo @ font-face una mala opción. Este no es el caso.

La librería JavaScript Modernizr (que no es una librería de tipografía web) le permite detectar si las reglas y propiedades CSS como @ font-face y la sombras de texto están disponibles en el navegador web de un usuario para que pueda ofrecer a este grupo  un progresivamente experiencia de usuario mejorada.

2. Kerning.js

Kerning.js es una librería JavaScript de código abierto que promete a los diseñadores web un completo control de la tipografía web. De acuerdo con el desarrollador del proyecto, Joshua Gross, la librería es sin duda un “trabajo en progreso”. Sin embargo, mediante la ampliación de CSS, no necesita programación JS fuera de la referencia a la librería en el código HTML. Sólo tiene que utilizar las propiedades personalizadas CSS de Kerning.js.

Con esta excelente librería JavaScript, se puede lograr una variedad de técnicas, normalmente asociado con el diseño de impresión y publicación de escritorio. Ver demo.

3. Lettering.js

Esta librería JavaScript proporciona un control sin precedentes. Use Lettering.js para modificar las características de la tipografía web, producir diseños web sofisticada y tipografía compleja. Lettering.js es un plugin para jQuery,así que tendrá que usar jQuery para hacer trabajar a Lettering.js. Ver demo.

4. FitText

FitText, es un plugin de jQuery,  ayuda a los diseñadores web establecer la tipografía flexible que cambia de tamaño en función del tamaño del navegador del usuario. Su intención para el uso en el diseño web de respuesta se basa en sus diseños web optimizados para verse en cualquier resolución, desde la pequeña pantalla de los teléfonos móviles hasta monitores de escritorio de pantalla ancha.

5. Kern.js

En la tipografía, Kerning es el acto de ajustar el espacio entre cada letra de una fuente para lograr una mejor proporción. Por ejemplo, para que las palabras se vean mejor, los diseñadores de la fuente puede variar la cantidad de espacio entre la ‘W’ y ‘T’ de manera diferente que entre ‘W’ y las letras ‘A’ debido a la forma y el tamaño de los pares de letras. Kerning ha sido, tradicionalmente, difícil para la tipografía de páginas web debido a las limitaciones, pero Kern.jshace que sea fácil. Este plugin jQuery requiere Lettering.js para funcionar.

6. fontdetect.js

fontdetect.js, esta librería JS detecta si una fuente en particular se encuentra actualmente instalado en el ordenador del usuario. Si el script encuentra la fuente deseada, va a proporcionar la página web correspondiente. Si no, vuelve a la fuente predeterminada que haya especificado en la hoja de estilo de su sitio web.

7. FontEffect

Esta divertida biblioteca de JavaScript se aplica fuera de lo común. FontEffect le permite procesar el texto tipo: contornos, gradientes, sombras y la reflexión.

BONUS tipografías JavaScript

Los siguientes tres recursos no son librerías JavaScript, pero le ayudaran producir impresionantes diseños de tipografía web.

8. Google Web Fonts API

Google Web Fonts API, es un servicio gratuito de google que te permite instalar y usar fácilmente fuentes personalizadas en tu sitio web.

9. HTML5 Boilerplate

HTML5 Boilerplate, Un conglomerado de mejores prácticas modernas de diseño web y un buen punto de partida para cualquier sitio web.

10. Font Squirrel @Font-face Generator

Font Squirrel @Font-face Generator, Utilice esta herramienta para preparar y generar el código necesario para cross-browser/platform usando cualquier archivo de fuente personalizada en su sitio.

Revista Computer Hoy - N. 381 15-30 Mayo 2013 - Saca toda la magia a Windows 8 - 34 Trucos

PDF | ESPAÑOL | 15-30 MAYO 2013

En Computer Hoy encontrarás cada 15 días los contenidos más prácticos y actuales sobre informática y tecnología.

 

Cada número de la revista incluye completísimos test y artículos prácticos de los últimos productos de hardware, software, Internet, imagen, sonido, juegos e incluso telefonía móvil.

 

Nuestros artículos prácticos te ayudarán, con sencillos pasos explicados en un lenguaje muy accesible, a realizar todo tipo de tareas con tu PC.

 

 

http://cloudzer.net/file/430kpjfo

http://adf.ly/PCwAC

 http://adf.ly/PCwGY
 

Cómo instalar y utilizar ASP.NET AJAX Control Toolkit

10 consejos para mejorar la visibilidad de una web

Puede que tengamos un sitio web fantástico, pero si nadie lo lee, todo nuestro trabajo será en vano. ¿Cómo podemos hacer para mejorar la visibilidad de un sitio web? Respuestas hay muchas, y en internet encontrarán varias alternativas. Algunos estarán más enfocados en tener una estrategia SEO friendly que pueda agarrar a los usuarios directamente por sus búsquedas. Otros insistirán en la importancia del contenido propio, mientras que otros también nos pedirán que -¡por favor!- no nos olvidemos del diseño de las páginas. La realidad es que todos ellos tienen razón.

Por eso, pensamos en armar una pequeña guía que nos muestre cómo podemos hacer para mejorar la visibilidad de un sitio web. Está basado, claramente, en nuestras experiencias, pero están más que bienvenidos a dejar sus sugerencias en los comentarios. Estamos tomando un poco de todas las opiniones, para tener una lista de recursos más variada pero igualmente rica para quienes quieran explorar todas las alternativas. Ahora sí, sin más, esta es nuestra humilde guía.

• Brinda contenido de calidad: hemos insistido en varias oportunidades sobre la importancia del contenido no solamente en sitios web, sino también en redes sociales, o cualquier otro tipo de publicación que tengamos en internet. Quizás sea el buscador el que nos lleva a un sitio, pero es el buen contenido el que nos hace quedarnos o volver con regularidad. Por ende, este es uno de los aspectos más importantes -si no el más importante- a la hora de mejorar la visibilidad de un sitio web. Proveer artículos de calidad, de desarrollo propio, es una excelente forma de arrancar.
• Actualiza tu contenido con regularidad: puede que tengamos contenido excelente, pero si solamente lo actualizamos una vez por mes, se irá todo a la basura. Esto está relacionado con las variables que son analizadas por los buscadores mientras están indexando los sitios, algo que vimos con más profundidad cuando repasamos SEO. En esta oportunidad, vale la pena repetir que con una estrategia de actualización de contenido fresco, relevante y único podemos ayudar a mejorar la visibilidad de un sitio web.
• Presta atención al diseño: por más que el SEO sea aquello que los buscadores prefieren, no debemos olvidar que son las personas las que deciden ingresar y quedarse en nuestro sitio -más gracias a la funcionalidad de preview de Google-. Ahora bien, si esa persona, para poder acceder al contenido de calidad que enumeramos en el punto uno, tiene que leerlo en Times New Roman tamaño 9 en color fucsia, es posible que nunca regrese. De hecho, si el diseño es repulsivo, probablemente tengamos un alto porcentaje de rebote. Por eso, tener un buen diseño es clave.
• Colabora con otros blogs: este ítem de la receta no necesariamente está relacionado con el SEO, quien nos diría que los links son más importantes. Ese es uno de los motivos que podría impulsarnos a colaborar con otros blogs. Pero fundamentalmente, es la visibilidad que podemos ganar: estamos llegando a una audiencia más amplia que, quizás, tiene ganas de escuchar lo que estamos diciendo. A la hora de mejorar la visibilidad de un sitio web, podemos compartir parte de nuestro contenido con los demás.
• Usa tu propio dominio: haremos de este ítem algo más breve. Es importantísimo tener nuestro propio dominio a la hora de mejorar la visibilidad de un sitio web. Esto se puede conseguir fácilmente, y tenemos diversas formas de hacerlo. Si tenemos un blog, por ejemplo, y queremos lograr que sea una publicación respetable, usar un dominio .blogspot no sería demasiado profesional que digamos. Por eso, hacer una inversión en un dominio no es una mala idea.

• Participa de agregadores: hay muchos servicios que toman sitios web y blogs para centralizar el contenido y permitir que sus usuarios hagan descubrimientos. Otras comunidades también hacen lo mismo. En internet, plataformas como StumbleUpon y Menéame son ideales para dar a conocer nuestro contenido.
• Revisa tus estadísticas para mejorar: uno de los primeros pasos cuando estamos creando un sitio web es insertar Google Analytics. Pero esto no es todo. De hecho, las estadísticas que nos brinda el servicio tienen que ser implementadas para poder lograr una mejora del contenido. Si hacemos una revisión, por ejemplo, semanal de nuestra cantidad de visitas, nuestros posteos más leídos, las palabras claves que las personas han usado para llegar a nuestro blog, entre otras cosas, podemos armar una especie de "pasos a seguir" para continuar el proceso de mejorar la visibilidad de un sitio web.
• Mejora el crawling de tu sitio: ahora nos pondremos un poco más específicos. Cuando hablamos de la forma de buscar de Google, mencionamos el proceso de crawling a través del cual los bots indexan nuestra página, por decirlo de forma sencilla. Para poder tener una mejor visibilidad dentro de Google, lo que podemos hacer es darle todas las comodidades a esos bots. Entre otras cosas, la navegación Flash es el diablo, los frames de HTML también, y si es posible, tratemos de evitar el uso de JavaScript en determinadas ocasiones.
• Usa tus palabras clave de forma inteligente: una forma para hacer que el SEO trabaje para nosotros es a través del uso de las palabras clave, un concepto pivotal en esta materia. Ahora bien, las palabras clave pueden aparecer en todas partes del sitio, pero fundamentalmente tienen que aparecer en el texto. Queda en nuestras manos hacer que su aparición no sea algo burdo, y sobre todo, que no sea algo evidente para el lector. Si repetimos constantemente una palabra, no solamente estaremos violando las reglas de la buena escritura, sino que además podremos estar perdiendo un visitante habitual potencial.
• Recurre a las redes sociales: finalmente, una de las formas más "modernas" de mejorar la visibilidad de un sitio web es a través de las redes sociales. Hoy en día es dudoso que una publicación que se precie no tenga una página en Facebook o un perfil en Twitter. Esto se debe a que, de hecho, las redes sociales pueden ser una excelente fuente de visitas, pero además, pueden ofrecer un motor viralizador para nuestros contenidos. La decisión de invertir o no en publicidad para atraer a usuarios a nuestra página de Facebook, por ejemplo, puede ser fundamental. Las redes sociales no deben menospreciarse a la hora de cumplir con esta tarea.

Cloudii organiza tus archivos en la nube

Actualmente hay cientos de servicios para guardar archivos en Internet. Los hay para todos los gustos, la mayoría de ellos con su propio cliente para Android. Sin embargo, si utilizas dos o más de estos servicios, como Box, Dropbox, Google Drive o Skydrive, te serán muy útiles aplicaciones como Cloudii, un programa para Android que te ayudará a organizar tus archivos en la nube desde una única ventana.

Combinando dos o más servicios de almacenamiento en la nube, como Dropbox o Google Drive, podrásunificar todo ese espacio gratuito y acceder a él desde un único espacio virtual, ya que si tienes que usar cada cliente oficial de cada servicio de almacenamiento, el proceso puede ser pesado e incómodo. Cloudii te muestra los archivos guardados para organizar tus archivos en la nube con eficacia.

Para usar Cloudii, tan sólo tienes que instalarla en tu dispositivo Android a través de Google Play. Una vez instalado, la primera vez que la abras se mostrarán los servicios en la nube compatibles: Google Drive, Dropbox, SkyDrive y Box.

• Google Drive: 5GB gratuitos.
• Dropbox: 2GB gratuitos por defecto ampliables a 18GB.
• SkyDrive: 25GB gratuitos.
• Box: 5GB gratuitos.

Elige el servicio que vas a configurar. Podrás añadir una o más cuentas de cada servicio: se mostrará el espacio disponible y ocupado una vez hayas habilitado los permisos correspondientes.

Entre sus opciones más destacadas, Cloudii permite subir y descargar archivos de los distintos servicios de almacenamiento de ficheros en la nube y ver la lista de archivos disponibles en cada espacio.

En mi opinión, a Cloudii le falta un visor que muestre el contenido de los documentos e imágenes, algo extraño teniendo en cuenta que Google Drive y Skydrive lo permite, al menos vía web. Por otro lado, debería mejorar la integración de Dropbox, Google Drive y compañía permitiendo el envío de documentos de un servicio a otro directamente sin pasar por tu teléfono Android.

Sin embargo, como alternativa a los clientes oficiales, Cloudii se erige como una interesante herramienta para organizar tus archivos en la nube. Combinando varios servicios y dos o más cuentas por servicio, conseguirás multiplicar tu espacio en la nube para guardar así todos tus archivos y acceder a ellos desde el mismo lugar.