martes, 25 de junio de 2013

TuxInfo #59



El 20 de junio salió una nueva edición de TuxInfo. Se trata de la edición Nº 59, que es un PDF de 17,7 MB y de 42 páginas.

A continuación copio y pego la editorial de esta edición, escrita, como siempre, por Ariel M. Corgatelli:

Otro nuevo número de TuxInfo en la red, y como siempre con mucha información. Este mes tenemos mucha información para compartir con ustedes. El mes estuvo plagado de lanzamientos, rumores y muchas otras cuestiones relacionada de alguna manera con el software libre. Si bien muchas novedades están siendo anunciadas sobre plataformas móviles, tampoco tenemos que dejar de lado las que se basan en software libre para desktop.


domingo, 23 de junio de 2013

gulBACzine #1 (mayo de 2013)


A través de las páginas de la edición #7 de Hackers&Developers me enteré de la existencia de una nueva revista del mundo del software libre y que con gran gusto agrego a mi "quiosco".
Se trata de gulBACzine!, la revista mensual de gulBAC, el grupo de usuarios de Linux de Buenos Aires, Argentina.

Esta primera edición tiene 32 páginas, y está muy bien organizada y presentada (el diseño está a cargo de Franco Murillo).
Está separada en secciones bien definidas (en negrita en la siguiente lista) con los títulos de sus respectivos artículos:


jueves, 20 de junio de 2013

3. Creación de una estructura HTML para su Tema de Wordpress

(El artículo original y en inglés, fue publicado el 25 de octubre de 2012)

ThemeShaper es el sitio del Equipo de Temas de Automattic, que, en junio de 2009, publicaron una muy popular serie de 11 artículos de Ian Stewart, bajo el título: How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial (Como crear un Tema de WordPress: el tutorial definitivo).
El año pasado, reflotaron y actualizaron ese tutorial. Esta vez con 16 artículos a cargo de Michelle LangstonThe ThemeShaper WordPress Theme Tutorial: 2nd Edition (Tutorial de Temas de WordPress de ThemeShaper. Segunda edición).
Me propongo traducir libremente esas 16 entradas (además de la introducción) e ir publicándolas a medida que las tenga listas.
Al final de cada entrada va el listado con todas las entradas de este tutorial.

Ahora estamos empezando a entrar en el meollo del asunto del desarrollo de Temas para WordPress: la codificación de la estructura HTML.

Los objetivos de cualquier estructura HTML

Cuando escriba el código de un sitio web, deberá hacerlo con 2 objetivos en mente: código reducido y código semántico. Esto es, usar el menor etiquetado (etiquetas HTML) que sea posible y asegurarse que el mismo sea significativo, mediante el uso de clases semánticas y nombres de ID que refieran a su contenido, no a su apariencia (class="widget-area" en lugar de class="sidebar-left").

Ahora, cuando escriba el código de un Tema de WordPress (o cualquier plantilla para cualquier Sistema de Gestión de Contenidos - CMS) tendrá que alcanzar un equilibrio entre un etiquetado reducido, con muy poca estructura, y lo que se conoce como Divitis; o sea, incluir en su código demasiados e innecesarios elementos div. En otras palabras, demasiada estructura sin significado. Probablemente haya visto anteriormente la etiqueta div si ha observado el código de una página web o un Tema de WordPress. Piense en ellos como contenedores de código HTML —contenedores que son muy útiles para la manipulación de código  HTML con CSS. Obviamente vamos a utilizar algunos. Pero no queremos demasiados o de esos sin significado.
HTML5 ha hecho mucho más sencilla nuestra búsqueda de etiquetado significativo con el agregado de etiquetas estructurales como header, nav, y footer. Estos nuevos elementos son similares a la etiqueta div ya que también pueden servir como contenedores de código HTML. Al mismo tiempo, nos permiten crear un esquema mucho más descriptivo para nuestro código HTML.
En definitiva, queremos una estructura suficiente -haciendo uso de las nuevas etiquetas de HTML5 así como de las etiquetas div- y que podamos reutilizar nuestro código para múltiples blogs y diseño de sitios. Queremos escribir código al que podamos volver y usar de nuevo.


