Gravatar de Armonth

Lesionado: “vacaciones forzadas”

Pues poco que decir, hace unos días hice un mal movimiento en un curl scott y el pinzamiento del brazo izquierdo decidió empezar a cantar así que me han recomendado llevarlo en cabestrillo un par de semanas hasta que me pase y si dura más ir directo al “fisio” a pasar la ITV. Y escribir con una sola mano es un asco… así que os conformáis con que avise }:P

Gravatar de Armonth

Mejorando la “sensación” de velocidad: selectores CSS eficientes

Tienes una página con un diseño óptimo. Nada de código basura en el (x)HTML o el CSS. Haces pocas peticiones HTTP, envías todo el contenido JS/HTML/CSS comprimido. En apenas un par de segundos has enviado toda tu web lo cual es una velocidad más que buena ¿puedes mejorar más la velocidad? Pues sí.

Cuando todo lo relacionado a la descarga en sí de una web es inmejorable y incluye que la velocidad/latencia tanto del cliente como del servidor es “perfecta” entonces ya sólo queda un paso que se puede mejorar: el renderizado de la web. Técnicamente no mejoras la velocidad de descarga pero sí la “sensación” de que carga rápido.

Si el cliente usa un navegador que es una patata a la hora de renderizar sitios poco podrás hacer, pero cuánto menos código tenga que gestionar mejor. Y cuánto más simple sea, también. No es lo mismo una web que se baja en 2 segundos y tarda medio más en renderizarse (aparecer en el navegador) que una que se baja en lo mismo y aparece en menos de 100ms. Es hora de usar selectores CSS eficientes.

Hay ciertas pautas de selectores que se consideran ineficientes y por tanto hay que evitar:

  • Selectores universales (body * {}).
  • Selectores descendientes (ul li a {}).
  • Selectores con “hijos” (ul > li > a).
  • Usar :hover fuera de elementos de enlace (input:hover) sobretodo en IE7/IE8 ralentiza.
  • Redundancia: body ul li es redundante porque todos los elementos son descendientes de body.

Más fácil que usar selectores CSS eficientes es analizar cuales son actualmente ineficientes. Para ello sólo hay que seguir los siguientes pasos:

  1. Usar Firefox + Firebug + PageSpeed.
  2. Irse al apartado “PageSpeed”.
  3. Analizar la página.
  4. Desplegar el apartado “Use efficient CSS selectors”.
  5. Corregir los selectores que aparezcan como ineficientes / muy ineficientes.
  6. Repetir pasos 3 y 4 hasta que no aparezcan reglas ineficientes.

Muchas veces lo más fácil para evitar el uso (abuso) de selectores descendientes y otros es usar una clase. Por ejemplo ante el siguiente código:

<div id="menu">
  <h2>Menú</h2>
    <ul>
      <li><a href="enlace">Enlace</a></li>
    </ul>
</div>

Se pueden ver algunos ejemplos que se aplican al elemento <a> de forma más o menos ineficiente por ejemplo:

#menu ul li a {}

Cuando se podría quedar fácilmente en:

#menu a {}

¿Tenemos el mismo código pero con dos menús y queremos uno de cada color? Veamos:

<div id="menu">
  <h2>Menú</h2>
    <ul id="menu1">
      <li><a href="enlace">Enlace</a></li>
    </ul>
  <h2>Menú 2</h2>
    <ul id="menu2">
      <li><a href="enlace">Enlace</a></li>
    </ul>
</div>

Malos ejemplos:

#menu ul#menu1 li a {}
ul#menu1 li a {}
#menu1 li a {}

#menu ul#menu2 li a {}
ul#menu2 li a {}
#menu2 li a {}

Buen ejemplo:

#menu1 a {}
#menu2 a {}

Conclusión

Corregir CSS eficientes sin tener que modificar código HTML casi siempre es muy sencillo… y también lo es hacer selectores CSS ineficientes. La mejor cura es ir revisando y corrigiendo. Hace dos días SigT mostraba que tenia 4 reglas muy ineficientes, 14 ineficientes y un uso potencialmente ineficiente con el uso de :hover. Lo cual parece mucho pero comparado con otros sitios es muy poco.

