Estructura de árbol con CSS y HTML

A veces viene bien poder representar datos en una estructura de árbol como la que produce el programa tree. El programa tree produce una salida de un árbol de directorios como esta:


✔ /var/www/html/Repos/Freak-Spot/freak-theme [master|✔] $ tree
.
├── static
│   ├── css
│   │   └── style.css
│   ├── genericons
│   │   ├── COPYING.txt
│   │   ├── genericons.css
│   │   ├── Genericons.eot
│   │   ├── Genericons.svg
│   │   ├── Genericons.ttf
│   │   ├── Genericons.woff
│   │   ├── LICENSE.txt
│   │   └── README.md
│   ├── images
│   │   ├── creativecommons_public-domain_80x15.png
│   │   ├── gnu-head-mini.png
│   │   └── questioncopyright-favicon.png
│   └── js
│       ├── functions.js
│       └── jquery-3.1.1.js
└── templates
    ├── archives.html
    ├── article.html
    ├── article_info.html
    ├── author.html
    ├── authors.html
    ├── base.html
    ├── category.html
    ├── index.html
    ├── page.html
    ├── pagination.html
    ├── period_archives.html
    ├── tag.html
    ├── taglist.html
    └── tags.html

6 directories, 28 files

Para representar la instrucción tal como aparece en una terminal he utilizado las etiquetas HTML <samp> y <pre> (<pre><samp>salida de tree</samp></pre>). ¿Pero que pasa si quiero incluir un enlace o utilizar otros elementos de HTML, o CSS? Entonces tendremos que usar CSS para mostrar la apariencia de ramas.

Continúa leyendo Estructura de árbol con CSS y HTML

El software libre es mejor que la alquimia

¿Resulta difícil explicar las ventajas del software libre a personas que no entienden de ordenadores? Del mismo modo que no hay que ser periodista para entender los beneficios de la libertad de prensa, no hay que ser programador para entender los beneficios del software libre.

Continúa leyendo El software libre es mejor que la alquimia

La batalla por Wesnoth

La batalla por Wesnoth es un videojuego de estrategia por turnos con temática de fantasía. Se encuentra disponible para GNU/Linux, Mac OS y Windows.

Menú principal de La Batalla por Wesnoth

Se trata de un juego muy completo y cuidado en detalles. Deberemos planificar cuidadosamente la estrategia para llevar a nuestras tropas a la victoria. Varios factores influyen en la batalla: el terreno, el momento del día, el tipo de ataque, habilidades, etc.

Continúa leyendo La batalla por Wesnoth

Internacionalización de programas Python

La internacionalización de programas permite que estos puedan ser entendidos por personas que hablan idiomas diferentes.

En este artículo enseño cómo internacionalizar un programa escrito en Python 3. Para este propósito se suele utilizar el módulo gettext, que esta incluido en Python.

Continúa leyendo Internacionalización de programas Python