[Ovillo] Slideshow en javascript (offtopic?)

[Germán Bustos]

Hola,

Primero que todo dos disculpas: una porque este tema es un poco "off-topic"
y la otra porque no he terminado de aprender JavaScript ni jQuery que cada
vez veo que son herramientas indispensables en nuestro trabajo cotidiano
como webmasters.

Tengo un problema con JavaScript y no sé como entrarle, para el sitio
http://roboticaescolar.com/ hice un slideshow que está en primera plana la
idea es que salga un texto sobre la foto que es el logo de un artículo. Lo
hice tomando de un sitio que corre con WordPress un plugin de jQuery que se
llama Cycle y no cambié ninguno de los parámetros de configuración, pero
tiene un grave problema (además de las fotos): en el primer ciclo, la última
imagen se entromete y hace que la información que aparece encima de las
fotos no concuerde con ellas, sin embargo cuando pasa el primer ciclo
funciona perfectamente, pero son 12 productos así que para el visitante de
primera vez la información siempre está errada.

Abajo pego el código de control de jQuery Cycle, la verdad aun no manejo
bien estos conceptos y me gustaría aprender a diseñar mis propias
presentaciones,
El plugin están en mi servidor en
http://roboticaescolar.com/squelettes/js/jquery.cycle.all.min.js y la hoja
de estilos en http://roboticaescolar.com/squelettes/css/slides.css

 inicia archivo de control scripts.js
---

var autoSlide = true;
var autoSlideSecs = 10;

var proj = 0;
var interval = null;

function textSlideIn(proj) {
$('ul.text').children('li:eq('+proj+')').animate({ right: "-1px" },
700);
}
function textSlideOut(proj) {
$('ul.text').children('li:eq('+proj+')').animate({ right: "-280px" },
700);
}
function photoFadeIn(proj) {
$('ul.photo').children('li:eq('+proj+')').fadeIn(700);
}
function photoFadeOut(proj) {
$('ul.photo').children('li:eq('+proj+')').fadeOut(700);
}
function photoPutBehind(proj) {
$('ul.photo').children('li:eq('+proj+')').css('z-index', 0);
}
function nextSlide() {
$('ul.photo').children('li:eq('+proj+')').css("z-index", 2);
setTimeout('photoFadeOut('+proj+')', 1000);
setTimeout('photoPutBehind('+proj+')', 1500);
textSlideOut(proj);
proj++;
var i = $('ul.text li').size() - 1;
if (proj>i) proj = 0;
setTimeout('photoFadeIn('+proj+')', 1500);
    setTimeout('textSlideIn('+proj+')', 1000);
}

---- termina archivo de control scripts.js
---

No he querido tocarlo para nada porque funciona bien en el segundo ciclo y
no entiendo cómo se podría manejar


Muchas gracias,


Germán

-- 
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com



-- 
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Slideshow en javascript (offtopic?)

[Germán Bustos]

Muchas gracias,

Ya hice eso. Los z-index cambian al pasar el bucle, al principio no tienen
nada, pero luego a medida que el script se corre, se le van poniendo
z-index=2 ( que dura muy poco) y luego se cambia z-index=0 entonces es
cunado pasa que se pone adelante la última...

Pero no sé que tocar para que cambie. Agradezco ayuda.

German



El 16 de marzo de 2010 10:20, I'm Jepser  escribió:

> revisa los z-index de las capas, algo asi me paso a mi. Con firebug chequea
> en slide que te da problema como es que el objeto va cambiando de
> z-index...
> Espero que te ayude
>
> El 16 de marzo de 2010 08:40, Germán Bustos 
> escribió:
>
> > Hola,
> >
> > Primero que todo dos disculpas: una porque este tema es un poco
> "off-topic"
> > y la otra porque no he terminado de aprender JavaScript ni jQuery que
> cada
> > vez veo que son herramientas indispensables en nuestro trabajo cotidiano
> > como webmasters.
> >
> > Tengo un problema con JavaScript y no sé como entrarle, para el sitio
> > http://roboticaescolar.com/ hice un slideshow que está en primera plana
> la
> > idea es que salga un texto sobre la foto que es el logo de un artículo.
> Lo
> > hice tomando de un sitio que corre con WordPress un plugin de jQuery que
> se
> > llama Cycle y no cambié ninguno de los parámetros de configuración, pero
> > tiene un grave problema (además de las fotos): en el primer ciclo, la
> > última
> > imagen se entromete y hace que la información que aparece encima de las
> > fotos no concuerde con ellas, sin embargo cuando pasa el primer ciclo
> > funciona perfectamente, pero son 12 productos así que para el visitante
> de
> > primera vez la información siempre está errada.
> >
> > Abajo pego el código de control de jQuery Cycle, la verdad aun no manejo
> > bien estos conceptos y me gustaría aprender a diseñar mis propias
> > presentaciones,
> > El plugin están en mi servidor en
> > http://roboticaescolar.com/squelettes/js/jquery.cycle.all.min.js y la
> hoja
> > de estilos en http://roboticaescolar.com/squelettes/css/slides.css
> >
> >  inicia archivo de control scripts.js
> > ---
> >
> > var autoSlide = true;
> > var autoSlideSecs = 10;
> >
> > var proj = 0;
> > var interval = null;
> >
> > function textSlideIn(proj) {
> >$('ul.text').children('li:eq('+proj+')').animate({ right: "-1px" },
> > 700);
> > }
> > function textSlideOut(proj) {
> >$('ul.text').children('li:eq('+proj+')').animate({ right: "-280px" },
> > 700);
> > }
> > function photoFadeIn(proj) {
> >$('ul.photo').children('li:eq('+proj+')').fadeIn(700);
> > }
> > function photoFadeOut(proj) {
> >$('ul.photo').children('li:eq('+proj+')').fadeOut(700);
> > }
> > function photoPutBehind(proj) {
> >$('ul.photo').children('li:eq('+proj+')').css('z-index', 0);
> > }
> > function nextSlide() {
> >$('ul.photo').children('li:eq('+proj+')').css("z-index", 2);
> >setTimeout('photoFadeOut('+proj+')', 1000);
> >setTimeout('photoPutBehind('+proj+')', 1500);
> >textSlideOut(proj);
> >proj++;
> >var i = $('ul.text li').size() - 1;
> >if (proj>i) proj = 0;
> >setTimeout('photoFadeIn('+proj+')', 1500);
> >setTimeout('textSlideIn('+proj+')', 1000);
> > }
> >
> >  termina archivo de control scripts.js
> > ---
> >
> > No he querido tocarlo para nada porque funciona bien en el segundo ciclo
> y
> > no entiendo cómo se podría manejar
> >
> >
> > Muchas gracias,
> >
> >
> > Germán
> >
> > --
> > Germán Bustos
> > (+57)3177381339
> > Atarraya
> > http://atarraya.org
> > http://germanbustos.com
> >
> >
> >
> > --
> > Germán Bustos
> > (+57)3177381339
> > Atarraya
> > http://atarraya.org
> > http://germanbustos.com
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> Jepser Bernardino
> www.npixels.net
> twitter jepser
> tel. 52730528
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Fijar una división en la parte inferior de otra

[Germán Bustos]

Hola,

Creo que es un tema sencillo pero no he podido resolverlo, estoy haciendo
una plantilla para ser usada en un gestor de contenidos,  la idea es que
todo el contenido quede dentro de un área específica delimitada por un div,
el cual flota de manera que queda siempre en el centro de la página
horizontalmente,. el tema es que tengo que poner el menú fijo en la parte
inferior y no logro hacerlo.

