Credit image

ProcrastiTracker: Cómo evitar perder tiempo en el PC

Herramienta antiprocrastinación: No dejes para mañana lo que puedes hacer hoy. Con este programa podrás saber en que estás perdiendo el tiempo.

Casi con total seguridad habrás escuchado la expresión «no dejes para mañana lo que puedas hacer hoy». El término procrastinación es el que define ese problema, puesto que procrastinar es lo que, desgraciadamente, muchos solemos hacer: posponer o aplazar tareas pesadas o desagradables (que deben hacerse pero no nos apetece hacer), realizando en su lugar otra tarea menos desagradable, para cubrirlo «como excusa» o, simplemente, evadirnos de una forma inconsciente.

ProcrastiTracker: Programa antiprocrastinación, ideal para gestionar el tiempo en el PC

En este artículo hablaremos principalmente de ProcrastiTracker, una herramienta antiprocrastinación que nos permitirá conocer el tiempo que estamos invirtiendo (en cada tarea, programa o ventana) al utilizar nuestro PC. Y todo ello de forma totalmente transparente.

Este tipo de programas (junto a otros como RescueTime, ManicTime u otros) pertenecen a la familia de herramientas para gestionar el tiempo. Sin embargo, las desventajas más frecuentes en este tipo de programas es que necesitan que el usuario indique manualmente las tareas que se encuentra realizando, cuando las inicia o finaliza (o algún tipo de medida de control), lo que a menudo implica que el usuario tiene que adquirir la costumbre de realizar esa aportación de datos al programa.

Procrastinar en Facebook, la procrastinación por excelencia hoy en día

Esto nos deja con que el usuario debe ser muy disciplinado, no olvidarse nunca y adquirir el hábito de realizar ese control, lo que lo vuelve una herramienta poco práctica. Además, si tienes un ritmo ajetreado de trabajo, muchas veces es complicado (por no decir imposible).

ProcrastiTracker

Sin embargo, la potencia de ProcrastiTracker reside en que hace todo eso de forma transparente, sin interacción del usuario. Sólo necesitamos descargarlo (apenas ocupa 400KB y es freeware) e instalarlo en nuestro sistema. De momento Chocolatey no lo soporta, pero Npackd sí.

ProcrastiTracker sorprende por lo ligero que es. Apenas te das cuenta que está ahí, cosa que no ocurre con prácticamente todos los programas del mismo estilo. Nos aparecerá una ventana (aparentemente compleja) que a medida que transcurra el tiempo se irá llenando de información. Dicha información representa el tiempo exacto que hemos estado utilizando un determinado programa.

Pantalla principal de ProcrastiTracker (Sí, menudo vicio al FallOut)

URL | Descargar ProcrastiTracker

Con ProcrastiTracker, si necesitamos tiempo para organizarnos y realizar algún trabajo o proyecto grande, podemos investigar donde se puede ahorrar tiempo: que tareas nos están llevando más tiempo, buscar formas alternativas de realizar tareas, donde estamos procrastinando, etc...

Así que vamos a aprender a utilizar las diferentes funcionalidades de ProcrastiTracker. Porque seguro que a muchos, el siguiente gráfico les ha resultado muy familiar en varias ocasiones:

Mi máximo de productividad diario

[...]

Queda el 72% del artículo
Leer artículo completo

Cómo crear GIF animados en 3D (Split-Depth GIF)

¿Te has encontrado con alguno de estos GIF animados en 3D? En este artículo te explico como crearlos de forma sencilla.

Con el renacimiento de los GIF animados en los últimos años, ha nacido también un curioso fenómeno en el que podemos ver GIF animados con lo que parece un efecto 3D muy llamativo y sorprendente, todo ello a simple vista, sin necesidad de utilizar gafas especiales.

¿Cómo crear GIF animados en 3D?

Este fenómeno (que no deja de ser un truco visual) se ha bautizado en Internet con el nombre de SplitDepthGIF (GIF animados con profundidad dividida). En este artículo veremos en que se basa y como crear uno de forma fácil y sencilla.