Veinte minutos después había despachado todas y la velocidad de render ha mejorado lo suficiente como para poder apreciarlo a simple vista. Vale la pena.

Gravatar de Armonth

SamyGO: custom firmwares para televisores Samsung

Leo en El tux angelverde acerca de SamyGO. SamyGO es un proyecto alojado en sourceforge que pretende aportar firmwares personalizados a los televisores Samsung compatibles para poder instalar un GNU/Linux empotrado en ellos.

Como dice Angelverde la idea es ampliar características (que a día de hoy me sorprenden que la mayoría de televisores no tengan: muchas de ellas harían decantar al usuario medio/avanzado) como es soporte NTFS, leer películas desde el puerto USB o incluso grabar directamente de la televisón al USB.

Como toda actualización de éste tipo se recomienda estar muy seguros de lo que se hace y asegurarse que no pillaremos un apagón a media tarea: una mala actualización del firmware convierte cualquier hardware en un bonito pisapapeles.

Gravatar de Armonth

Internet Explorer 6 baja al 10% de cuota de mercado según StatCounter

Hablabamos Felipe y yo en la entrada de HTML5 desmitificado sobre la cuota de mercado de Internet Explorer cuando me ha pasado el enlace a las estadísticas globales de StatCounter de julio del 2007 a abril del 2010 y aproveché para darle un repaso actualizado…

Concretamente al apartado “Browser Version” que muestra lo que para mi es una gran noticia para desarrolladores web: este mes Internet Explorer 6 ha bajado su cuota de uso a un 10% raspado (10.16%). ¿Por qué es una gran noticia? Pues por lo que sabe cualquier desarrollador web: el soporte de los estándares de Internet Explorer hasta hace poco nunca era su fuerte… pero tener que dar soporte al IE6 es directamente una patada en los ******.

También (en otro orden de cosas) destacan las versiones de Firefox (3.0, 3.5 y 3.6) en las que se ven actualizaciones masivas, es decir: baja la versión anterior en picado a la vez que sube la nueva versión.

Gravatar de Armonth

Las http y Chromium

Leo la cita de Ubuntu Life:

Es raro, no me acostumbro a que Chromium haya quitado el http de la barra de direcciones…

Y me pregunto si el usuario medio tirando a avanzado se acuerda no ya del http:// si no del www. y del .com/.net/.org. Porque yo al menos no escribo http://sigt.net. Yo escribo sigt y pulso shift+enter para autocompletar. Lo mismo con los .com (ctrl+enter) o los .org (ctrl+shift+enter).

PD/Advertencia: chorraOmatic, el medidor de entradas chorras nº1 del mercado ha calificado ésta entrada con 99 puntos sobre 100.

Gravatar de Armonth

CEDRO a por las universidades

CEDRO, la sgae de los libros y revistas amenaza hoy a las universidades que violan –según ellos– sistematicamente el copyright.

“Algo habrá que hacer, nos lo están poniendo muy difícil y estamos quemando los últimos cartuchos”, advierte Magdalena Vinent, directora general de Cedro, a la pregunta de si barajan llegar a los tribunales. “No se dan cuenta de que están perjudicando a la ciencia, al progreso y a ellos mismos, porque ellos también generan derechos de autor”, añade.

Eso de generar derechos de autor con trabajos de universidad… permintanme dudarlo. ¿No será más bien que les duele que las universidades cada vez vean con mejores ojos las licencias Creative Commons? ¿O quizás que en algunas universidades no permitan fotocopias de libros para librarse del canon anual?.

Porque aquí no solo pagas canon al comprar papel y al comprar la fotocopiadora. Por si fuera poco también se paga otro canon anual para las fotocopiadoras que están accesibles al público (creo que a proporción por volumen de alumnos).

Y mientras unos se forran a manos alzas van provocando por ahí todo tipo de mamoneos y perjuicios, como por ejemplo los casos en que se han negado a dejarte fotocopiar un libro del cual eres autor. Como si aquí, a diferencia de la música, “saliese a cuenta” la copia… que en la música y otro tipo de ocio aún cuela el argumento pero en los libros fotocopiar y encuadernar un libro te sale tanto como comprarlo directamente… así que aquí no tienen ni esa excusa.

