Raymundo.Aaron » Herramientas

Crea tu kit de @font-face fácilmente

Raymundo.Aaron — Tue, 27 Oct 2009 22:59:02 +0000

Una de las cosas con las que se lidia a la hora de embeber tipografías en tu sitio web utilizando @font-face en tu CSS, es que no funciona de la misma manera en todos los navegadores.

Solo Safari y Firefox soportan archivo TTF y OTF por igual, mientras que en Internet Explorer debes de convertir las tipografías a EOT, y con Chrome y Opera debes tener la tipografía en SVG =__=U

Si partimos desde una fuente OTF, tendrías que convertirla luego a TTF y usar WEFT (¡que lío! T_T) y muchas cosas más para hacer el SVG.

Pero en Font Squirrel podemos encontrar una gran herramienta que nos ahorrará todo este trabajo: @font-face Kit Generator

Que a partir de una tipografía TTF ú OTF creará los archivos EOT y el SVG para Opera, Chrome y iPhone

Además, nos permite crear una archivo WOFF que tienen varias ventajas (sobre todo en el peso) contra los TTF-OTF, este archivo será soportado por Firefox 3.6

También te ofrecé la capacidad de reducir los glyhps de la fuente para disminuir su peso y corrección errores en su estructura

Una gran herramienta, y por si fuera poco, ya te prepara un archivo CSS con las reglas de inscrustación un HTML de ejemplo (¡Hurra!) listo para descargártelo comprimidito en ZIP

@font-face Kit Generator

TwitBlock, descubre spammers entre tus followers de Twitter

Raymundo.Aaron — Fri, 14 Aug 2009 20:28:31 +0000

Una de las cosas que abundan en Twitter son los spammers, que muchas no twittean nada pero empiezan a seguir a mucha gente y en ocasiones pueden empezar a twittear pr0n :S

Para evitar que te empiezen a seguir ó quitártelos de encima puedes block-earlos, pero ¿cómo saber si se trata de un spammer ó un usuario poco activo?

Para ello esta una aplicación online, que te permite evaluar con puntos, que tan spammer son tus followers.

En mi caso por ejemplo, me detectó 14 supuestas cuentas

Te permite manejar a los supuestos spammers para analisarlos a detalle, decir que no lo son ó block-earlos.

A la izquierda de su avatar aparece el puntaje que recibieron según un test para saber que tan spammers son; éste mismo test lo puedes hacer a cualquier cuenta, solo debes de entrara a TwitBlock, y en el área de Bot ot Not escribes el username de la persona a la que escanearás:

Luego de esto te saldrá un análisis del usuario con los aspectos que se toman en cuenta:

Algunos aspectos que se toman en cuenta son:

Cuantas personas no regresan sus follows
Rango de stalking
Usuarios que lo han block-eado
El mismo avatar que una cuenta block-eada
Tweets por API
Campos no llenados en el perfil
Nombre de usuario generado aleatorimente

Entre otras cosas.

Para analizar tu cuenta no es necesario incribirse, solo envía una solicitud a tu cuenta y tu le das permiso de que entre.

Temas relacionados

Mozilla lanza el Directorio de herramientas web libres (Open Web Tools Directory)

Raymundo.Aaron — Wed, 08 Jul 2009 21:28:13 +0000

Mozilla ha anunciado en su blog, un nuevo proyecto que lleva acabo desde ayer: Open Web Tools Directory

En español Directorio de herramientas web libres, que básicamente es una página en la que se encuentran organizadas (aunque a primera vista no lo parezca ^__^) las herramientas web que más son usadas por los desarrolladores web.

Como por ejemplo Firebug, jQuery, Google Webmaster Tools, etc.

Todas ellas juntas en el espacio exterior:

Open Web Tools Directory

Además de que estan separadas por categorías (Diseño, Código, Depuración, Pruebas, Desarrollo, Documentación) y puedes realizar búsquedas, ambas cosas en el mismo lugar:

Categorías y búsqueda

Además, puedes agregar tu tecnología que conozcas ó desarrollas

Date una vuelta: tools.mozilla.com

Vía | Mozilla Labs (¿Por qué Mozilla no tiene el link de Powered by WordPress?)

Temas relacionados

Web Developer Toolbar, la barra de herramientas que todo desarrollador web debe tener en Firefox

Raymundo.Aaron — Tue, 07 Jul 2009 19:23:19 +0000

Es cierto que Firebug es un addon de Firefox muy interesante, que nos permite debuguear un sitio web, pero también, admeás de él, se encuntra una gran variedad de extención igual de interesantes ó hasta mejores.

Web Developer Toolbar

En esta ocasión les voy a hablar sobre la Web Developer Toolbar ó Barra de herramientas del desarrollador web, una extensión que nos facilitará el desarrollo de sitios web, cuenta con varias opciones que nos permiten:

Toolbar