1. ¿Qué es un «Split Depth GIF»?

Como ya hemos comentado, se trata de un GIF animado modificado especialmente para exagerar el efecto tridimensional de una secuencia de imágenes y conseguir una profundidad y efecto 3D muy realista.

Rocket Raccoon (Guardianes de la Galaxia) en un Split Depth GIF

2. ¿Es un GIF animado en 3D?

Realmente, no. Se podría catalogar como pseudo-3D, ya que la imagen está realmente en dos dimensiones, pero nos aprovechamos de una serie de características que facilitan el que se perciba como algo que podría parecer 3D: poca profundidad de campo (objeto en primer plano sobre fondo borroso), tamaño de objetos respecto al espectador, y sobre todo, unas líneas divisorias generalmente blancas.

[...]

Queda el 86% del artículo
Leer artículo completo

10 distribuciones de GNU/Linux que quizás no conocías

¿Estás buscando una distribución de Linux diferente para 2015? Aquí tienes 10 distros que quizás no conocías.

Cuando hablamos de sistemas operativos GNU/Linux, a todos nos vienen a la cabeza distros como Ubuntu, Debian, Fedora, Suse u otras distribuciones tradicionales con una larga trayectoria y popularidad.

Sin embargo, es bueno mantenerse despierto y tener siempre en cuenta que el mundo de Linux no está limitado solamente a estas distribuciones, ya que poco a poco muchas de ellas se van abriendo camino hacia comunidades de usuarios específicas (o más generales).

Distribuciones de Linux de 2015

En este artículo vamos a repasar 10 distribuciones de GNU/Linux que quizás no son demasiado conocidas y pueden resultar interesantes a más de un usuario.

Disclaimer: La lista de este artículo no es un top ni una lista ordenada de mejor a peor. Tampoco pretende ser un listado de únicas alternativas. Como sé que este tipo de artículos se presta mucho a comentar «yo prefiero X distro», propongo que en su lugar se deje un comentario ofreciendo las razones específicas por las que se prefiere una u otra, y así al menos compartir opiniones constructivas.

1. CrunchBang

CrunchBang es una distro minimalista basada en Debian, orientada a usuarios que quieren disponer de un escritorio limpio y simple, pero a la vez atractivo y funcional, tanto en escritorio como en portátiles o netbooks. Como se puede observar en la captura, incorpora un elegante estilo de interfaz muy sencillo, utilizando el administrador de ventanas ultraligero OpenBox. Es ideal para usuarios avanzados, amantes de la simplicidad a los que les encantan las terminales de Linux.

CrunchBang, ideal para usuarios avanzados

URL | CrunchBang

2. Ozon OS

Ozon OS es una novedosa y reciente distribución de Linux dirigida al público gamer, diseñada para ofrecer una interfaz moderna y minimalista. Está dirigida por los desarrolladores de Numix y Nitrux. Desde su perfil de Google+ van contando novedades sobre su desarrollo.

Ozon OS, orientado para gamers de Linux

URL | Ozon OS

3. Deepin

Linux Deepin es una distro con un fantástico aspecto gráfico que utiliza un escritorio propio (DDE) basado y personalizable mediante HTML5. Está basada en Ubuntu y es de origen China. Llama la atención lo bien cuidados que están todos los detalles, desde las pantallas de carga hasta la personalización del sistema.

Deepin, un GNU/Linux con muy buen gusto

URL | Linux Deepin

[...]

Queda el 62% del artículo
Leer artículo completo

10 pasos para renovar el front-end del blog

Explicación del proceso de rediseño (frontend) realizado en Emezeta en 2015, comentando herramientas y tecnologías usadas, así como algunas curiosidades de desarrollo.

Hacía ya bastante tiempo que tenía ganas de renovar el diseño de Emezeta, pero nunca encontraba tiempo para ponerme con ello, así que en diciembre decidí liarme la manta a la cabeza y ponerme como objetivo empezar 2015 con un rediseño del front-end.

