Me están pirateando el manual de XHTML
Permalink | Archivado en: Alma Geek, CSS, Cafeína, Cultura libre, Diseño y Desarrollo Web, Tutoriales, XHTML, Yo, Yo me quejo
Tiene narices que para una vez que actualizo el blog, tenga que ser por una cosa como esta. Ayer andaba buscando yo referencias a ver quién enlazaba a mi manual, y me encontré con esto:
Sí, así de surrealista: un tío coge mi manual de XHTML y CSS y se pone a venderlo en Lulu (un servicio de impresión bajo demanda).
Y lo peor es que lleva haciéndolo desde el 2007 y yo no me he dado cuenta hasta ahora…
Y no os perdáis, que además de venderlo en papel, también cobra por descargar el PDF.
Me he puesto en contacto con Lulu a ver qué me dicen. Tampoco creo que el pirata se haya hecho de oro, ni mucho menos, pero me cabrea mucho que alguien se aproveche así de mi esfuerzo desinteresado (recordemos que mi manual está bajo una licencia Creative Commons que permite la distribución, pero prohíbe el uso comercial).
En fin, según vaya teniendo noticias de esto iré actualizando este post.
[Actualización: 16 de mayo] Ya está solucionado el tema. En Lulu han retirado el libro y me han dado un recuento de copias vendidas. El número es lo bastante pequeño como para considerar meterme en más berenjenales. ¡Gracias a todos por el apoyo!
Un videojuego sencillo con Gosu y Ruby
Permalink | Archivado en: Alma Geek, Desarrollo de videojuegos, Tutoriales
He traducido al castellano el tutorial de iniciación de Gosu que hay en el wiki oficial. En él se explican los fundamentos de la librería desarrollando un pequeño juego de ejemplo, aunque se presuponen conocimientos previos de Ruby.
Descargar el tutorial en PDF (216 KB)
Ah, al igual que Gosu y su documentación, el tutorial está bajo la licencia MIT.
Gosu: librería para juegos 2D
Permalink | Archivado en: Alma Geek, Desarrollo de videojuegos, Tutoriales
¿Qué es Gosu
Gosu es una librería para el desarrollo de videojuegos 2D. Es libre (licencia MIT) y multiplataforma (Linux, Windows y Mac), y está disponible para C++ y Ruby.
¿Por qué mola? Porque aunque aún no esté terminada del todo, es una librería simple que funciona. La API es muy reducida, pero suficiente, por lo que aprender a usarla lleva muy poco tiempo. Además, la podemos usar con Ruby, el lenguaje para vagos por excelencia 
Gosu emplea OpenGL para renderizar los gráficos, por lo que tenemos aceleración por hardware. Esto nos permite (a diferencia de las SDL a pelo) crear videojuegos 2D a alta resolución, con imágenes de 32 bits (con canal alpha) y usar efectos gráficos como rotaciones, tranparencias, etc. en tiempo real.
Instalación de Gosu
A continuación se muestra cómo instalar Gosu y Ruby en Windows, Linux y Mac. En el wiki oficial de Gosu encontraréis además instrucciones para usar Gosu con C++.
Cómo escribir en japonés con TextMate
Permalink | Archivado en: Alma Geek, Mac, Tutoriales
Os contaba el otro día que TextMate no soportaba texto japonés. Resulta que esto es cierto sólo a medias, ya que los japoneses han hecho un par de apañitos (gracias Fanatiko por el enlace). Aquí tenéis un pequeño how-to:
Paso 1: Activar el input en japonés
Sólo los teclados japoneses admiten la inserción directa de texto japonés. El resto del mundo tenemos que utilizar algún input method. Lo más normal consiste en que nosotros escribamos la palabra “tal cual como suena” y nos aparece un menú contextual mostrando las diferentes posibilidades de escritura. Esto puede parecer engorroso, pero al final se acaba escribiendo bastante rápido.
Para poder escribir texto japonés con nuestro teclado español, tenemos que ir a System Preferences/International. Allí en la pestaña de Input Method activamos los dos silabarios (hiragana y katakana) y el romaji, si lo queremos también.
Checklist para analizar blogs (o cómo poner a parir un diseño con buenos argumentos)
Permalink | Archivado en: Blogosfera, Blogs, Cafeína, Diseño y Desarrollo Web, Tutoriales
El otro día, diseñando un theme para un nuevo blog (sorpresa), me hice una lista con las cosas que debía tener en cuenta (que no impidió que acabara haciendo lo que me dio la gana) sobre el diseño y la arquitectura de información del blog. La comparto con vosotros por si estáis pensando en un resideño, y de paso analizo el theme actual de demasiada Cafeína.
RoR con Cafeína III: Vistas y layouts
Permalink | Archivado en: Diseño y Desarrollo Web, Ruby on Rails, Tutoriales
Ahora que ya tenemos nuestro modelo funcionando, vamos a personalizar las vistas, esto es, el código XHTML+CSS generado por Rails.
Rails utiliza un sistema de plantillas, los archivos RHTML. Básicamente es código XHTML normal, con fragmentos de código de Ruby incrustados, entre <% y %>. Hay fragmentos que añaden un signo = al tag de apertura. Esto significa que el código Ruby devuelve una string, y se imprimirá directamente.
Ahora disponemos de cuatro vistas situadas en el directorio app/views/strips: edit.rhtml, index.rhtml, new.rhtml, show.rhtml; que se corresponden a las acciones edit, index, new y show respectivamente (estas acciones están definidas en el controlador).
Paso 4: Personalizar el layout común
Además, tenemos un layout común que comparten estas vistas: strips.rhtml, situado en app/views/layouts. Lo primero que haremos será enlazar este layout con nuestra propia hoja de estilos, cambiando el enlace que hay por defecto a scaffold.css:
RoR con Cafeína II: REST scaffolding
Permalink | Archivado en: Diseño y Desarrollo Web, Ruby on Rails, Tutoriales
REST
Ya hemos dicho que los controladores pueden tener acciones. En nuestro caso, tendríamos una acción new dentro del controlador de strips. Esa acción la podemos ejecutar invocándola desde código o también accediendo a esta URL: http://www.algo.com/strips/new.
Sin embargo, en Rails podemos además usar la programación REST. Yo no estaba muy convencida, pero Ernesto me aseguró que “es igual de fácil” y que “luego hacer los feeds RSS es muy sencillo”.
En la práctica, el REST consiste que para llamar a una acción, además de pasarle una URL, le pasamos un verbo al protocolo HTTP. Seguramente ya os sonarán los “métodos” GET y POST, pero hay más: PUT y DELETE. La acción show la asociaríamos con el verbo GET, update con PUT, etc.
Si queréis más info de REST (creedme: la queréis), os recomiendo que le echéis un vistazo a The Basics of REST in Rails.
RoR con Cafeína I: MVC y migraciones
Permalink | Archivado en: Diseño y Desarrollo Web, Ruby on Rails, Tutoriales
Esta es la segunda entrega de la serie de tutoriales sobre Ruby on Rails. Si aún no has leído la primera parte, ahora es un buen momento para hacerlo.
Modelo-Vista-Controlador (MVC)
la veremos en El patrón MVC es uno de los pilares básicos de Rails. El modelo representa a información de nuestro dominio. En este caso, tendríamos el modelo Strip (en castellano, “tira”). El modelo contiene los atributos, las restricciones y la lógica de negocio (por ejemplo, “Todas las tiras tienen que tener un título” sería una regla que iría en el modelo). Además, en Rails los modelos son Active Records. Esto significa que los atributos en el modelo tienen una correspondencia directa con los campos en nuestra base de datos (por ejemplo, si tenemos en nuestro modelo Strip un campo de tipo string llamado title, tendremos en la base de datos una tabla llamada strips, que contendrá el atributo title y será de tipo varchar). En RoR los modelos se guardan en el directorio app/models.
RoR con Cafeína 0: let’s rock!
Permalink | Archivado en: Diseño y Desarrollo Web, Ruby on Rails, Tutoriales
Esta es la primera entrega de una serie de tutoriales sobre cómo crear una pequeña aplicación con Ruby on Rails. Se asumen conocimientos básicos de programación en general, así como de XHTML y CSS. También se asume que tienes instalado RoR en tu ordenador. Desde aquí dar nuevamente las gracias a Ernesto por su ayuda y paciencia.
Disclaimer: Aunque no soy nueva en desarrollar aplicaciones web, sí soy n00b desarrollando con Ruby on Rails. De hecho, este tutorial no es más que una excusa para ir afianzando mis conocimientos.
¿Qué vamos a hacer?
Vamos a recrear paso a paso cómo hacer una página dinámica para una tira cómica (en concreto, la mía). Características:
- Upload (creación) mediante formulario de las tiras y sus datos por parte del administrador
- El administrador ha de poder eliminar y editar las tiras existentes
- Listado de todas las tiras (archivo)
- Navegación entre tiras
- Feed RSS
XHTML+CSS: nueva versión
Permalink | Archivado en: CSS, Diseño y Desarrollo Web, Tutoriales, XHTML
Aprovechando este concurso de Maestros del Web, he terminado una nueva versión del manual de XHTML y CSS: revisión de erratas, incorporación de algunos posts de Cafeína y un par de capítulos nuevos.
Podéis descargar el PDF (750KB, aproximadamente). Recordad que está distribuido bajo la licencia Creative Commons Attribution – Non Commercial – Share Alike (como el blog), así que compartidlo, traducidlo, añadidle cosillas, y demás
Tutorial de Apophysis
Permalink | Archivado en: Alma Geek, Destacados, Linux y software libre, Tutoriales
Ya os conté hace algún tiempo que trasteo con el Apophysis para crear fractales. Hay gente que me ha preguntado cómo las hago, así que me he decidido a escribir un pequeño tutorial de iniciación.
Podéis bajaros el Apophysis desde la web oficial. Es software libre, pero sólo está disponible para Windows (aunque hay plugins para The Gimp que hacen uso del mismo algoritmo para generar flames que Apophysis).
CSS-Sésamo I: Layout tableless a dos columnas
Permalink | Archivado en: CSS, Diseño y Desarrollo Web, Tutoriales
Esto no es un fallo en Matrix. Simplemente creo que es mejor y más cómodo tener el primer capítulo de CSS-Sésamo en “formato post”.
Hola, soy Coco y os voy a enseñar paso a paso cómo hacer un layout tableless (sin tablas) con dos columnas, a base de XHTML y CSS. Son necesarios conocimientos básicos de XHTML y CSS, aunque no gran cosa.
El layout que veremos en este primer capítulo de CSS-Sésamo es uno muy típico en blogs:
- Anchura fija
- Centrado
- Dos columnas (una más estrecha a modo de sidebar)
- Cabecera (header)
- Pie (footer)
Podéis echarle una ojeada aquí.
SDL con cafeína #2: Metiendo mano a la POO
Permalink | Archivado en: Alma Geek, Desarrollo de videojuegos, Tutoriales
Tabla de contenidos:
- Empezando el resources manager
- Control de FPS
- Double buffering
Lee el tutorial en formato PDF (134 KB) y descarga los archivos de ejemplo (4 KB).
Capítulos anteriores:
SDL con cafeína #1: Primer programa SDL
Permalink | Archivado en: Alma Geek, Desarrollo de videojuegos, Tutoriales
Tabla de contenidos
- Inicialización de SDL
- El modo de vídeo
- Blitting
Descarga el tutorial en formato PDF (108 KB) y los archivos de ejemplo (2 KB).
SDL con cafeína #0: Instalación de las SDL
Permalink | Archivado en: Alma Geek, Desarrollo de videojuegos, Tutoriales
Tabla de contenidos:
- Instalación de SDL y compilación en GNU/Linux
- Instalación de SDL y compilación en Windows
- Comprobando la instalación
- Tutoriales que molan
Descarga el tutorial en formato PDF (96 KB).