El  código es:



 ...acá va el logo...
 ...en esta zona pongo el contenido que varía
según la página
  acá debe quedar el menú, pegado al extremo
inferior... 



El css va más o menos así:

body,html {
margin: 0;
padding: 0;
text-align: center;
}
#contenedor{
  width: 905px;
  height: 500px;
  margin: 140px auto auto auto;
  padding: 4px;
  overflow: hidden;
  background: transparent;
  z-index: 1;
}
#cabeza{
  height:120px;
  line-height: 120px;
  padding: 3px;
  text-align: right;
}
#producto{
width: 100%;
clear: both;
float: none;
height: 340px;
overflow: hidden;
}
#menu{
clear: both;
float: none;
width: 100%;
height: 35px;
line-height: 35px;
font-size: 1.1em;
z-index=100;
}

El tema es que el menú es flotante y para que se ponga encima del flash que
va en primera le puse esa diferencia en z-index.

En general todo camina bien, pero el menú se pone a veces arriba a veces más
abajo, quisiera fijarlo de alguna manera a la parte inferior de la sección
contenedor. ¿Alguna pista de cómo hacerlo?

Gracias,

Germán



-- 
--
Germán Bustos
Educador, Consultor en Tecnologías de Información y Comunicación
ATARRAYA: tejedores de saber social
ger...@atarraya.org - german.busto...@gmail.com
german.bus...@marchamundialcolombia.org
Tel [+57] 3177381339
Bogotá 111221, Colombia

  MARCHA MUNDIAL POR LA PAZ Y LA NOVIOLENCIA
  http://marchamundialcolombia.org


* Atarrayahttp://atarraya.org/
* Paz, Fuerza y Alegría   http://pazfuerzayalegria.net/
* Facebookhttp://profile.to/germanbustos/
* Recomiendo  http://www.netvibes.com/germanbustos
---
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Fijar una división en la parte inferior de otra

[Germán Bustos]

Hola Martón,

Muchas gracias por tus comentarios y anotaciones. Los errores son de
transcripción, ya revisé en mi código y no los tengo allá.

Probé lo que me dices y funciona solo en Internet Explorer en los demás
(Firefox, Opera, Safari) el menú se va al final de la ventana y se sale de
la div donde lo quiero fijar.

Saludos,

Germán

El 20 de abril de 2009 4:12, Martín Moreno escribió:

> Hola, Germán
>
> Si le añades a #menu
>
> position: fixed;
> bottom: 0;
>
> te funcionará como tú pretendes. Cuidado, que en el HTML has puesto
> #contendor y el CSS #contenedor; además, el z-index lo has
> escrito  z-index=100; en vez de  z-index:100;
>
> Saludos
>
> Martín
> http://www.martinalia.com
> 2009/4/20 Germán Bustos 
>
> > Hola,
> >
> > Creo que es un tema sencillo pero no he podido resolverlo, estoy haciendo
> > una plantilla para ser usada en un gestor de contenidos,  la idea es que
> > todo el contenido quede dentro de un área específica delimitada por un
> div,
> > el cual flota de manera que queda siempre en el centro de la página
> > horizontalmente,. el tema es que tengo que poner el menú fijo en la parte
> > inferior y no logro hacerlo.
> >
> > El  código es:
> >
> > 
> >
> > ...acá va el logo...
> > ...en esta zona pongo el contenido que
> varía
> > según la página
> >  acá debe quedar el menú, pegado al
> extremo
> > inferior... 
> >
> > 
> >
> > El css va más o menos así:
> >
> > body,html {
> >margin: 0;
> >padding: 0;
> >text-align: center;
> > }
> > #contenedor{
> >  width: 905px;
> >  height: 500px;
> >  margin: 140px auto auto auto;
> >  padding: 4px;
> >  overflow: hidden;
> >  background: transparent;
> >  z-index: 1;
> > }
> > #cabeza{
> >  height:120px;
> >  line-height: 120px;
> >  padding: 3px;
> >  text-align: right;
> > }
> > #producto{
> >width: 100%;
> >clear: both;
> >float: none;
> >height: 340px;
> >overflow: hidden;
> > }
> > #menu{
> >clear: both;
> >float: none;
> >width: 100%;
> >height: 35px;
> >line-height: 35px;
> >font-size: 1.1em;
> >z-index=100;
> > }
> >
> > El tema es que el menú es flotante y para que se ponga encima del flash
> que
> > va en primera le puse esa diferencia en z-index.
> >
> > En general todo camina bien, pero el menú se pone a veces arriba a veces
> > más
> > abajo, quisiera fijarlo de alguna manera a la parte inferior de la
> sección
> > contenedor. ¿Alguna pista de cómo hacerlo?
> >
> > Gracias,
> >
> > Germán
> >
> >
> >
> > --
> > --
> > Germán Bustos
> > Educador, Consultor en Tecnologías de Información y Comunicación
> > ATARRAYA: tejedores de saber social
> > ger...@atarraya.org - german.busto...@gmail.com
> > german.bus...@marchamundialcolombia.org
> > Tel [+57] 3177381339
> > Bogotá 111221, Colombia
> >
> >  MARCHA MUNDIAL POR LA PAZ Y LA NOVIOLENCIA
> >  http://marchamundialcolombia.org
> >
> >
> > * Atarrayahttp://atarraya.org/
> > * Paz, Fuerza y Alegría   http://pazfuerzayalegria.net/
> > * Facebookhttp://profile.to/germanbustos/
> > * Recomiendo  http://www.netvibes.com/germanbustos
> > ---
> > _______
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
--
Germán Bustos
Educador, Consultor en Tecnologías de Información y Comunicación
ATARRAYA: tejedores de saber social
ger...@atarraya.org - german.busto...@gmail.com
german.bus...@marchamundialcolombia.org
Tel [+57] 3177381339
Bogotá 111221, Colombia

  MARCHA MUNDIAL POR LA PAZ Y LA NOVIOLENCIA
  http://marchamundialcolombia.org


* Atarrayahttp://atarraya.org/
* Paz, Fuerza y Alegría   http://pazfuerzayalegria.net/
* Facebookhttp://profile.to/germanbustos/
* Recomiendo  http://www.netvibes.com/germanbustos
---
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] abrir una pagina dentro de un mismo div

[Germán Bustos]

Yo te puedo sugerir SPIP, es muy completo http://www.spip.net/es

El 20 de abril de 2009 6:46,  escribió:

> Hola Martin!, justamente trataba de encontrar una solucion alternativa al
> iframe, por todo esto que comentas, me podrias sugerir algun CMS (es asi,
> no?) de ser posible en español
> Muchas gracias
>
> Alejandra
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
----------
Germán Bustos
Educador, Consultor en Tecnologías de Información y Comunicación
ATARRAYA: tejedores de saber social
ger...@atarraya.org - german.busto...@gmail.com
german.bus...@marchamundialcolombia.org
Tel [+57] 3177381339
Bogotá 111221, Colombia

  MARCHA MUNDIAL POR LA PAZ Y LA NOVIOLENCIA
  http://marchamundialcolombia.org