Desactivar JavaScript
Desactivar la memoria caché
Desactivar cookies
Ver las cookies almacenadas
Añadir cookies
Ver las CSS
Filtrar estilos
Anadir/deshabilitar estilos
Ver información de estilo de cada elemento
Editar formularios
Filtrar imágenes
Inspeccionar elementos
Validar CSS, XHTML y RSS desde un click

Todo esto y muchísimo más, y además junto en una sola barra de herramientas.

Es totalmente gratuita y soporta varios idiomas, entre ellos el español

Además de que se encuentra disponible para varios navegadores (soporta Firefox 3.5):

Firefox
Seamonkey
Flock

Descárgalo para Firefox, Seamonkey ó Flock

Recuerda que si te gustó el addon, puedes hacer una pequeña donación al creador.

Acrobat.com (Labs), el PowerPoint online de Adobe

Raymundo.Aaron — Wed, 17 Jun 2009 23:36:56 +0000

Hace un buen tiempo que les platiqué sobre 280Slides, una aplicación online que nos permite crear presentaciones estilo PowerPoint de forma online, además de que aplica efectos muy avanzados que PowerPoint no ofrece.

Pues ahora Adobe esta tratanto de ganar territorio en las aplicaciones online, sobre todo las más usuales, que se encuentran abarcadas en las instalaciones de Office Suit.

Acrobat.com

Empieza con una especie de PowerPoint, pero que al ser online te permite más que nada compartir los archivos de forma fácil y rápida.

Esto sin tener que pagar por el servicio como era anteriormente con Acrobat Online a la hora de crear un PDF.

La colaboración es al máximo, pues un grupo de personas pueden estar editando la presentación al mismo tiempo, y ver los cambios en conjunto.

Además de que escojes los permisos de acceso a cada archivo, público, privado, con contraseña, etc.

Más que nada me llama la atención la interfaz, que quizá para muchos les moleste el color oscuro pero me parece elegante y a la vez sencilla (estilo Chrome).

Lo probé unos momentos haciendo una que otra diapositiva:

Un ejemplo de presentación de Acrobat.com

Y aquí otra imagen de la presentación default:

Ejemplo de presentación de Acrobat.com

Para empezar a usar Acrobat.com Labs entra a: https://labs1.acrobat.com/

Una de las desventajas es que no habre archivos de PowerPoint y además solo se guardan en PDF

Por ahora se encuentra en fase beta en Labs.

PageSpeed, analiza tus sitios como lo haría Google

Raymundo.Aaron — Wed, 17 Jun 2009 21:15:43 +0000

Desde hace ya un tiempo que Google liberó PageSpeed, una extención para el plugin “Firebug” del navegador Firefox, esta extención te permite analizar un sitio web y luego mostrarte sugerencias para optimizarlo, de esta forma puedes tener un mejor rendimiento.

Google PageSpeed

La mayoría de las sugerencias son para aumentar la velocidad de carga, sin embargo algunos ayudan a ahorrar ancho de banda entre otras cosas.

Algunas sugerencias que te hace son:

Colocar la CSS antes que el JavaScript
Compactar los estilos de la CSS
Optimizar imágenes
Usar imágenes pequeñas y no redimensionarlas
Cargar archivos de un dominio externo
Detección de compresión de archivos

Para usarlo primeramente necesitas instalar Firefox (no beta), luego el plugin Firebug, y finalmente la extensión PageSpeed.

Según Google, esta es la extensión que utilizan para desarrollar sus sitios, asi que esperemos que nos ayude a nosotros ^___^

SmushIt, reduce el tamaño de tus imágenes sin que pierdan calidad

Raymundo.Aaron — Tue, 14 Apr 2009 17:55:30 +0000

Una de las desventajas de la Internet es el hecho de que pocas personas poseen conexiones de banda ancha para navegar rápidamente, por lo que no es recomendable insertar varias imágenes en nuestros sitios web U_U
Y es por ello que debemos tomar en cuenta al crear, guardar o colocar imágenes en nuestro sitio el tiempo que tardarán en cargar debido a su peso.

Para ello, es cierto que en programas como Photoshop existe la opción de “Guardar para web y dispositivos móviles”,o que hay herramientas online para reducir el peso de estas imágenes, pero ambas opciones incluyen la reducción de la calidad de la imagen.

SmushIt

Este no es el caso en esta herramienta, SmushIt.

La cual nos permite “borrar hasta el último byte fuera de nuestra imagen”, slogan que nos trata de decir que elimina todo el contenido que no sea visual, es decir, fechas de creciones, categorías, etiquetas, porgrama que la generó, etc. Información del archivo en general.

Y aunque en ocasiones esto no nos agrade, ya que en Photoshop tenemos la opción de “Información del archivo” para definirlo a detalle, es algo muy útil para reducir el peso de nuestras imágenes sin que pierdan calidad.

Pruebalo: http://smushit.com/

Wappalyzer, averigua en que plataforma se basa un sitio web

Raymundo.Aaron — Tue, 14 Apr 2009 16:16:17 +0000

