Even when it’s wrote by Jonh Resig (jQuery creator), and quite old, I think is objective, and explains why is a good reason to choose jQuery as JavaScript library.
I’m back!
If you haven’t noticed, I’ve been working this days in the site:
Upgrading WordPress
Now with the las version 2.6.5. Very easy to upgrade by the way.
Creating a new theme
Before it looked like that. Now featuring a black background and 99% more of white dots. I don’t know why, but I can be minutes looking at the particle system in the header.
Updating CV/portfolio
This year I learnt a lot of new things and the site was pretty outdated. I still have to add the new works for TrafficBroker, and finish uploading the old images (now using PrettyPhoto to show them), but I’ll finish by this week.
Switching to english
Now I feel more confident for writing in English, so I think I’ll be able to express myself without problems. Also for sure is a good practice to keep improving it. And I still have a lot to improve so sorry in advance for my language mistakes. I think in English I’ll be able to reach more audience, and is the language most used in this technology matters. Lets see what the stats say.
Get rid of the ads
It seems that for Google the most important word in the whole site is “Jesus”, so the most part of the ads was about “Jesus loves you”, and a part of being a bit out of context, that make me a kind of pissed off, so to the hell with them.
Loads to come
I was long time without writing here, but I’ve got a lot of new posts in mind. I was cleaning up a bit old off-topic posts, and now it’ll be more technical centered.
Comandos básicos gem
Instalar una gem:
gem install nombreGem
Desinstalar:
gem uninstall nombreGem
Actualizar:
gem update nombreGem
Borrar versiones anteriores:
gem cleanup
Listar las gems instaladas:
gem list
Dependencias de una gem:
gem dependency nombreGem
Buscar gems remotamente por el nombre:
gem search -r nombreGem
Buscar gems remotamente en toda su info:
gem query -r criterioBusqueda
Ejemplo: buscar gems remotamente cuyo nombre empiece por “m”
gem query -r -n ^m
Info de una gem:
gem search -r -d nombreGem
Añadir un source nuevo (ej:github):
gem sources -a http://gems.github.com
Dreamhost promo codes
Dreamhost me ha enviado unos promo codes que vienen con unas ventajas interesantes:
761536957244
176924561456
673391292492
746595147415
987033723322
Si los utilizáis poner el número utilizado en los comentarios y yo los iré tachando.
Os dejo el correo original:
This email is to let you know that you, yes you, have just been given
five (5) oh so special DreamHost Invitations you can use to invite your
friends and colleagues to DreamHost!
Of course, they don’t NEED an official invitation to sign up, but if you
email them and tell them to use one of these five invitation codes:
761536957244
176924561456
673391292492
746595147415
987033723322
… they will get all these super special advantages not available any
other way:
* They will get four (4) times the normal disk and bandwidth!
* If they choose our five-year plan, they’ll get $150 off!
* If they choose our ten-year plan, they’ll get $200 off!
* YOU will still earn a full $97 for each person who signs up!
That means these five invitations are worth like, $485 in your pocket!
(Each code is good for only ONE sweet DreamHostering referral!)
But.. these invitations are too awesome to exist forever! In fact, they
expire in just two weeks, so you should probably get to telling ASAP!
Tell your invitees to use the 12-digit code you give them in the “Promo
Code” field when they sign up at:
https://signup.dreamhost.com/
If you lose this email or forget how all this works, you can always
visit our Rewards page here to be reminded:
https://panel.dreamhost.com/?tree=home.rew
Thanks for helping spread the word,
The Happy DreamHost Evite Team!
P.S. If you’d prefer not to be notified by email in the future should
you be given any more invitations, please visit our contact preferences
page here:
https://panel.dreamhost.com/id/?tab=contact
And select to not receive “DreamHost Promotions” anymore!
Resumen Google I/O
Aunque he encontrado algunas de las charlas muy básicas/aburridas (Sitemaps, SEO, OpenSocial…) en general la conferencia ha sido buena, descubriendo y provocando curiosidad en algunas nuevas cosas. Desde luego es un placer asistir a esta clase de eventos. Los puntos que destacaría son los siguientes:
- La capacidad de procesamiento del lado del cliente (navegador) están empezando a ser más y más usadas. JavaScript se está volviendo más fuerte.
- jQuery es la librería más usada por los ponentes
- Google Gears está empezando a ser más y más usado, y está empezando a ser el standard ‘de facto’ para llevar aplicaciones web offline. Será compatible con Firefox 3, Safari, Opera (ya es con Explorer/Windows Mobile). Otras mejoras son: mejoras en la creación de accesos directos, notificaciones al SO, multiple subida de archivos directamente desde el sistema de archivos, parar/reiniciar subida de archivos mostrando %, geolocation de las peticiones.
- Dustin Diaz explicó que, como OOP lenguaje, JavaScript Design Patterns pueden transformar código JavaScript en código leíble y elegante. Usando librerías JavaScript raramente hace falta aplicarlos.
- Interesante servicio: AJAX Libraries API. Google hospeda las librerías, por lo que tendríamos CDN automático/rápido/gratis, además de que estarían en caché si otras webs también lo utilizan.
- Interesantísima charla de Steve Souders. Aparte de las bien conocidas 14 reglas de oro para optimización de páginas web, expicó otras técnicas para la descarga en paralelo de archivos JavaScript, que incluirá junto con otras técnicas en su siguiente libro: High Performance Web Sites, que estará disponible a principios del 2009.
- Para los sitios sociales, Social Graph API. Utiliza XFN y FOAF standards para encontrar automáticamente nuestros amigos (o nosotros mismos) en otras aplicaciones web. En la demostración lo utilizaban con sgnodemapper para la canonicalización de URLs.
- Interesante demo de Google AJAX API (search, feeds, language) creando de forma relativamente sencilla una aplicación mezclando datos de diferentes feeds con diferentes orígenes, con búsqueda y traducción automática. La API de lenguaje reconoce automáticamente el lenguaje de origen, y lo convierte al lenguaje que queramos. Cada vez las traducciones son más correctas y espera un gran futuro en este campo.
- Interesantes novedades para la Google App Engine, chalas a las que atendió mi compañero Marcin Ciszak, pero yo no me voy a preocupar de ellas hasta que no permitan Ruby :).
Por cierto: San Francisco MOLA!
Me voy a Google I/O!
Pues eso, TrafficBroker me manda a Google I/O, y yo intentaré aprovecharlo al máximo. Ya os contaré…
jQuery Plugins
Acabo de publicar unos plugins para jQuery que he utilizado en mis recientes trabajos para TrafficBroker. De los que más orgulloso me siento es de hSlides y jOdometer (coñero el nombre eh?). Puedes echarles un vistazo en mi página de proyectos.
TrafficBroker y Forward websites
Con tanto lío casi ni he podido anunciar mis últimos trabajos: TrafficBroker y Forward. Como ya sabéis yo trabajo para TrafficBroker, pero ahora tenemos una “holding company”, que engloba tanto a TrafficBroker como al resto de nuestros proyectos. Es decir que Omio ahora también pertenece a Forward. Por cierto Omio ha cambiado un montón desde la última vez que lo mencioné. De esta vez no he tocado código, pero he supervisado el trabajo del coder de ThoughtWorks en India.
Pero bueno a lo que iba: me he encargado íntegramente del desarrollo de TrafficBroker y Forward websites. Tanto front-end (HTML/CSS/JS) como back-end (Ruby on Rails). Con estos dos trabajos he aprendido un montón de cosas nuevas: soltura con SVN, jQuery, trucos del TextMate, más confianza con Rails, deployment con Capistrano, website performance, técnicas de internacionalización, NginX config… en fin, las bases para el buen desarrollo. Incluso he creado unos cuantos plugins para jQuery de los que estoy bastante orgulloso y que publicaré debidamente cuando acabe la documentación.
El ambiente de trabajo ha sido muy bueno, los diseñadores aprendieron también conmigo y ahora el proceso es más ágil. En general me he asentado bien en el equipo, y las cosas pintan que cada vez va a ser mejor. Se me nota que estoy contento?
Fuentes en web
He decidido comprobar manualmente cómo renderizan las fuentes los navegadores en los distintos sistemas operativos:
- Windows: Firefox, IE 6, IE 7.
- Mac: Firefox, Safari.
- Linux (Ubuntu): Firefox.
Las fuentes testeadas son las las típicas browser-safe fonts: times/”Times New Roman”, arial/helvetica, verdana , “Trebuchet MS”, courier/”Courier New”; y las genéricas: serif, sans-serif, monospaced.
Resultados
- Todos los sistemas operativos renderizan lo mismo en los distintos navegadores.
- Todos los sistemas operativos usan como fuente por defecto serif.
- Todas las llamadas browser-safe fonts no son reconocidas en Ubuntu y renderizan serif.
- Ubuntu para las fuentes genéricas tiene una fuente con ese mismo nombre: por ejemplo la fuente para serif se llama serif.
- times es lo mismo que “Times New Roman”
- arial y helvetica renderizan lo mismo en Windows, pero en Mac/Firefox la posición varía un poco y en Mac/Safari el borde es ligeramente distinto (parece más suave el de helvetica).
- serif es times en Windows and Mac.
- sans-serif es arial=helvetica en Windows y helvetica en Mac.
- monospace es “Courier New” en Windows y courier en Mac, pero a un 85% en tamaño comparado con poner directamente courier.
Mac default/serif/times:
Windows default/serif/times:
Ubuntu default/serif
Mac helvetica/sans-serif:
Mac arial:
Windows helvetica/arial/sans-serif:
Mac verdana:
Windows verdana:
Mac “Trebuchet MS”:
Windows “Trebuchet MS”:
Mac courier/monospace:
Mac “Courier New”:
Windows “Courier New”/monospace:
Windows courier:
Conclusiones
- Las llamadas “browser-safe fonts” no son tal, por lo que debemos poner siempre el genérico de nuestra fuente al final de la declaración para que al menos tengamos el tipo de fuente correcto.
- Siguiendo esta regla hay otras fuentes que renderizan en Mac y Windows (no Linux), pero la verdad es que se ven tan feas en Windows que merece la pena quedarse sólo con las sencillas.
Teniendo esto en cuenta mi lista de opciones se queda en:
- times, serif
- helvetica, sans-serif
- verdana, sans-serif
- “Trebuchet MS”, sans-serif
- “Courier New”, monospace