martes, 18 de junio de 2013

Full Circle #73 (mayo de 2013)





Desde el 1 de junio está disponible la edición # 73 de Full Circle Magazine (es un PDF de 61 páginas y 13,8 MB que también está disponible en el sitio de Issuu).

Me gustaría destacar:
  • los resultados de la encuesta de lectores -en la que participé- del mes pasado. 
  • las continuaciones de las series sobre Blender e Inkscape.
  • en la sección "Command & Conquer" (página 6), Lucas Westermann escribe un artículo titulado "Free Online Coding Courses" en el que, entre otras cosas, se refiere a dos recomendables sitios web para aprender, en línea y de forma gratuita, lenguajes de programación. En particular se refiere a Code Academy (un sitio que he estado usando y que está muy bueno) y Khan Academy -donde se puede aprender sobre muchos más temas, además de la programación-
  • la nota de tapa (página 14), el "HowTo" sobre SQLite y escrito por Jeremy Boden, puede ser interesante ya que quizás sea una buena idea ir pensando en migrar de MySQL hacia otras opciones. ¿SQLite? ¿MariaDB? ¿otros?. Veremos como sigue todo esto.

Aquí va una traducción libre de la editorial, escrita, como siempre, por Ronnie Tucker:


jueves, 13 de junio de 2013

Para tener a mano (XLIII)

Los temas de esta edición:
  • Nuestra nueva red social: gráfica libre.
  • ¿Qué onda con la nueva suite Creative Cloud de Adobe?. 
  • Manual de Photivo
  • Cortitas:
    • Debian en la Estación Espacial Internacional. 
    • ¡250 sitios de fotografías libres!
    • QupZilla: un moderno navegador web.


lunes, 10 de junio de 2013

2. Herramientas para el desarrollo de Temas de WordPress

(El artículo original y en inglés, fue publicado el 24 de octubre de 2012)

ThemeShaper es el sitio del Equipo de Temas de Automattic, que, en junio de 2009, publicaron una muy popular serie de 11 artículos de Ian Stewart, bajo el título: How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial (Como crear un Tema de WordPress: el tutorial definitivo).
El año pasado, reflotaron y actualizaron ese tutorial. Esta vez con 16 artículos a cargo de Michelle LangstonThe ThemeShaper WordPress Theme Tutorial: 2nd Edition (Tutorial de Temas de WordPress de ThemeShaper. Segunda edición).
Me propongo traducir libremente esas 16 entradas (además de la introducción) e ir publicándolas a medida que las tenga listas.
Al final de cada entrada va el listado con todas las entradas de este tutorial.

Antes de empezar a construir cualquier Tema de WordPress, necesitaremos tener en su lugar todas nuestras herramientas de desarrollo. En esta entrada, reseñaremos las mejores de las mejores y nos construiremos un entorno multiplataforma de pruebas de Temas de WordPress que enorgullecería a un desarrollador profesional.

Un servidor de pruebas local: XAMPP o MAMP

El mejor lugar donde desarrollar su propio Tema para WordPress es, desconectado de la web, en su computadora personal. Sin embargo, para hacerlo deberá convertir su computadora en un servidor local ("local server"), esencialmente, aproximándose al conjunto de programas de un servidor web normal (Apache, MySQL y PHP). Esto quiere decir que puede instalar WordPress en su computadora personal.
Instalar estos programas para servidores por separado pude ser todo un desafío técnico pero, afortunadamente para nosotros, existe un par de programas libres que instalarán y gestionarán todo eso para nosotros.
Si está en una computadora con Windows, querrá probar con  XAMPP. Si está en una Mac, querrá descargar MAMP. Que es el que yo usé y funciona.

[Agregado a la traducción: para GNU/Linux también pueden probar con otra versión de XAMPP, tal como explico en una entrada previa]