Al final lo único que se merecen es que, al igual que en la música, la tecnología los ponga en su sitio. Tengo ganas de ver las hostias que se pegarán (porque de eso no hay duda, “hacer las cosas bien” y “adaptarse” no entra dentro de su vocabulario) con los ebooks.

Por cierto, manda huevos que digan que la red (Internet) perjudica a la ciencia cuando buena parte de la misma red se inventó en el CERN… por y para científicos.

Gravatar de Armonth

13 pequeñas cosas para simplificar tu jornada laboral

Ventajas de tener una larguísima lista de marcadores: encontrarse cosas pendientes de leer que merecen la pena. Desventajas: todas las demás. Entre esas cosas pendientes de leer que merecen la pena encuentro 13 small things to simplify your workday. Está muy enfocado al trabajo de oficina. Una lectura recomendable que paso a traducir:


“Haz las cosas díficiles mientras sean fáciles y haz las grandes cosas mientras todavía sean pequeñas. Una jornada de cientos de millas debe comenzar con un solo paso.” – Lao Tzu

Una de las mejores cosas que he hecho cuando me decidí a simplificar mi vida fue simplificar mi jornada laboral. Primero en mi trabajo diario y, después, dejándolo.

Eliminé buena parte de la rutina, aburrimiento y tareas administrativas con unos pocos y simples principios. Estos días he eliminado las tareas no esenciales y puedo centrarme en lo que de verdad quiero: crear.

No todo el mundo puede hacer pasos tan drásticos hacía la simplicidad, pero si posees cierto control sobre tu trabajo, puedes hacer algunas pequeñas cosas para simplificarlo de forma increíble.

Si no posees dicho control o te encuentras pensando para ti mismo “Yo no puedo hacer estas cosas”, empezaré preguntándote ¿por qué no?. Es posible cambiar cosas, si no hoy ¿qué tal a largo plazo?. He encontrado en muchas ocasiones que pese a pensar que algo no era posible (por ejemplo trabajar desde casa) a largo plazo sí lo era.