Todos sabemos que en el mundo hay varias plataformas para crear, administrar, desarrollar y mantener un sitio web, y en ocasiones encontramos un sitio web que no sabemos con que funciona o como es que se mantiene, para ello usaremos Wapplyzer.

Wappalyzer es una extención para Firefox que nos permite ver el software que usa un sitio web que visitamos para administrarse, tal es el caso de WordPress en [Ray] Page.
Esta pequeña herramienta nos permite ver varias categorías de plataformas de mantenimiento, entre las que destacan:

Análisis
Blogging
CMS
Control de bases de datos
Control de documentaciones
E-commerce

Un ejemplo sería ver con que herramienta se sigue el sitio, que podrías ser Google Analytics. O ver como se actualiza el sitio web, ya sea un blog (Blogging) o en un sitio independiente (CMS), un ejemplo sería las plataformas de publicaciones personal como WordPress, Joomla, etc.
También nos permite ver con que software administramos las bases de datos, ejemplo: phpMyAdmin.
Y en que nos basamos para gestionar tiendas on-line, ejemplo: plug-in’s para WordPress, sistemas como PayPal, etc.
Es una herramienta muy útil para los desarrolladores web

Descargala desde aquí

Update: Por alguna extraña razón el sitio web del addon esta caído por el momento…

NameChk, averigua ti visibilidad en la red

Raymundo.Aaron — Tue, 07 Apr 2009 17:18:45 +0000

Cada vez en el mundo aparecen nuevas y nuevas redes sociales, donde sabemos que nuestro nick o username no identificará, pero, ¿cómo podemos saber en que red nos podemos inscribir con nuestro nick favorito?

NameChk

Seguro haz de pensar que pasando por cada uno de los sitios web, algo que resulta muy frustrante debido a la cantidad de redes sociales que existen actualmente (o al menos las más importantes), para esto existe una herramienta online muy sencilla que se encarga de averiguar la disponibilidad de nuestro nombre de usuario en la web.

Se llama NameChk (abreviatura de Name Check) y su interfaz es tan simple que en menos de 10 segundos sabrás en que sitios tu nick estará disponible.
Solo es cuestión de introducir tu nick con el que te gustaría registrarte, le das click a “Chk” y rápidamente verás en cuales de las redes sociales más importantes tu nombre de usuario esta disponible.
Otro gran uso que se le puede dar a esta herramienta es para buscar el perfil de algún usuario con cierto nickname, como por ejemplo, escribimos “jorge” veremos en que redes “jorge” esta suscrito.

Solo es cuestión de exprimir al máximo esta herramienta, para darse cuenta de que es magnífica

Visítalo: http://namechk.com/

Temas relacionados

280 Slides, el PowerPonit online

Raymundo.Aaron — Tue, 07 Apr 2009 16:31:40 +0000

280 Slides

Una gran ventaja de trabajar con aplicaciones de escritorio en lugar de aplicaciones online es el hecho de que la velocidad de trabajo es mucho más rápida, pero una desventaja es el hecho de que usualmente estas aplicaciones tienen diferentes versiones, tal es el caso de Microsoft Office PowerPoint, asi que les contaré un caso que me sucedió a mi.

Si vamos a realizar un trabajo para hacer una presentación, obviamente usamos PowerPoint, y si somos de los que queremos hacer un trabajo impecable y de buen aspecto, usamos la versión 2008. Ahora, ya que tenemos lista la presentación hay que enviarla al cliente, pero, ¡¿Y si usa la versión 2003 y el trabajo le urge?! se complican las cosas: no hay tiempo de hacer la versión 2003 porque la mayoría de la apariencia no se habilita en 2003.

Ese es el problema con las aplicaiones de escritorio, que sus versiones son variables siempre, pero en un mundo donde más del 95% de los ordenadores estan conectados a la Internet tenemos una alternativa a usar este conocido software, y se llama 280 Slides.
Se preguntarán ¿Por qué el 280? Pues el máximo de diapositivas que puedes crear, y al menos yo nunca he llegado a ese número
Con esta aplicación online te podrás olvidar de los molestos problemas de compatibilidad, además de que te ahorraras los envíos de archivos.
Con ella puedes crear presentaciones de una forma fácil y rápida, con la ventaja de que podrás acceder a ellas sin necesidad de tener ningún programa instalado y desde donde estes gracias a que se almacenan en la red de el sitio. Deesta forma de estas ahorrando el enviar trabajos por correo y poder modificarlos sin necesidad de usar especiíficamente tu PC.
Otras cosas positivas de esta aplicación online son:

Plantillas preestablecidas para ahorranos el trabajo de empezar desde cero
Animaciones que ni PowerPoint tiene
Capacidad de usar tipografías no instaladas
Opción de adherir notas a la presentación
Efectos de texto estilo WordArt
Insertar imágenes por URL

Y una de las cosas más útiles es que también edita presentaciones ya hechas con programas como PowerPoint.

Visítalo: http://280slides.com/