Archive for the ‘Diseño web’ Category.

Después del curso de Ruby on Rails en Tijuana

Actualización 1: Entre el código rastreado probablemente no debí registrar db/schema.rb, ya que esto es un efecto de rake db:migrate y no de script/generate y entiendo que el programador no debe tocarlo. Sirva únicamente para seguir el contenido del archivo durante la evolución del desarrollo.


Estuve en el curso de Ruby on Rails que impartió Mario Chávez apenas hace unas horas.

Fue una sesión extensa y muy productiva donde se habló de los básicos de Ruby como de Rails.

En un descanso Desde mi lugar Proyección Momentos de soporte Lunch break Evadiendo el Sol

Para efectos de enfoque se consideró un sistema de facturación y se comenzó a construir usando Rails:

  1. Se generó el directorio de trabajo con rails curso
  2. Se generaron las primeras plantillas MVC con script/generate scaffold client name:string address:string rfc:string
  3. y se continuó sucesivamente

Confirme fuimos avanzando, registré los pasos en un repositorio Git que ya he subido a Github, donde pueden ver los cambios en línea o desde donde pueden clonarlo con el siguiente comando: git clone http://github.com/alvarezp/curso-ruby-on-rails-1.git para analizarlo fuera de línea con una herramienta como gitk.

Espero que haya más cursos de esta índole. Felicidades y gracias.

Opera and mysterious font aliasing problem in Ubuntu and Debian

Opera renders text without antialiasing under Ubuntu and Debian when a value in the font-family CSS property matches a “Core X” font before an Xft font.

That’s why Opera can be set to ignore core X fonts, by unchecking the Enable Core X fonts configuration option. You can use this as a workaround.

Continue reading ‘Opera and mysterious font aliasing problem in Ubuntu and Debian’ »

Porcentajes de zoom por resolución de pantalla

Además de facilitar la lectura, ver un sitio más grande en un navegador como Opera, nos permite simular cómo se vería el sitio en una resolución diferente. Esta es una tabla de valores de porcentaje que podemos usar para simular el sitio en otras resoluciones.

Cómo se usa:

  1. Maximiza tu navegador.
  2. Escoge la tabla a usar.
    • La primera tabla se calculó por áreas.
    • La segunda tabla se calculó por resolución horizontal.
  3. Busca en la primera columna la resolución actual de tu pantalla.
  4. Busca en el primer renglón la resolución de pantalla que deseas simular.
  5. Usa el valor correspondiente como zoom en el navegador.

Continue reading ‘Porcentajes de zoom por resolución de pantalla’ »

CSS3 border-image

Estoy hasta el gorro de no recibir respuesta. Quizá no entienden mi pregunta. Pregunté en irc.freenode.net#css, en www-style y en un newsgroup, así que ahí va para los perrones del CSS:

El CSS3 define border-image para que los bordes sean imágenes. La siguiente figura de la recomendación lo ilustra muy bien:

border-image visual example

Ahora, lo limitado de esta solución sólo funciona si tanto el fondo de afuera como el fondo de adentro son colores sólidos. Si alguno de los dos fondos fuera una imagen habría que meter transparencia en las imagenes de border-image. La pregunta es: cómo decirle al navegador si la transparencia es para el fondo de afuera o el fondo de adentro?

Peor aún: si ambos fondos son imagenes, cómo hacerle para indicarle al navegador qué parte de la border-image será pintada con el fondo de afuera y qué parte con el fondo de adentro?

Las preguntas están en el aire.