* Atarrayahttp://atarraya.org/
* Paz, Fuerza y Alegría   http://pazfuerzayalegria.net/
* Facebookhttp://profile.to/germanbustos/
* Recomiendo  http://www.netvibes.com/germanbustos
---
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Cómo hacer un mapa de clases CSS

[Germán Bustos]

Hola todos,

Coincido con la inquietud de Javier, entiendo que lo que quiere es hacer un
mapa conceptual de la estructura del CSS de un sitio de manera que se mucho
más fácil acceder a el código y hacer cambios, actualizaciones y
correcciones.

Yo tenido una  preocupación similar, mi objetivo principal es reducir el
tiempo que tardo en diseñar un sitio, me suelo enredar con el tema inicial
del concepto. Aunque no lo había considerado como tal, creo que objetivo de
Javier de facilitar el mantenimiento del código es completamente válido.
Concuerdo con él en que en mi CSS se usa muy poco el tema de la cascada y la
herencia; o peor aun, sin control, lo que a veces me da resultados
inesperados .

Mi aproximación ha sido la siguiente:

1) Separar lo general de lo particular
Generalmente creo una hoja de estilos que se usa en todo el sitio y otras
que se usan en páginas particulares, por ejemplo en la portada en las
páginas de sección y en los artículos (yo uso SPIP en casi todos mis
proyectos y este enfoque es particularmente útil ahí)

2) Separar estructura y diseño
Lo primero que hago en cada hoja de estilo es determinar las zonas que
tienen información estructural, es decir las que definen la maquetación de
la página, tamaño y posicionamiento de divs. Más abajo defino colores,
tipografías etc. y procuro separar las dos zonas. No siempre es sencillo,
porque puede implicar hacer una doble definción de cada div, por ejemplo
usar la id para determinar los temas estructurales y la class para los
asuntos de forma, peor eso no es siempre lo mejor.

