Author Archive

Generador de fuentes para @font-face

Escrito por Víctor Mundet en 25/05/2011

Hoy os presentamos “Font Squirrel @font-face Generator”, un servicio online para generar kits de tipografías para @font-face, para todos los navegadores. Muy útil para cualquier proyecto web donde debamos introducir una tipografía poco común.

Es posible que ya conociéseis de antes Font Squirrel, desde dónde se puede se pueden descargar tipos de fuente gratuïtamente para uso comercial (y personal, obviamente). Pero de lo que hoy hablaremos es del generador de fuentes que ofrecen de forma gratuïta, es tan simple como entrar aquí, subir una o varias fuentes y generar el kit, que incluye:

Sorprendentemente, esto nos permite cambiar el tipo de letra en practicamente todos los navegadores, ya que funciona desde Internet Explorer 4+, incluyendo Opera, Firefox, Chrome, Safari, y por lo que parece, también en dispositivos móviles. Por lo que gracias a este sistema, podemos crear sin problemas un proyecto con un tipo de fuente no habitual en cualquier PC, normalmente la tipografía del cliente.

Pasos a seguir para generar vuestro kit:

  1. Entráis en la página del generador de Font Squirrel
  2. Añadís los tipos de fuente en el listado
  3. Seleccionáis ‘Optimal’ (o ‘Expert’ si queréis toquitear opciones)
  4. Y descargáis vuestro kit
  5. Una vez descargado y descomprimido, hay un .html de ‘demo’
  6. Copiad los archivos y el contenido del ’stylesheet.css’ a vuestro proyecto
  7. Ya podéis cambiar el tipo de letra vía css con ‘font-family’ como si la tipografía existiese en el propio PC

Espero que os sea de utilidad y que haya quedado todo claro, en caso de dudas, podéis comentar y os responderé en cuanto pueda!

Google lanza Android Market Web Store para Android

Escrito por Víctor Mundet en 04/02/2011

Hoy en día, seguro que ya habéis oído hablar de Android por todos lados. Como todo, no es perfecto, pero tiene constantes mejoras. Como sabéis Google está detrás de ello, por lo que es una garantía de éxito.

Después de esta breve introducción, vamos a hablar del nuevo lanzamiento de Google para Android, la Android Market Web Store!

Para los que ya llevamos un tiempo inmersos en el mundo Android, en mi caso desde mi ya jubilada HTC Magic al actual Nexus One, se ha ido echando de menos una interficie web para el manejo del Market de Android. Algo que Google prometió en la pasada Google IO 2010.

Podéis acceder al Market Web desde cualquier navegador web, en la dirección: http://market.android.com/

Es tan simple como entrar en la web del Market, logearse con la cuenta Google que tienes configurada en tu Android y… ¡listo!
Ya podéis poneros a cotillear aplicaciones, juegos y chorradas varias… con un simple clic en ‘INSTALL’ basta para que se instale de forma totalmente automática en nuestro Android.

A parte disponéis de un completo historial de las aplicaciones instaladas en My Market account. Y aunque no sea lo habitual, si lo necesitáis, podéis configurar más de 1 terminal Android, en esa misma sección.

Os voy dejando, voy a instalar alguna aplicación… ¡Que lo disfrutéis!

Tu web más rápida con flush

Escrito por Víctor Mundet en 26/11/2010

Hace unos días que me decia a mi mismo de encontrar un hueco y escribir en el blog, que realmente por mi parte lo tengo abandonado! Suerte que ahí está mi compañero para que no se note mi ausencia ;)

Hoy os vamos a hablar de ‘flush’, una función de PHP que puede ayudarnos a mejorar la velocidad de nuestra página. El ‘truco’ está en ejecutar la función justo después de cerrar el ‘head’ de HTML. Lo que hará que se envíe todo el contenido inicial y por tanto el navegador empiece a descargar los JS, CSS, etc.

</head>
<?php flush(); ?>

Por mi parte, después de hacer pruebas, no he notado mucha mejora de velocidad, en concreto no llega a disminuïr 1 segundo.
Es bastante probable que sea más eficaz en proyectos dónde haya bastantes archivos JS o CSS, o que simplemente el contenido de la web tarde en generarse. La idea es, que mientras el servidor genera el contenido, el navegador se descargue los archivos iniciales.

Espero que os sea de utilidad! Conocéis algún sistema similar?

Chuleta para Zend Framework

Escrito por Víctor Mundet en 11/09/2010

Para los novatos o no tan novatos, cuando desarrolléis para Zend Framework no os olvidéis de tener a mano ésta chuleta… ¡os salvará en más de un apuro!

ENLACE DIRECTO

DataTables, el plugin de jQuery para manejar tablas

Escrito por Víctor Mundet en 04/08/2010

¿Quién había dicho que usar tablas en HTML estaba anticuado?

La realidad es que hoy en día aún se utilizan, hay ocasiones que una tabla puede ahorrarnos mucho trabajo para colocar ciertos datos, ¡y encima queda mejor! Pero como en todo, no se ha de abusar.

El problema llega cuando debemos trabajar con cantidades grandes de datos. Puede ser desastroso, aparte de poco práctico y de poca utilidad. Pero claro, a todo problema llega su solución, que en este caso es un fantástico y completo plugin para jQuery llamado DataTables.

 

 

Con ésta herramienta conseguimos:

  • Controles interactivos de una tabla de HTML
    • Ordenar por campos
    • Paginador
    • Filtros
    • Sistema de búsqueda
    • Posibilidad de obtención de datos dinámicos (Ajax)
  • Totalmente traducible con las palabras que tu quieras
  • Diseño personalizable con skins o css

Incluso existen plugins para DataTables, uno de los que más utilidad he podido encontrar es TableTools. Con él podrás exportar los datos de la tabla a un Excel por ejemplo, muy útil para según que ocasiones!

Si os interesa podéis echarle un ojo a las demos, y para más información podéis entrar a la página oficial del plugin.

Tengo pensado hacer una segunda entrega sobre éste plugin, explicando como crear vuestros filtros personales para cada ocasión. ¡Estad atentos!