No necesitas hacer todas estas cosas: elige una y pruebala. Luego elige otra y prueba a ver si funciona. Experimenta para encontrar qué funciona para ti. Y disfruta de un trabajo más simple.

  1. Empieza pronto. Empezar el trabajo pronto es uno de mis trucos favoritos. Se está silencioso y tranquilo antes de que los teléfonos, el parloteo y las reuniones empiecen y puedo hacer mucho trabajo en paz. Para cuando el resto está empezando ya he terminado dos o tres grandes tareas.
  2. Limita tus horas. Es irónico debido a que mucha gente trabaja durante muchas horas y piensa que hacen mucho más y son más productivos. Pero echar horas a lo bruto es un problema. En lugar de eso corta de raíz las horas y pon un límite –digamos 6 o 7 horas al día– y consigue terminar el trabajo más esencial dentro de ese límite. Si eres consciente de que sólo trabajas 6 horas al día te asegurarás de terminar las tareas importantes primero y de desaprovechar menos tiempo. Las limitaciones te fuerzan a ser efectivo.
  3. Haz una lista corta. Haz una lista larga con todas las tareas que tienes que hacer… y luego haz una más pequeña con 1-3 cosas que realmente quieres terminar. Elige de tal forma que, si solamente terminas estas tareas, aún así estés orgulloso del trabajo realizado hoy. Empieza con las tareas más importantes primero, antes de comprobar el email o leer cosas en Internet.
  4. Agrupa las distracciones. ¿Cuáles son tus distracciones más comunes? ¿Quizá cosas como leer tu email, leer blogs, Twitter u otras redes sociales? Pon un tiempo para éstas, preferiblemente tarde. Digamos de 3 a 4 de la tarde. No hagas tareas que te distraigan primero. Agrupándolas en un periodo de tiempo estás permitiéndote hacer otro trabajo primero y aún así seguir obteniendo tu pequeño tiempo para distraerte. Otra posible aproximación es hacerlo durante 10 minutos al final de cada hora ¡pero sin pasarse de ese límite de 10 minutos!.
  5. Escribe emails cortos. Si el email te quita grandes cantidades de tiempo al día entonces límitarte a dedicarle 3 o 4 frases por email puede ser una gran diferencia. Primero reducirá drásticamente el tiempo que te toma escribir y responder emails y segundo acortará las respuestas que te envíen de vuelta lo que redundará en que dediques menos tiempo a leer emails.
  6. Limita las reuniones. Cuanto menos, mejor. Algunos de los máximos ejecutivos de Google hacen reuniones de apenas 5 minutos — cualquiera que pretenda ir a una de éstas reuniones mejor que esté preparado… y sea conciso. Si puedes evitar las reuniones y obtener notas de las mismas u obtener una forma alternativa de comunicación te puede ahorrar varias horas a la semana.
  7. Automatiza. Cuanto menos tareas rutinarias y repetitivas tengas que hacer más tiempo libre que tendrás para crear o para trabajo importante. Así que automatiza todo lo que sea posible: ten personas que escriban las cosas en formato digital, que se pueda obtener información de tu sitio web en lugar de tener que llamarte o enviarte un email, o usa un servicio que automatice los procesos de pago y/o envío de la mercancía… y cosas así.
  8. Elimina el papeleo tradicional. Solía tener que hacer mucho papeleo e incluso entonces sabía que era una perdida de mi tiempo. Si los negocios y organizaciones pueden rellenar el papeleo en formato digital puedes ahorrar un montón de papel, tener que copiar, rellenar y demás esfuerzo duplicado. Siempre que sea posible, elimina el papeleo tradicional en favor del digital. Este puede ser un movimiento más a largo plazo.
  9. Limpia tu escritorio. Esto puede hacerse en unos pocos minutos. Limpia todo lo que está encima del escritorio. Sólo vuelve a poner los pocos y esenciales objetos. El resto debe ser: archivado, dado a la persona apropiada, darle un lugar fijo en un cajón o tirado/reciclado. Toma decisiones rápidas y vuelve al trabajo.
  10. Escapa(de la oficina). Si puedes escapar de la oficina, puedes encontrar un lugar tranquilo donde centrarte en el trabajo importante. Encuentra un lugar donde puedas trabajar, desconectarte de Internet y hacer tu trabajo y luego volver a conectar Internet y enviar el trabajo a donde se requiera. Trabajar desde casa es una buena opción. Cuántas más horas de “teletrabajo” puedas hacer en lugar de horas en la oficina, mejor.
  11. Toma pequeñas pausas. Cada 15-20 minutos levantate del escritorio y toma una pequeña pausa para respirar. Puede ser una vuelta alrededor de la oficina, decirle hola a alguien o, incluso mejor, salir fuera a tomar algo de aire fresco. Pasearse, hacer que tu sangre circule, quizás masajearte el cuello y los hombros si notas tensión. Haz flexiones si quieres ponerte en forma. Cuando vuelvas al trabajo recuerda en qué estabas trabajando y abandona todas las distracciones.
  12. Práctica un ritual de reconcentración. Cada una o dos horas haz un ritual de reconcentración. Esto toma sólo un minuto o dos. Debes empezar por cerrar/minimizar el navegador y tal vez las otras aplicaciones abiertas… y quizás luego tomarte un pequeño paseo de un par de minutos para aclarar la cabeza y recuperar tu circulación sanguínea. Luego vuelve a tu lista de tareas más importantes y planteate que es lo siguiente que debes llevar a cabo. Antes de volver a comprobar el correo o conectarte a Internet trabaja en las tareas importantes durante el tiempo que puedas. Repite este ritual a lo largo del día.
  13. Planifica grandes periodos de tiempo creativo. No todo el mundo puede hacer esto pero, cuando es posible, pon una ventaja grande de tiempo –3 o 4 horas– en tu horario para crear o hacer otro tipo de trabajo importante. Haz de esta ventana de tiempo algo sagrado y no aceptes ni reuniones ni que otras cosas sean planificadas para hacer durante esta ventana de tiempo. Sé despiadado a la hora de ignorar las distracciones y haz el trabajo que más te gusta durante estos periodos de tiempo. Regocijate en tu creatividad.

Como ya dice la entrada original, es cierto que no todos podemos poner en práctica todos (o alguno de) los consejos. Y añadiría que en España menos.

Páginas: 1 2 3 ... 295