alvarezp » Diseño web

Después del curso de Ruby on Rails en Tijuana

alvarezp — Sun, 21 Mar 2010 08:48:25 +0000

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.

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

Se generó el directorio de trabajo con rails curso
Se generaron las primeras plantillas MVC con script/generate scaffold client name:string address:string rfc:string
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

alvarezp — Mon, 21 Sep 2009 05:04:43 +0000

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.

So, the result of having this option enabled can be compared in the following images. The first image shows the rendering when the font-family: "Deja Vu Sans", sans-serif directive is used. The second image shows the same page when the “Deja Vu Sans” option is removed from the directive. In this second case, Opera renders the text using the “sans-serif” font, whatever it matches.

Seen from a different perpective, it appears to be that when Opera asks X for a font, X returns an antialised core font. Does this happen on other distributions too?

Porcentajes de zoom por resolución de pantalla

alvarezp — Mon, 10 Sep 2007 07:00:49 +0000

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:

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

Notas:

Opera sólo admite saltos de zoom de 10% en 10%.
Algunas resoluciones tienen una relación de aspecto de 4:3 mientras que otros son 5:4.

Por área

Primera columna: resoluciones originales.
Primer renglón: resoluciones a simular.

	2560 x 2048	2048 x 1536	1600 x 1280	1600 x 1200	1280 x 1024	1152 x 864	1024 x 768	800 x 600	640 x 480
2560×2048	100%	129%	160%	165%	200%	230%	258%	330%	413%
2048×1536	77%	100%	124%	128%	155%	178%	200%	256%	320%
1600×1280	63%	81%	100%	103%	125%	143%	161%	207%	258%
1600×1200	61%	78%	97%	100%	121%	139%	156%	200%	250%
1280×1024	50%	65%	80%	83%	100%	115%	129%	165%	207%
1152×864	44%	56%	70%	72%	87%	100%	113%	144%	180%
1024×768	39%	50%	62%	64%	77%	89%	100%	128%	160%
800×600	30%	39%	48%	50%	61%	69%	78%	100%	125%
640×480	24%	31%	39%	40%	48%	56%	63%	80%	100%

Por resolución horizontal

Primera columna: resoluciones originales.
Primer renglón: resoluciones a simular.

	320	640	768	800	1024	1152	1280	1400	1600	2048	2560
320	100%	50%	42%	40%	31%	28%	25%	23%	20%	16%	13%
640	200%	100%	83%	80%	63%	56%	50%	46%	40%	31%	25%
768	240%	120%	100%	96%	75%	67%	60%	55%	48%	38%	30%
800	250%	125%	104%	100%	78%	69%	63%	57%	50%	39%	31%
1024	320%	160%	133%	128%	100%	89%	80%	73%	64%	50%	40%
1152	360%	180%	150%	144%	113%	100%	90%	82%	72%	56%	45%
1280	400%	200%	167%	160%	125%	111%	100%	91%	80%	63%	50%
1400	438%	219%	182%	175%	137%	122%	109%	100%	88%	68%	55%
1600	500%	250%	208%	200%	156%	139%	125%	114%	100%	78%	63%
2048	640%	320%	267%	256%	200%	178%	160%	146%	128%	100%	80%
2560	800%	400%	333%	320%	250%	222%	200%	183%	160%	125%	100%

CSS3 border-image

alvarezp — Sat, 10 Dec 2005 21:50:10 +0000

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:

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.