Mis objetivos principales de rediseño eran los siguientes:

  • Aspecto visual: Renovar la interfaz para conseguir un diseño más actual y atractivo, utilizando principalmente el lenguaje CSS (el enlace incluye chuleta para descargar).
  • Minimalismo: Conseguir un aspecto minimalista a la vez que elegante, enfocado en el contenido, la experiencia de usuario y la legibilidad.
  • Eficiencia: Como fan de la optimización, luchar por conseguir (sin incumplir los puntos anteriores) un código que sea lo más eficiente y rápido posible.

Además, el cambio era urgente, ya que dar clases de CSS3 y no tener un front-end en condiciones no es precisamente predicar con el ejemplo.

Emezeta 2015: Rediseño del front-end

En este artículo mencionaré algunas de las principales novedades de la interfaz rediseñada, las tecnologías y herramientas que he utilizado y curiosidades sobre el proceso.

Disclaimer: En ningún caso pretendo «sentar cátedra» ni insinuar que se trata de la mejor forma de realizar un rediseño. Nada más lejos de la realidad. Mi intención es compartir como hice el rediseño, facilitando información para los interesados y favoreciendo el debate para aprender de los comentarios de otros usuarios, yo el primero.

1. Tecnologías y herramientas utilizadas

Antes de empezar, hay que disponer de una buena base de tecnologías y herramientas. Comencemos por un buen editor de código para programar. En mi caso, y aún teniendo a mi disposición editores excelentes para programar como Atom, Brackets u otros, personalmente me decanté por Sublime Text. ¿Razones? Su velocidad, su alta personalización, y la gran cantidad de paquetes para extender sus capacidades.

He utilizado el preprocesador LESS para generar el CSS final. ¿Por qué LESS y no SASS (u otro)? Realmente no hay razón. La sintaxis de LESS me pareció más sencilla y agradable a primera vista, y la instalación y uso de lessc mediante npm (NodeJS) es prácticamente intuitiva. (Si alguien considera que SASS u otro preprocesador CSS está muy por encima de LESS por alguna razón, puede debatirlo en los comentarios).

Además, también utilizo autoprefixer para ahorrarme el incluir prefijos de fabricante como -webkit u otros, ya que esta herramienta lo hace automáticamente mediante información extraída de CanIUse. De esta forma me centro en crear código CSS consistente y atómico.

Tecnologías utilizadas en el rediseño

Como mi intención era desarrollar en local y automatizarlo todo desde el propio editor, cree un pequeño plugin llamado MakeOnSave.py que realiza estas acciones cada vez que guardo un documento .less, además de la minificación de archivos .css y .js para ahorrar ancho de banda. Si alguien prefiere hacer todo esto desde el propio servidor, puede optar por utilizar herramientas como Grunt o Gulp.

Por la parte del etiquetado HTML, he aprovechado para simplificar el código y utilizar características interesantes de HTML5 como validadores en formularios, etiquetado semántico y datos estructurados como hAtom u otros detalles relacionados. Utilizo PHP, por lo que he optado por Smarty como motor de plantillas, mientras miro fijamente a Haanga. Pero de la parte del Backend ya hablaré en otra ocasión.

Como editores de diseño gráfico he utilizado varios programas, pero principalmente el maravilloso Inkscape, Paint.NET y el equivalente a MacGyver para tareas gráficas ligeras: IrfanView. También suelo utilizar ImageMagick y RIOT para ciertas tareas de optimización de imágenes y para automatizar tareas desde terminal.

Respecto a la parte de Javascript, he utilizado principalmente jQuery, pero ya hablaré de ello un poco más adelante.

2. Legibilidad y aspecto visual

Había comentado que mejorar la legibilidad era uno de mis objetivos principales con el rediseño. Para ello, hice un estudio intensivo de la tipografía que utilizaría en los artículos. Tras evaluar muchas opciones, finalmente me decanté por Montserrat para titulares y Exo 2 para textos y párrafos.

[...]

Queda el 78% del artículo
Leer artículo completo

1 2 3 4 5 6 ... 387 #