sábado, 8 de junio de 2013

Montevideo en miniatura

En el siguiente video, del que me enteré en elpais.com.uy, se ven varios lugares representativos de Montevideo: el puertito del Buceo, la rambla, la plaza Independencia, el teatro Solís, el museo Oceanográfico, el Palacio Legislativo, el puerto, el hipódromo de Maroñas y el estadio Centenario, entre otros.
Pero, no se ven "normales", sino que, mediante una técnica llamada "tilt-shift"  (que supone, principalmente, aumento en la saturación de los colores y algunos desenfoques, además de la cámara rápida), le da a las imágenes la apariencia de una maqueta, una miniatura.



La producción del video estuvo a cargo de Carolina Delisa, la fotografía de Juan Maruri y la postproducción de Javier Callejón, todos de la Universidad de Montevideo.

En este caso, estrictamente, no sé como se logró el efecto, pero, en el siguiente video, pueden ver los pasos que se pueden seguir, utilizando Kdenlive, para lograr algo similar:

jueves, 6 de junio de 2013

Hackers & Developers #7: "She"


Vía desarrolloweb.com, me enteré que desde el 27 de mayo está disponible una nueva edición de Hackers & Developers, la revista mensual sobre software libre, hacking y programación.
Este número 7, de nombre "She", es un PDF de 1,7 MB y de 57 páginas.

A primera vista, los artículos que me llaman más la atención son, ambos, autoría de Eugenia Bahit:
  • La "guía completa sobre el manejo de archivos por línea de comandos". Una especie de "trencito" para tener a mano.
  • "El olvidado mundo de las variables en PHP".
Pero, además, me interesó el anuncio en la última página de la aparición de una nueva revista: GULBACZine, sobre la que pronto haré una entrada.

A continuación copio el párrafo de introducción de cada artículo de esta edición, para que vean de que va la cosa:

lunes, 3 de junio de 2013

1. El desarrollo de su "sentido temático"

(El artículo original y en inglés, fue publicado el 23 de octubre de 2012)

ThemeShaper es el sitio del Equipo de Temas de Automattic, que, en junio de 2009, publicaron una muy popular serie de 11 artículos de Ian Stewart, bajo el título: How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial (Como crear un Tema de WordPress: el tutorial definitivo).
El año pasado, reflotaron y actualizaron ese tutorial. Esta vez con 16 artículos a cargo de Michelle LangstonThe ThemeShaper WordPress Theme Tutorial: 2nd Edition (Tutorial de Temas de WordPress de ThemeShaper. Segunda edición).
Me propongo traducir libremente esas 16 entradas (además de la introducción) e ir publicándolas a medida que las tenga listas.
Al final de cada entrada va el listado con todas las entradas de este tutorial.

¿Qué es "sentido temático"?

Diremos que el "sentido temático" es una comprensión intuitiva de los Temas (o plantillas) de WordPress: de la relación entre los archivos que componen un Tema, y de cómo esos archivos encajan en WordPress.
"Sentido temático" es lo que usted tendrá al final de este tutorial.

"Sentido temático" no quiere decir memorizar código

Number Sense 
Pensemos por un momento en las matemáticas y en el sentido numérico. Si se le enseña a un niño simplemente a memorizar cuentas aritméticas con tarjetas didácticas, sin explicar por qué las respuestas son las que son, seguramente, ese niño va a tener problemas cuando se encuentre con una cuenta que no haya aprendido de memoria. Ser capaz de demostrar, por ejemplo, 5 +2 = 7 con bloques ayuda a que el niño "vea" cómo funcionan los números. Después, puede utilizar este conocimiento para ayudarse a resolver cualquier problema que se le presente en el futuro, incluso si no ha aprendido la respuesta de memoria.

El "sentido temático" funciona de la misma manera. Es importante centrarse en el panorama general de lo que se esté tratando de lograr, en lugar de memorizar los bits de código específicos.


sábado, 1 de junio de 2013