Siguiendo con el repaso de las herramientas para desarrollo de Firefox, esta vez en Mozilla Hacks cubrieron de qué se trata el Scratchpad y el Editor de Estilos. Si quieren ver la primera parte: Firefox Developer Tools, parte 1: la Consola Web y el Debugger JavaScript En esta parte de la serie, se explican el Editor de Estilos (Style Editor) y el Scratchpad. El Editor de Estilos es una de esas cosas fantásticas sin las cuales la vida de un desarrollador web sería mucho más difícil. Ni que hablar de buscarle la vuelta a distintos problemas en un CSS. Podemos […]

Hasta hace un tiempo usaba casi a diario Firefbug en Firefox, una herramienta para inspeccionar HTML y CSS, debuggear JavaScript, analizar el rendimiento de un sitio y más. Era la herramienta para desarrollo web por excelencia. Pero de un tiempo a ahora, la reemplacé completamente con las herramientas para desarrollo nativas de Firefox. Desde hace unas cuantas versiones vienen avanzando de manera impresionante, y por lo menos hasta donde yo lo sabía usar, alcanzaron la funcionalidad de Firebug. Al ser nativo funciona mucho mas rápido (y más estable) que Firebug. Además usando Firefox Aurora como mi navegador principal, puedo acceder […]

El paso siguiente a aprender HAML fue leer sobre Sass: Syntactically Awesome Stylesheets. ¿Qué es Sass? Para mí: CSS como debe ser: Sass es una extensión de CSS3, agregando reglas anidadas, variables, mixins, herencia de selectores, y más. Su sintaxis scss es un superconjunto (qué buena palabra) de CSS3 por lo que cualquier hoja de estilo CSS3 es una hoja de estilo válida scss. También soporta una sintaxis anterior basada en la simplicidad de HAML, usando la indentación para definir bloques. Como HAML, al ver un poco de código nos damos cuenta de qué va la cosa. Este es el […]

En la RubyConf conocí personalmente a DrummerHead, diseñador y desarrollador front-end. Al visitar el blog, notó que la legibilidad se podía mejorar: Lo mas importante de un blog es el contenido y en su mayoría el contenido es texto 😛 entonces la legibilidad es muy importante. DrummerHead - 2011 Me mandó un código CSS para mejorar un poco el tema, que ya estoy aplicando en el CSS de Picando Código. ¡Comenten qué les parece! Creo que mejoró bastante... Con este post agradezco el aporte de DrummerHead, aunque creo que los más beneficiados van a ser los que lean el blog […]

Al igual que la RubyConf Uruguay del año pasado, me traje mucho material para procesar de esta nueva edición, que iré publicando en sucesivas entradas. Pueden encontrar las grabaciones de las presentaciones en Eventials: RubyConfUY. En este primer post les comento algunas de las primeras charlas con Ruby, Rails, Git, y HTML y CSS. Mi memoria me traiciona, y no me acuerdo el nombre... Pero el evento comenzó con un programador que presentó Pair Programming. Habló algo de la técnica e invitó a los asistentes a una estación de Pair Programming armada afuera del auditorio para tener sesiones de pares […]

Hola soy Fernando el pseudo diseñador gráfico / programador: Después de más de dos años con el mismo tema de WordPress, decidí renovar un poco el blog. Este tema fue comenzado desde cero, sin basarme en otros temas de WordPress, como había hecho anteriormente. Empecé con un directorio vacío, y fui agregando archivos y escribiéndolos en el editor de texto Kate: style.css, index.php, etc. El CSS, XHTML y los colores fueron decididos a medias con Rosina, también responsable del diseño del nuevo logo 😀 El resto del arte fue diseñado con GIMP con una onda "Pixel art" que traté de […]

Al igual que en el 2008 y 2009, Picando Código se suma al CSS Naked Day 2010. Muchos sitios quitan hoy todo el CSS para festejar por quinto año consecutivo el día del CSS desnudo: La idea detrás del CSS Naked Day (Día de CSS Desnudo) es promover los estándar webs. Ésto incluye uso correcto de (X)HTML, markup semántico, una buena estructura jerárquica y; bueno, diversión con las palabras. Digo, ¿quién no quiere desnudarse? —Dustin Diaz, Founder of CSS Naked Day Este año como lo hice el año pasado, les comento que estoy trabajando en un template nuevo para el […]

Al igual que el año pasado, hoy 9 de abril Picando Código carece de estilos CSS. Muchos sitios quitan hoy todo el CSS para festejar por cuarto año consecutivo el día del CSS desnudo: La idea detrás del CSS Naked Day (Día de CSS Desnudo) es promover los estándar webs. Ésto incluye uso correcto de (X)HTML, markup semántico, una buena estructura jerárquica y; bueno, diversión con las palabras. Digo, ¿quién no quiere desnudarse? —Dustin Diaz, Founder of CSS Naked Day El año pasado Picando Código participó junto a más de 2000 sitios. En este momento hay unos 1200 sitios inscriptos […]

Aprovechando que estoy en proceso de modificar el diseño del blog, y como me lo señalaron en la entrada al respecto, me dispuse a validar el CSS y XHTML de Picando Código para que cumpliera con los estándares de la W3C. Me tomó algo de tiempo, sobretodo el XHTML, pero ya puedo afirmar que PicandoCódigo valida en XHTML 1.0 Transitional, y CSS Level 2.1. Lo complicado, como dice Francisco (que también se tomó el trabajo de estandarizar), son los scripts y código de terceros. En el sitio W3C Validator pueden encontrar validaciones para HTML, CSS, Feed, etc. Incluso hay una […]

Una de las nuevas características de WordPress 2.6, es la de agregar un "caption" a cada imagen. O sea, un texto que muestra el valor del texto alternativo (propiedad "alt" del tag "img") de la imagen, con una caja y borde al rededor. Esta característica viene habilitada por defecto. Podemos verla cuando insertamos una nueva imagen. El uploader de imágenes nos avisa que el texto alternativo será usado como "caption" también. Al insertar la imagen con el botón de "Add an image" (agregar una imagen), nuestro editor nos muestra algo así: La imagen es encerrada entre los tags: [caption id="attachment_936" […]

Los que no me leen desde el feed, habrán notado que el sitio carece hoy totalmente de diseño y colores (no es que antes fuera un lujo). La razón es que hoy es el día de CSS Desnudo, y Picando Código se suma a la iniciativa: La idea detrás del CSS Naked Day (Día de CSS Desnudo) es promover los estándar webs. Ésto incluye uso correcto de (X)HTML, markup semántico, una buena estructura jerárquica y; bueno, diversión con las palabras. Digo, ¿quién no quiere desnudarse? —Dustin Diaz, Founder of CSS Naked Day Es el tercer año consecutivo en que se […]