En tétminos de la producción dde sitios nuevos recientemente he estado
leyendo y buscando mucha información sobre el tema de la cuadrícula o
grilla. Mi conclusión es que los sitios de mucho contenido están organizados
en grandes bloques de todo el ancho del contendor (o wrapper) y que tienen
siempre unos pocos patrones posibles:

   - Un múmero fijo de columnas fguales: tradicionalmente se han usado dos o
   tres pero ahora se usan mucho cinco, seis y hasta ocho columanas, todas
   iguales
   - Dos, o tres columnas desiguales: divisiones porcentuales de 40-60 por
   ejemplo
   - Dos columnas con una que se parte a su vez en dos
   - Tres columnas con la del centro más grande que más abajo se parte en
   dos (a veces también en tres
   - Bloques de 100% de ancho para cabezotes o menús

Lo que yo he querido es tener listos los bloques de cada tipo, como recortes
(snippets) de mi programa de edición y poder meterlos cada vez que necesito,
dos temas me han complicado hacer esto, uno, el tema de cómo definir
proporciones y tamaños y dos como coordinar el recorte de CSS con el recorte
de HTML, que ahora que lo pienso no tiene porque ser un problema.

Dos herramientas em han llamado la atención recientemente sobre estos temas:
Grid Designer http://grid.mindplay.dk/
960 Grid system http://960.gs/

Pero definitivamente el tema más complicado es combinar el desarrollo
"estructural" de la página con los otros aspectos de diseño.

En terminos de color, me confieso por completo falto de talento para
combinar, afortunadamente la combinación de colores puede ser un tema
puramente matemático y se `pueden encontrar herramientas que ayudan mucho en
eso. Mi favorita es http://colorschemedesigner.com/  Creo que inicialmente
uno puede tener un par de esquemas que sean fáciles de suar y en casos
concretos generar nuevos esquemas de color, a partir de la imagen
institucional del cliente

Finalmente está el tema de la tipografía, donde siento que estoy más crudo y
pido ayuda. ¿Cuéles son las proporciones reomendadas entre el texto normal y
los diferentes nivles de títulos? ¿Qué criterios se usan para definirlos?
Mis clientes se quejan con frecuencia del tamaño de las fuentes dicen que
uso letras muy grandes, realmente no tengo claro como definir esos tamaños.

Eso es lo que puedo aportar,

Germán




El 21 de abril de 2009 10:34, Javier Guerrero  escribió:

> Algo como esto:
>
>
> http://www.chami.com/html-kit/i/g/cached/tmp10_dup_62e3fa8e0023eeed10a87b70cdaccaba.png
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
----------
Germán Bustos
Educador, Consultor en Tecnologías de Información y Comunicación
ATARRAYA: tejedores de saber social
ger...@atarraya.org - german.busto...@gmail.com
german.bus...@marchamundialcolombia.org
Tel [+57] 3177381339
Bogotá 111221, Colombia

  MARCHA MUNDIAL POR LA PAZ Y LA NOVIOLENCIA
  http://marchamundialcolombia.org


* Atarrayahttp://atarraya.org/
* Paz, Fuerza y Alegría   http://pazfuerzayalegria.net/
* Facebookhttp://profile.to/germanbustos/
* Recomiendo  

Re: [Ovillo] Fuentes comunes en japonés

[Germán Bustos]

Hola,

Nunca he hecho una web en japonés, pero soy aficionado a los idiomas y a las
tipografías, lo que yo entiendo es que las fuentes estándar del web (serif,
sans-serif, monospace) deben seguir funcionado en todos los sitios en
cualquier idioma.

Como bien anotas Segi, el tema central es que se defina el juego de
caracteres en unicode, podrías empezar por darle una leída a esto
http://www.unicode.org/standard/principles.html

Lo que yo haría es con herramientas como la extensión webdeveloper de
Firefox revisar como se usan las tipografías en sitios en japonés. Empezaría
por sitios multilingües genéricos como éste
http://www.unicode.org/standard/translations/japanese.html o también
Wikipedia en Japonés, BBC, Deutsche Welle y otros servicios informativos
internacionales que tengan páginas en ese idioma, la ventaja de éstos es que
tienen sitios que deben funcionar bien en japonés y también en otros
idiomas, así que su definición de juegos de caracteres y manejod e
tipografías debe ser mucho más clara. Depués puedes visitar sitios de japón
para ver que definiciones de fuentes usan.

He notado es que en lo sitios en lenguas que no usan juego de caracteres
latin es frecuente que se usen títulos y otros elementos como gráficas.

Y lo primero que tienes que hacer es garantizar que tu computador esté en
capacidad de leer (o de renbderizar, sería más "técnico" decir) páginas en
japonés. lo que se hace con ajustes del sistema operativo, que varían de uno
a otro (yo uso Windows XP y teniendo en cuenta mis "mañas" siempre monto eso
al instalarlo, alguna vez lo hice en otro equipo pero no recuerdo cómo). y
ahí si instalar las fuetes que pueden ser solo japonesas o generales para
Unicode

Suerte,

Germán


El 24 de abril de 2009 1:02, Sergi Duran  escribió:

> Hola
>
>
>
> Voy a iniciar un proyecto para una web en japonés (y un poco de inglés).
> Entiendo que para el código lo correcto es usar charset UTF-8. Mi gran duda
> está en las fuentes a utilizar. Me refiero a las tipografías japonesas
> estándar para cada sistema operativo. He encontrado algo de información (en
> Wikipedia) pero no me convence del todo. ¿alguna ayuda?
>
>
>
> Gracias,
>
> Sergi
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Cuál es la diferencia entre herencia y cascada en CSS

[Germán Bustos]

Hola,

Mi resumen de esas lecturas:

HERENCIA

El 26 de abril de 2009 15:39, Javier Guerrero  escribió:

> Hola, gracias por responder.
>
> Estuve investigando y encontré algo que explica el tema:
> http://codexexempla.org/curso/curso_3_6.php
>
> Tus ejemplos son válidos, así que me ayudó a reforzar los conceptos.
>
> Saludos.
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Cuál es la diferencia entre herencia y cascada en CSS

[Germán Bustos]

Hola,

Mi resumen de esas lecturas:

*HERENCIA*

Es la transmisión de características entre un elemto y sus descendientes en
la estructura del documento.

Hay algunas características que se heredan y otras que no. La lógica es que
uno no tenga que volver a definir una característica nuevamente en la
característica en cada uno de los elementos descendientes.

Entre las características que se heredan están: fuentes, alineaciones,
colores de fondo y de primer plano
Entre las características que NO se heredan están: dimensiones (anchos y
altos), margenes, rellenos (padding), bordes

*CASCADA*

Es básicamente un conjunto de criterios para decidir cómo se aplican reglas
CSS a los elementos en caso de posibles conflictos, es decir genera un orden
de prioridad para aplicar las reglas. Para ello se tienen en cuenta tres
criterios:

1. Importancia
Los estilos se aplican según el siguiente orden de prioridad:
a) Primero las que el usuario haya definido como importantes (!important)
b) Las que el autor haya definido como importantes (!important)
c) Los estilos del autor
d) Los estilos de usuario
e) Los estilos del agente de usuario (browser)

2. Especificidad

Esta se mide con cuatro criterios, que se ponen uno después de otro, si está
más a la izquierda tiene un mayor peso que el otro

Si los valores son   / a , b , c , d /
Tenemos que:
a - tiene valor 1 o 0. Uno si hay algo definido en el style de un elemento
de HTML
b - cuenta un número de ID que tienen
c - cuenta el número de clases que se tienen
d - cuenta el número de elementos de tienen definidos
Entre mayor sea el número a la izquierda pesa más, por lo tato tiene mayor
prioridad en la aplicación del estilo

3. Orden

Finalmente si se tienen dos criterios que generan contradicción y tienen la
misma importancia y especificidad entonces se decide de acuerdo al orden de
aparición en la hoja de estilo, el que esté de último es el que predomina.

Germán
ger...@atararya.org
http://atarraya.org



El 26 de abril de 2009 15:39, Javier Guerrero  escribió:

> Hola, gracias por responder.
>
> Estuve investigando y encontré algo que explica el tema:
> http://codexexempla.org/curso/curso_3_6.php
>
> Tus ejemplos son válidos, así que me ayudó a reforzar los conceptos.
>
> Saludos.
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] asterisco??

[Germán Bustos]

Déjame ver si entendí

Tengo este HTML




Y usar
.laDeTodas * { }

Es lo mismo que usar
.laDeTodas clase1, .laDeTodas clase2 { }

¿Entendí?

Germán

El 27 de mayo de 2009 12:37, Ignacio Ricci escribió:

> Asterisco significa todos los elementos dentro de.Si no pones nada son
> todos
> los elementos dentro del html, osea todo.
>
> p * {}
>
> Sería todos los hijos de p. (si suena gracioso)
>
> Si queres que X clases compartan estilos,
>
> O le agregas una clase a todas via el html:
>
> 
> 
>
> O con coma desde el css como ya dijiste.
>
> Nacho
>
>
>
> 2009/5/27 Joseba 
>
> >
> >
> > Hola!
> >
> >
> >
> > Me preguntaba si existe algo en css para dar atributos a varias clases de
> > la
> > forma:
> >
> >
> >
> > Clase*{
> >
> >Atrinbutos;
> >
> > }
> >
> >
> >
> > En vez de
> >
> >
> >
> > Clase1, Clase2 Clase3…{
> >
> >Atrinbutos;
> >
> > }
> >
> >
> >
> > Slt.
> >
> >
> >
> > "Caminar sobre el agua y desarrollar software a partir de unas
> > especificaciones es fácil. si ambas están congeladas."
> > Edward V. Berard, ingeniero informático.
> >
> >
> >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> ↓۝ Ignacio Ricci
> www.ignacioricci.com
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Porque no usar caracteres en los nombres de los archivos

[Germán Bustos]

Hola,

Definitivamente ese es un punto clave, que tiene que ver no solo con
posibilidades reales de SEO para nuestros sitios, sino que más allá tiene
que ver con el reconocimiento cultural de nuestros pueblos.

Hace un tiempo vi que algunos proveedores de dominios ofrecen dominios en
UTF, no tengo idea de como irá el negocio pero estoy seguro que mientras no
se logre una adaptación generalizadas de Unicode, de poco servirá que yo
pueda comprar el dominio champiñón.com  si solo
unos pocos browsers logran enviar de manera correcta esa URL.

Wikipedia por ejemplo hace sus URLs con diacríticas, en realidad las hace
UTF-8, por eso puedes buscar
http://es.wikipedia.org/wiki/Champi%C3%B1%C3%B3n que por lo menos
*mi*Firefox lo muestra como
http://es.wikipedia.org/wiki/Champiñón,
pero no sé los demás.

Alguna vez leí que solo el inglés, el suahili y el bahasa indonesio se
escriben con juego de caracteres latino sin diacríticos, no hay tíldes, ni
eñes, ni cosas de esas.

Eso quiere decir que todos los de más idiomas europeos, o no europeos que
terminaron escribiéndose con caracteres latinos (por ejemplo, prácticamente
todas las lenguas indoamericanas y muchisimas de las africanas, o el turco
desde los años 20)  requieren usar letras raras como ñ ó, ý, ç, ð, þ, Ð, ś,
ą,  ł, ş, ğ y otras bellezas...

Eso sin contar que millones de personas escriben en el alfabeto cirílico
como el Русский  o en el cino
中文o en árabe
العربية 

Finalmente aunque el inglés sea el idioma más usado en el Internet (cada vez
menos porcentualmente), la realidad es que la mayor parte de la humanidad
escribe de otra forma y las 26 letras del ASCII nunca fueron suficientes.

Estamos enfrentados a un doble reto, por una parte que la gente pueda buscar
y encontrar lo que quiera escribiéndolo como se escribe y por otra parte que
el paso de un idioma a otro solo esté limitado por las barreras
lingüísticas, no por barreras técnicas adicionales.

Hace 15 años la respuesta a la pregunta era imposible, solo se debe escribir
en ASCII, con todo el trabajo de Unicode y lo que Google, Wikipedia y otros
han hechoun enorme avance en ese sentido. Lo que hace que la pregunta de
Javier tome un interés renovado. Yo diría: muy pronto pero aun no

Germán

El 4 de junio de 2009 10:52, Tei  escribió:

> 2009/6/4 Javier Guerrero :
> >
> > ¿Es recomendable utilizar caracteres especiales en los nombres, tales
> como
> > acentos, espacios en blanco, ñ, etc?
> >
> > ¿Cuál sería las desventajas de usarlos en los nombres de archivos?
> >
>
> Creo que es mejor usar  ASCII de 7 bits, sabes que te funcionara en
> todas partes.
>
> En un sitio tengo un CMS que permite a los usuarios crear urls a su
> gusto. Luego revisando los logs veo que a una misma pagina cuando el
> nombre tiene acentos, se intenta acceder de muchas maneras
> alternativas.  Quizas para SEO valga la pena intentarlo, esperar a que
> surgan los problemas, y encontrar su raiz y solucionarla. Pero si no
> es por algo de SEO, yo creo que no vale la pena en absoluto.
>
>
>
>
>
> --
> --
> ℱin del ℳensaje.
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Porque no usar caracteres en los nombres de los archivos

[Germán Bustos]

http://unicode.org/

El 4 de junio de 2009 11:23, Javier Guerrero  escribió:

> me uno a la pregunta de *Mauricio Dulce*
>
> --
> Javier Guerrero
> front-end web developer
> http://www.demixo.org
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] ¿HTML 5 YA?

[Germán Bustos]

Gonzalo,

Disculpa mi ignorancia crasa en el tema. Confió en tu criterio cuando dices
que aun no podemos contar con CSS3 y HTML5, pero que ya se puede agregar RDF
a nuestros sitios para mejorar el SEO y la estructura semántica. Me parece
maravilloso, espero que todo eso esté en los enlaces que envías, aunque leer
las especificaciones con frecuencia lo deja a uno más confundido, por lo
menos a mi.

Pero para no hablar en abstracto quiero citar un caso concreto, hace unos
días estaba haciendo un sitio y me esforcé mucho por tener HTML válido.
Tenia casi todo listo, pero cuando puse el trozo de código que me daba la
licencia de Creative Commons el HTML dejó de ser válido, los atributos como
rel="license" se consideraban no válidos.

Como no supe que hacer lo que hice fue eliminar todos los atributos que no
validaba el W3C y seguir trabajando.

Tánto hay por aprender...

Germán

El 10 de junio de 2009 2:13, A. Gonzalo Bravo
escribió:

> Saludos.
>
> HTML5 es un borrador que si todo sigue su curso, alcanzará el estatus de
> recomendación allá por el 2020 (no el año que viene, ni dentro de dos
> años, es dentro de diez años o más). Todavía se están decidiendo que
> elementos se quieren incluir, y nada te garantiza que elementos que
> están en el borrador actual continuen en la futura especificación. En
> CSS3 creo recordar que elementos propuestos inicialmente, se han
> modificado (mi memoria es frágil en cualquier caso).
>
> Desde mi punto de vista, es demasiado pronto para utilizarlo. Para jugar
> y hacer experimentos, vale, ¿pero en producción? No veo motivos para
> usarlos.
>
> Cambiando de asunto. Si estás preocupado por el SEO, aparte de todas las
> recomendaciones clásicas, te puede interesar usar XHTML+RDFa [1].  RDF
> te puede dar mucho juego, hay vocabularios bastante extendidos, aunque
> encontrar alguno que cubra necesidades muy específicas, puede ser
> complicado.
> Por otro lado,  puedes usar microformatos, como el posicionamiento
> geográfico [2], para la ubicación de las parcelas (si se dispone de esa
> información).
>
> Saludos.
>
> Gonzalo
>
>
> [1]  RDFa+XHTML
> RDFa Primer
> http://www.w3.org/TR/xhtml-rdfa-primer/
>
> RDFa in XHTML: Syntax and Processing (W3C Recommendation 14 October 2008)
> http://www.w3.org/TR/rdfa-syntax/
>
> [2] Microformat Geo
> http://microformats.org/wiki/geo
>
> Tae Sandoval Murgan escribió:
> > Saludos a todos:
> >
> > Acabo de leer http://www.css3.com/the-new-html-kid-on-the-block/ y me
> > han dado unas ganas tremendas de usar HTML 5 en un sitio web cuyo
> > propósito es la venta de parcelas, es decir, una web pensada para la
> > producción y no para experimentar. Ya sé, ya sé, HTML 5 aún no es
> > recomendación o estándar o lo que sea (ver comentarios en
> > http://www.w3.org/QA/2009/05/_watching_the_google_io.html), y queda
> > bastante tiempo antes de que sea anunciado como tal, pero según el
> > artículo de CSS3.com, las etiquetas de estructura (, 
> > y blah) parecen ser soportadas incluso por IE 6 (con un poco de
> > JavaScript, pero quien no actualiza/cambia IE 6 tampoco desactiva
> > JavaScript), por lo que no veo motivos para no darle un empujoncito
> > más a la nueva versión de HTML luego del empujonzote de Google. ¿Qué
> > opinan? Quizás si hubieran problemas con el SEO, pero lo dudo...
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> >
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] No mas IE6 para youtube?

[Germán Bustos]

A mi me funcionan bien Firefox 3.5, Opera 9.46, Safari, Chrome 2 y con
alguna frecuencia varios de ellos al tiempo en un computador con 126MB de
memoria y con más de 8 años de uso.

Bueno, cuando abro 10 pestañas con páginas como Gmail, Facebook, Twitter y
estoy trabajando un diseño y tengo otros programas, Firefox se pone lento.

Por mi feliz que se incentive el cambio de IE6, pero ese no es problema para
personas como los que participamos en esta lista que seguro ya navegamos con
cualquier otro browser, o por lo menos los tenemos disponibles y sabemos que
Internet no es lo que se ve con Internet Explorer.

Muchos de los usuarios, el público objetivo al que queremos llegar, no están
al tanto de ese tema, creen que Internet Explorer ES internet y consideran
muy complicado cambiar su browser...

Germán

El 15 de julio de 2009 06:47, Marc Palau  escribió:

> Yo lo que veo es que solo un gigante como googlw puede motivar un cambio
> de mentalidad, lo increíble es que lo intentó con Chrome, pero parece
> que no cuajó como tendría que haberlo hecho.
>
> Ahora yo me pregunto, ¿hay algún navegador actualizado (en estándares)
> que funcione decentemente en ordenadores antiguos como los que hacen
> correr IE6? porque vamos a ver, todos los componentes de esta lista
> vamos locos porque desaparezca de la corteza terrestre este alien de
> navegador, ¿pero qué va a motivar el cambio por algo mejor, si eso mejor
> no funciona ni a pedales?.
>
> carencias carencias y más carencias ... :(
> saludos!!!
> Marc
>
> Nesta Guerrero Pancorbo wrote:
> > El Wednesday 15 July 2009 12:42:27 Philipp Keweloh escribió:
> >
> >> ¡Por fin! Muy buena iniciativa la de Google :)
> >>
> >
> > Ole sus webos, esperemos que todas las demás empresas sigan su camino,
> que los
> > clientes "funcionarios que se inchan a ver videos de youtube"
> >  al no poder verlos se pasen a otro. VIVA SAN GOOGLE
> >
> >
> > Ahora yo pongo una pregunta medio robando el hilo,
> >
> > Lo echaréis de menos al IE6??? ajajajajajaj
> >
> > con los trucos ya de que esto no se ve en el IE, ah pos seguro que es o
> el
> > height 1% ejjeej de lo mas simple, pasando por el alpha filter, o por
> meter
> > htc, ejejejejej
> >
> > yo seguro que no lo echaré de menos
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> >
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] EDITOR CSS!

[Germán Bustos]

Hola Raúl,

Creo que es muy válida la pregunta, en Google se podrán encontrar muchas
referencias a programas que hacen esto o lo otro pero lo interesante de esta
lista es poder tener la interacción con profesionales que han trabajado (y
sufrido) con diversos ambientes.

Te cuento mi experiencia:

Hasta hace unos meses trabajaba con HomeSite paraeditar código HTML y con
TopStyle para editar CSS, éste último en su versión Pro es una herramienta
muy buena, no te garantiza que todo te salga bien pero te puede mostrar lo
que es válido o no para determinados browsers y lo que cumple la
especificación (puedes usar CSS1.1, CSS 2.0, CSS 2.1).

Recientemente estuve experimentando con Aptana, muy interesante, muy
completo, es un ambiente integrado de desarrollo IDE, por tanto tiene la
posibilidad de trabajar en el mismo ambiente CSS, HTML, PHP, JavaScript y
muchas cosas más, él único problema que le encontré en lo poco que lo usé es
que resultaba muy pesado para mi viejo computador así que no he seguido
trabajando con él. Este tiene la enorme ventaja que es software libre. Tiene
plugins para muchas cosas, incluso para trabajar en español.

El otro IDE que me encontré recientemente es WeBuilder, muy completo, con
muchas cosas, un editor de CSS casi tan completo como TopStyle... ese es el
que uso ahora como editor principal para HTML, CSS, PHP y Javascript. Aunque
mantengo el HomeSite, el TopStyle, el Aptana  y también tengo instalados Vim
para Windows, Notepad++ y PSPad.

La mayor parte de las veces trabajo sobre Webuilder pero a veces necesito
otros más ligeros, o conectados directamente desde el menú de contexto del
explorador de Windows o desde el programa de compresión, etc.

En otra lista ante una pregunta de estas alguien respondía que el bloc de
notas (o sus equivalentes en MAc y Linux) es herramienta suficiente para
hacer código, en lo cual tiene razón, pero también había un tono arrogante
en esa respuesta, los editores de código tienen una gran posibilidad de
ayudarnos, como hacen TopStyle, HomeSite, WeBuilder o Aptana dando opciones
para elegir según el contexto, o manejando proyectos o guardando pedazos de
código que podemos reusar en otros proyectos, peor ante todo lo que yo busco
es que me ayuden a evitar errores de digitación que con frecuencia son los
que con más frecuencia nos generan problemas. WeBuilder o Aptana tienen la
opción de colorear donde termina una unidad de código (por ejemplo dónde se
cierra un tag de HTML) y eso es clave cuando uno está intentando rastrear un
problema...



Saludos,

Germán



El 29 de julio de 2009 10:17, Raúl Antonio Marino <
i...@raulantoniomarino.com.ar> escribió:

> Alg?n editor bueno CSS, que te salga predeterminado como para poner los
> atributos y eso, y que despues corra bien en el navegador???
>
> Gracias!
>
> ---
> Ra?l Antonio Marino
> http://www.raulantoniomarino.com.ar
>
> - Original Message -
>

-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Manejo básico de listas

[Germán Bustos]

Hola,

Estoy usando una lista para presentar los artículos que vienen en una
sección:



  
   Titulo artículo 1
   bla, bla, bla
  
   
Titulo articulo 2
bla2, bla2, bla2




Lo que quiero es que me muestre los artículos utilizando el ancho completo
de la caja contenedora, para eso uso esto:

#artseccion ul{
  list-style: none outside;
  float: left;
}
#artseccion ul li{
  display: block;
}

Con esto desaparecen la viñetas (bullets) que marcarían cada ítem de la
lista, lo que no logro hacer es que se corra hacia la izquierda usando todo
el ancho de la columna, siempre me queda un relleno a la izquierda. He
estado revisando en Google y veo varias opciones, por una parte poner un
margen negativo (algo como margin-left: -1em; ) para forzarlo a correrse,
pero en otros lados dice que hay que poner tanto margin como padding con el
valor negativo, en ese sitio explicaban que unos browsers corren las listas
usando padding y otros usando margin. Por ahora prefiero dejar la página con
el "hueco" que ponerme a experimentar con una página en línea.

Otra cosa que he hecho es resetear los valores de las listas del valor por
defecto, pero me parece que me complica la vida cuando necesito que las
listas vuelvan a funcionar normalmente en ciertos contextos. En otras
palabras, cómo hago para volver a poner las listas predefinidas cuando he
reseteado y cuál es la mejor técnica para manejar ese tema...

Muchas gracias,

Germán

-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Listas anidadas que disminuyen el tamañ o de fuente

[Germán Bustos]

Hola

Tengo un sitio en el que presento menús y otros componentes usando listas
anidadas


Elemento uno
Elemento dos
 
 sub elemento uno
 sub elemento dos
  


La fuentes las estoy definiendo en em y las listas anidadas bajan de tamaño
hasta casi desaparecer, ¿hay alguna forma de mantener el tamaño de las
fuentes? Lo lógico parecería ser usar tamaños en pixeles o puntos pero
pienso que es mejor definir las fuentes en em pero quiero evitar que se
herede la condición proporcional al momento de anidar ¿se puede?

Gracias,

Germán


-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Pregunta sobre portales para los clientes

[Germán Bustos]

Yago,

Suena interesante este IE tester, solo se me ocurre una pregunta ¿Que
versión de Internet Explorer hay que tener instalada?

Gracias

Germán

El 2 de septiembre de 2009 07:19, Reactivo Química Visual <
conta...@reactivo.es> escribió:

>
> Respecto a tener todos los navegadores instalados, para instalarse IE,
> Safari, Firefox, Ópera y Chrome en windows no hay mayor problema que
> descargarlos e instalarlos. El problema viene cuando queremos tener
> distintas versiones del mismo navegador... Para esto en IE hay algunas
> soluciones, la mejor en mi opinión (aunque inestable, el programa se me cae
> cuando lleva tiempo arrancado) es IE
> Tester<http://www.my-debugbar.com/wiki/IETester/HomePage>,
> permite probar la web en IE 6-7-8 desde el mismo programa.
>
> Para probar distintas versiones de los otros navegadores, la verdad es que
> sólo lo he hecho con Firefox 2/3. Teniendo instalada la última versión,
> puedes bajarte una versión portable del Firefox
> 2<http://www.zonafirefox.net/2007/07/firefox-2005-portable.html> y
> ejecutarla para probar tus diseños, aunque no te deja tener las dos
> versiones abiertas al mismo tiempo.
>
>
-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] ¿Cuando utilizar Joomla, Mootools, etc?

[Germán Bustos]

ita ciertas funcionalidades que requieren programación y tú
> > lo
> > que dominas es diseño y X-HTML-CSS, pues en mi caso he decidido probar
> con
> > Joomla, que nos facilita la vida a los que no programamos.  Con grandes
> > páginas web yo diría que nos son casi "imprescindibles" pero también para
> > páginas medianas o incluso pequeñas pero que deben tener ciertas
> > características que Joomla ya te las da incluso predeterminadas: módulo
> > para
> > logearse, un buscador, etc.
> >
> > Yo en mi caso primero intenté modificar plantillas que ya venían con
> > Joomla,
> > pero me resultó tan enmarañado que acabé "liándome la manta a la cabeza"
> y
> > creando yo mi propia plantilla, que ha resultado más fácil, sabiendo CSS
> y
> > HTML, pero para probar, con una prediseñada que sea sencilla, puedes
> > empezar
> > a "verle las tripas" y luego investigas.
> >
> > La gran "pega" que le veo a Joomla, es el uso (y no se si atreverme a
> decir
> > abuso) de tablas, pero espero que esto se solucione en próximas
> versiones.
> > Quizás también el hecho de que como es algo hecho de antemano, sobre
> mucho
> > código que luego no se va a usar.  Seguro que hay más "contras" y también
> > "pros", ya te dirán los expertos.
> >
> > Un saludo,
> >
> > Guadalupe
> >
> >
> >
> > El 7 de septiembre de 2009 14:21, Samuel - 
> > escribió:
> >
> >  > Hola
> > >
> > > Estoy empezando en este mundillo. Me gustaría saber vuestras opiniones
> > > acerca de la necesidad del uso de Joomla, Mootools y aplicaciones
> > > similares.
> > > Actualmente desarrollo mis páginas con un editor de html+css y sobre
> > > código.
> > >
> > > ¿Cuando aplicaciones como Joomla o Mootools merecen la pena? ¿Si
> empiezo
> > > desde cero usando las plantillas de estas herramientas? ¿Y si me dedico
> a
> > > maquetar un diseño? ¿Sólo son útiles para grandes páginas web?
> > >
> > > Desde ya, gracias por vuestras respuestas.
> > >
> > > Samuel
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> >
> > --
> > Guadalupe
> > www.hacerwebs.com
> >  ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> "En cambio, el amor de Dios siempre será el mismo; Dios ama a quienes lo
> honran, y siempre les hace justicia a sus descendientes, los que cumplen
> fielmente su pacto y sus mandamientos. Mi Dios es el rey del cielo; es el
> dueño de todo lo que existe." Salmos 103:17-19
>
> Irán Vásquez S.
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] codigo fuente generado x CMS

[Germán Bustos]

Hola Joseba,

El uso de sistemas de manejo de contenidos o gestores de contenido es muy
interesante y es la forma de entrar en el mundo web 2.0, de manera
simplificada un CMS lo que hace es separar la forma del contenido, pone el
contenido en una base de datos y construye páginas las web mezclando el
contenido que está en la base de datos con unas estructuras de HTML y CSS
genéricas que se llaman plantillas, esqueletos o templates (según el CMS
específico que uses).

Para el usuario final es una enorme ventaja usar un CMS en la medida en que
puede actualizar su sitio simplemente accediendo a una interfase privada o
interna del sitio en la que puede agregar unidades de información, gestionar
los usuarios y muchas cosas más. Para un diseñador es una ventaja porque no
tiene diseñar página por página sino que puede hacer los modelos generales
(plantillas) que se usan en el sitio. Claro para nosotros implica un reto
adicional conocer además de HTML y CSS el lenguaje de programación del
sistema de manejo de contenidos que en muchos casos es un lenguaje genérico
de script para web como PHP y en sistemas especializados hay un metalenguaje
específico que permite escribir la programación.

Hay una creciente cantidad de CMS, muchos de ellos de software libre. Un
buen lugar paea explorar el tema es
OpenSourceCMS<http://php.opensourcecms.com/>allí puedes ver un demo en
vivo de muchos de los CMS más populares. En
CMSMatrix se pueden comparar características de muchos tipos de CMS, cuando
uno está preocupado por cuestiones de seguridad o facilidad de
personalización, por ejemplo puede ser útil revisar.

En lo personal he montado más de 20 proyectos usando SPIP
<http://www.spip.net/es>y lo puedo recomendar ampliamente, con respecto a
otros CMS como Drupal o Joomla (los más populares hoy en día) puedo decir
que SPIP ha presentado muchos menos problemas de seguridad que Joomla y que
es mucho más configurable que los dos, en SPIP los esqueletos de trabajo no
tienen ninguna limitación. solo lo que seamos capaces de hacer. Pero lo que
más me gusta es que la lógica interna es muy simple para el usuario final,
consiste en una metáfora de una revista, se crean secciones y dentro de las
secciones se ponen los artículos, notas breves o enlaces a sitios
(incluyendo los hilos de RSS de otros sitios si se desea), sando plugíns se
pueden presentar también eventos, formularios, encuestas y kuchas otras
cosas... Además hay una fuerte comunidad de SPIP en América Latina y
España...

Germán Bustos
http://atarraya.org





El 5 de octubre de 2009 10:01, Joseba  escribió:

> Hola!
>
>
>
> Tenemos un cliente que desea hacer una web de productos pero quiere que la
> desarrollemos con algún CMS tipo drupal o joomla.
>
>
>
> El caso es que también quiere luego poder modificar el código fuente para
> poner funcionalidades que no dé el susodicho CMS tanto a nivel de cliente
> como de servidor.
>
>
>
> La pregunta es: para los que tenéis experiencia con este tipo de
> desarrollos. ¿Es complicado tocar ese código?
>
>
>
> Gracias.
>
>
>
> Slt.
>
>
>
> "Caminar sobre el agua y desarrollar software a partir de unas
> especificaciones es fácil. si ambas están congeladas."
> Edward V. Berard, ingeniero informático.
>
>
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] codigo fuente generado x CMS

[Germán Bustos]

Entonces, definitivamente lo mejor es SPIP...

El 5 de octubre de 2009 11:32, Joseba  escribió:

> No que va.
>
> El cliente lo que quiere es poder tocar el código fuente para meterle
> posibles funcionalidades que no te dé el CMS.
>
> Slt.
>
> -Mensaje original-
> De: ovillo-boun...@lists.ovillo.org [mailto:
> ovillo-boun...@lists.ovillo.org]
> En nombre de Rodrigo Álvarez Virgós
> Enviado el: lunes, 05 de octubre de 2009 17:19
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] codigo fuente generado x CMS
>
> Hola, Joseba
>
> Más que CMS o Joomla, imagino que tu cliente querrá poder tocar el
> código de sus productos con un editor tipo CKEditor [1] o WYMeditor.
> Integrarlos es muy fácil, aunque no tanto agregarles funcionalidades que
> no incorporan por defecto: subir e insertar imágenes, vídeos, mapas,
> etc. Yo te recomiendo el segundo, cosas como ésta [3] están hechas por
> el cliente, que toca el código a su antojo.
>
> [1] http://ckeditor.com/what-is-ckeditor
> [2] http://www.wymeditor.org
> [3]
>
> http://www.quadtreros.com/noticias-de-quad-y-atv/rutas-y-concentraciones/278
> 2/2-jornada-quad-atv-vertavillo-2009<http://www.quadtreros.com/noticias-de-quad-y-atv/rutas-y-concentraciones/278%0A2/2-jornada-quad-atv-vertavillo-2009>
>
> Joseba escribió:
> > Hola!
> >
> >
> >
> > Tenemos un cliente que desea hacer una web de productos pero quiere que
> la
> > desarrollemos con algún CMS tipo drupal o joomla.
> >
> >
> >
> > El caso es que también quiere luego poder modificar el código fuente para
> > poner funcionalidades que no dé el susodicho CMS tanto a nivel de cliente
> > como de servidor.
> >
> >
> >
> > La pregunta es: para los que tenéis experiencia con este tipo de
> > desarrollos. ¿Es complicado tocar ese código?
> >
> >
> >
> > Gracias.
> >
> >
> >
> > Slt.
> >
> >
> >
> > "Caminar sobre el agua y desarrollar software a partir de unas
> > especificaciones es fácil. si ambas están congeladas."
> > Edward V. Berard, ingeniero informático.
> >
> >
> >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
>
>
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] No entiendo esta definición de tamaño de fuente

[Germán Bustos]

Hola,

Estoy transformando una hoja de estilos y encuentro el siguiente selector

body{
  background-color: #FFF;
  text-align: center;
  font: 100%/1.5 arial, helvetica, sans-serif
}

No entiendo la definición del tamaño de fuente, agradezco si me pueden
explicar.

Gracias,

Germán

-- 
Germán Bustos
(+57)3177381339 - 3132003998
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] [OT] Hosting para envio de emails

[Germán Bustos]

;>> --
> >>> Si no puedes deslumbrar con tu sabiduría,
> >>> desconcierta con tus gilipolleces
> >>> ___
> >>> Lista de distribución Ovillo
> >>> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> >>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> >>> http://lists.ovillo.org/mailman/listinfo/ovillo
> >>>
> >>>
> >>
> >>
> >>
> >
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
Germán Bustos
(+57)3177381339 - 3132003998
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] [OT] Sobre off-topics (Era: Hosting para envio de emails)

[Germán Bustos]

Ramón y demás amigos/as de Ovillo,

Concuerdo plenamente con la observación y estoy de acuerdo con la
importancia del control social, además huyo de cualquier espacio donde se
hable de fútbol. ;-)

Si embargo el pedazo de mi observación, que citas, merece una aclaración.
Ovillo es una lista con unos tópicos determinados y explícitos, que todos
conocemos (o deberíamos), no pretendí plantear que se ampliaran los temas,
no depende de mí; lo que señalé y reafirmo es que la frecuencia de la
aparición de "off-topics" es un síntoma de una gran necesidad de
comunicación de los webmaster del mundo hispanohablante.

No sé si la solución que plantea Pablo (quien hizo la pregunta sobre hosting
de e-mail) de hacer otra lista sea la más adecuada, él abrió una lista nueva
en GoogleGroups para que se inscriban las personas que quieren hablar de
todos los temas relacionados con ser webmaster. Creo que por el tamaño de
esta comunidad, por su antigüedad y experiencia y, sobre todo,  por el ruido
que generan mensajes como éste, creo que es importante que la comunidad
aborde el tema un paso más allá de manifestar la molestia.

Sería interesante que lo discutiéramos, acá o en otra parte...

Germán



El 18 de febrero de 2010 13:54, Ramón Corominas
escribió:

> Hola, Ovillo
>
> Como aludido "molesto" por los off-topic, diré que no se trata
> exactamente de molestia en el sentido de enfado, trastorno grave o
> similares, sino sencillamente de extirpar el cáncer antes de que se
> extienda.
>
> Cuando alguien lanza un tema off-topic totalmente colateral, sin
> relación alguna ya no con el CSS, sino con el desarrollo web en sí, y
> sin ni siquiera marcarlo como tal, creo que es importante que se diga
> "eh, esto no es correcto", porque al hacerlo todos tomarán conciencia de
> que hay que respetar las normas, porque si no a estas alturas seguro que
> estaríamos hablando de fútbol ;)
>
> Saludos,
> Ramón.
>
> Germán escribió:
> > Creo que el hecho de la aparición de tantos mensajes off.topic señala la
> > necesidad de una comunidad más abierta con espacios para hablar de otros
> > temas, no se si podrían crear sub-listas o algo así sobre los muchos
> otros
> > temas que nos interesan como webmasters.
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
Germán Bustos
(+57)3177381339 - 3132003998
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

[Ovillo] Mover una imagen dentro de una div

[Germán Bustos]

Hola,

Estoy usando unas imágenes (que cargo desde el gestor de contenidos) como
botones de un menú, creé una imagen doble para mostrar  el estado normal y
visited y el estado estado active y hover. Logré que el CSS haga que se
muestre únicamente la primera mitad del botón lo que hace que se vean
perfectos los botones como los quise trabajar. El tema es que no logro
"hacer el movimiento" es decir que cuando pase el ratón por encima o haga
clic me muestre la otra mitad del botón.

Mi HTML es:











Y el CSS dice:

#menuarriba{
  width: 602px;
  float: right;
}
#menuarriba a, #menuarriba a:visited, #menuarriba a:link{
  display: block;
  float: left;
  width: 200px;
  overflow: hidden;
}
#menuarriba a:hover, #menuarriba a:active{
  text-align: right;
}

Asumo que lo que tengo que hacer es ubicar un valor para #menuarriba a:hover
y active pero acepto consejos sobre otras opciones, preferiría que el tema
se solucionara exclusivamente con CSS.

Muchas gracias,


Germán


-- 
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Mover una imagen dentro de una div

[Germán Bustos]

Muchas gracias Luis,

El efecto que quiero es ese, que sea como el sprite en el que se mueve la
imagen de fondo, pero en este caso las imágenes están en el contenido, el
otro lo sé hacer y me ha funcionado.

El tema es que cuando uno hace el sprite la imagen de fondo es igual en cada
botón, acá tengo unos botones irregulares, diferentes para cada elemento del
menú

Voy a hacer un par de pruebas, si no tocara usar un poco de Javascript.

Muchas gracias,

Germán

El 2 de marzo de 2010 15:59, Luis Mario Álvarez escribió:

> Lo que intentas hacer (creo), es un sprite. Pero así no lo conseguirás.
>
> Para hacer lo que creo que pretendes necesitas mostrar la imágen como
> background, y mediante background-position la vas moviendo, ya sea por
> el eje x o el eje y, hasta mostrar el área que necesitas. El elemento
> html que lo va a mostrar necesita ser o estar en block, y si tienes
> textos sobre él los puedes quitar con un valor negativo en
> text-iindent.
>
> Lo que dije es por lo que percibo, porque para entender tu idea
> necesitaria ver un ejemplo online.
>
> On 3/2/10, Germán Bustos  wrote:
> > Hola,
> >
> > Estoy usando unas imágenes (que cargo desde el gestor de contenidos) como
> > botones de un menú, creé una imagen doble para mostrar  el estado normal
> y
> > visited y el estado estado active y hover. Logré que el CSS haga que se
> > muestre únicamente la primera mitad del botón lo que hace que se vean
> > perfectos los botones como los quise trabajar. El tema es que no logro
> > "hacer el movimiento" es decir que cuando pase el ratón por encima o haga
> > clic me muestre la otra mitad del botón.
> >
> > Mi HTML es:
> >
> > 
> >
> >  height="110"
> > />
> >
> >  height="110"
> > />
> >
> >  height="110"
> > />
> >
> > 
> >
> > Y el CSS dice:
> >
> > #menuarriba{
> >   width: 602px;
> >   float: right;
> > }
> > #menuarriba a, #menuarriba a:visited, #menuarriba a:link{
> >   display: block;
> >   float: left;
> >   width: 200px;
> >   overflow: hidden;
> > }
> > #menuarriba a:hover, #menuarriba a:active{
> >   text-align: right;
> > }
> >
> > Asumo que lo que tengo que hacer es ubicar un valor para #menuarriba
> a:hover
> > y active pero acepto consejos sobre otras opciones, preferiría que el
> tema
> > se solucionara exclusivamente con CSS.
> >
> > Muchas gracias,
> >
> >
> > Germán
> >
> >
> > --
> > Germán Bustos
> > (+57)3177381339
> > Atarraya
> > http://atarraya.org
> > http://germanbustos.com
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
> --
> Matraka
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>



-- 
Germán Bustos
(+57)3177381339
Atarraya
http://atarraya.org
http://germanbustos.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo