Re: [Ovillo] Posicionar background aplicado a un body
Se me ocurre lo siguiente:
body {
background: url(../img/bck/gridme.png) 40px left repeat;
}
Perdón, pero no tengo la compu a mano para comprobarlo. Si mal no recuerdo lo
hice varias veces. Nada se pierde con probar...compadre.
--Mensaje original--
De: ReynierPM
Remitente: ovillo-boun...@lists.ovillo.org
Para: la lista de CSS en castellano Ovillo
Responder a: la lista de CSS en castellano Ovillo
Asunto: [Ovillo] Posicionar background aplicado a un body
Enviado: 14 de mar, 2013 00:20
Hola, es posible posicionar un background aplicado a un body? Digamos tengo
un header de 40px y quiero que el background del body comience a partir de
esos 40px. He probado con la siguiente regla:
body {
position: relative;
/*padding-top: 60px;*/
background: url(../img/bck/gridme.png) repeat scroll 0 20%
transparent;
}
Pero no me funciona, alguna ayuda?
Saludos
Ing. Reynier Perez Mira
eMail: reynie...@gmail.com, ad...@reynierpm.com
Website: http://www.reynierpm.com
Skype: reynierpm
Mobile: +58 424-180.56.09
___
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
Edgardo Raúl Galletto
www.webmoderna.com.ar
i...@webmoderna.com.ar
0351-153272337
Enviado desde mi MiMente® con mi poder de Ciberpatia.
___
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] Slider que cambia cuando pulsas sobre el menu superior
Te servirá el JQueryUI que se encuentra el enlace en la página www.jquery.com? Ahí tienes con el JQueryUI varias cosas interesantes. Saludos y que las disfrutes! Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MiMente® con mi poder de Ciberpatia. -Original Message- From: Carlos Núñez cha...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Mon, 4 Mar 2013 12:52:32 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Slider que cambia cuando pulsas sobre el menu superior Es tan sencillo como hacer boton derecho y ver el codigo. Es un plugin de jquery, buscando entre estos encontraras al que haces referencia. El 4 de marzo de 2013 12:09, AngelPSan angelp...@gmail.com escribió: Hola , necesito hacer un menú con un slider que cambie a medida que pasas el ratón sobre le menú superior, alguien sabe donde puedo encontrar un ejemplo? Mas o menos el efecto se puede ver en la siguiente web: Pisos y Casas de Lujo en Barcelona, Inmobiliarias | Second House Muchas gracias Angel ___ 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 -- Carlos Núñez ___ 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] Duda sobre etiquetado correcto en HTML5
Claro que puedes tener mas de un nav. Para eso están diseñados. Con un id
puedes individualizar el main_nav y y con otro un second_nav. Es muy típico
esto.
Edgardo Raúl Galletto
www.webmoderna.com.ar
i...@webmoderna.com.ar
0351-153272337
Enviado desde mi MiMente® con mi poder de Ciberpatia.
-Original Message-
From: Eva García evag...@gmail.com
Sender: ovillo-boun...@lists.ovillo.org
Date: Wed, 27 Feb 2013 12:53:17
To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Duda sobre etiquetado correcto en HTML5
Hola Marcos,
Gracias por la ayuda. Ya he metido por el código que me indicas. Sobre lo
del nav que me comentas me surge una duda. Ya tengo un nav con el menú
principal ¿puedo tener más de un nav en el código?
Gracias de nuevo!
El 27 de febrero de 2013 11:12, marcos méndez filesi
mmfil...@gmail.comescribió:
entonces yo haría un nav + 3divs.
y no te olvides de añadir esto pá que funcionen los tags con la tostadora:
!-- Script Media Queries y semánticos para el Explorer--
!--[if lte IE 8]
script src=//html5shiv.googlecode.com/svn/trunk/html5.js/script
script src=//
css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js
/script
![endif]--
`+ en los estilos:
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
+ info, que me acabo de acordar que escribí sobre eso
http://www.mmfilesi.com/blog/las-etiquetas-semanticas-de-html5/
El 27 de febrero de 2013 11:03, Eva García evag...@gmail.com escribió:
Para que veis más clara la estructura de la Web os comento que es una
tienda online, donde debajo del slide hay tres cajas que son tres
enlaces a
tres categorías de productos. Cada caja lleva una imagen, el título de la
categoría, una breve descripción de la categoría y un link a esa
categoría.
Debajo van las noticias y debajo opiniones de clientes. La duda que
planteaba es como maquetar esas cajas con enlaces a las categorías
principales. Por lo que he leido entiendo que todo iría dentro de un
único
section y no se si cada caja etiquetarla con un article o un div
Que lío esto del HTML5!!!
Gracias de nuevo!
El 27 de febrero de 2013 10:57, Olivier Blázquez obe...@gmail.com
escribió:
Si no tienen nada que ver con el contenido que viene después, igual
deberías meterlas dentro de un aside, en vez de un section.
Yo entiendo el section como la sección de un periódico (Nacional, por
ejemplo), y dentro iría cada noticia dentro de un article. O como la
sección de una tienda y dentro de cada sección, un producto (article)
**
*
*
El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com
escribió:
Esas tres cajas .
Son tres cajas donde en cada un título, descripción y link a una
página
interna. Es un bloque independiente de los demás, así que por lo que
me
comentais esas tres cajas irían dentro de un section. Y ahora la
siguiente
duda ¿debería de marcar cada caja con la etiqueta article?
Gracias por el texto Carlos, ya lo había visto googleando ;-)
El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com
escribió:
Te paso un extracto que sigo como referencia:
Uso de div/ en HTML5 orientado a SEO
La etiqueta div no ha muerto, sigue ahí y sigue significando lo que
siempre
ha significado: conjunto de elementos. En ningún momento se ha
transformado
a una etiqueta tonta que puedas usar libremente para ayudarte con
el
CSS
ni ha sido sustituida totalmente por la etiqueta section/.
Por lo tanto nuestro deber es usarla como ayuda a la estructura de
página:
como base para crear el layout de de nuestras páginas, siempre y
cuando
no
exista otra etiqueta de conjunto que represente mejor este papel...
En
otras palabras, div es la herramienta para unir elementos cuando no
podemos
asociar significado semántico a este conjunto.
Uso de section/ en HTML5 orientado a SEO
El uso de seción es muy parecido al de div pero aportando la carga
de
significado mínima posible al contenido. Englobando distintos
elmentos
dentro de una etiqueta section/ lo que estamos haciendo es
declarar
que
todo su contenido está relacionado y forma parte de un mismo
significado
o
elemento.
La diferencia es sutil pero muy importante: cuando creamos bloques
cuyo
contenido forma un todo usaremos section/, cuando estos bloques
responden
más a diseño o a necesidades de estructura usaremos div/gt.
Esta diferenciación también provoca que en todas estas maquetas que
usan
200 divs para conseguir que con pocos conociemientos de CSS el
diseño
tome
forma no pasan a estar bien hechas, pero si que podemos decir que
en
Re: [Ovillo] Duda sobre etiquetado correcto en HTML5
Totalmente de acuerdo con Marquitos Mendez! Saludos campeón!
Edgardo Raúl Galletto
www.webmoderna.com.ar
i...@webmoderna.com.ar
0351-153272337
Enviado desde mi MiMente® con mi poder de Ciberpatia.
-Original Message-
From: marcos méndez filesi mmfil...@gmail.com
Sender: ovillo-boun...@lists.ovillo.org
Date: Wed, 27 Feb 2013 13:01:03
To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Duda sobre etiquetado correcto en HTML5
Sí, al menos deberían ir en navs:
a) La(s) barra(s) de navegación
b) Formulario buscar
c) Las breadcrumbs...
en fin, cualquier elemento importante de navegación de la arquitectura
interactiva de un sitio. No un enlace suelto aquí o allá, sino los cuadros
de mano...
El 27 de febrero de 2013 12:53, Eva García evag...@gmail.com escribió:
Hola Marcos,
Gracias por la ayuda. Ya he metido por el código que me indicas. Sobre lo
del nav que me comentas me surge una duda. Ya tengo un nav con el menú
principal ¿puedo tener más de un nav en el código?
Gracias de nuevo!
El 27 de febrero de 2013 11:12, marcos méndez filesi
mmfil...@gmail.comescribió:
entonces yo haría un nav + 3divs.
y no te olvides de añadir esto pá que funcionen los tags con la
tostadora:
!-- Script Media Queries y semánticos para el Explorer--
!--[if lte IE 8]
script src=//html5shiv.googlecode.com/svn/trunk/html5.js/script
script src=//
css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js
/script
![endif]--
`+ en los estilos:
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
+ info, que me acabo de acordar que escribí sobre eso
http://www.mmfilesi.com/blog/las-etiquetas-semanticas-de-html5/
El 27 de febrero de 2013 11:03, Eva García evag...@gmail.com escribió:
Para que veis más clara la estructura de la Web os comento que es una
tienda online, donde debajo del slide hay tres cajas que son tres
enlaces a
tres categorías de productos. Cada caja lleva una imagen, el título de
la
categoría, una breve descripción de la categoría y un link a esa
categoría.
Debajo van las noticias y debajo opiniones de clientes. La duda que
planteaba es como maquetar esas cajas con enlaces a las categorías
principales. Por lo que he leido entiendo que todo iría dentro de un
único
section y no se si cada caja etiquetarla con un article o un div
Que lío esto del HTML5!!!
Gracias de nuevo!
El 27 de febrero de 2013 10:57, Olivier Blázquez obe...@gmail.com
escribió:
Si no tienen nada que ver con el contenido que viene después, igual
deberías meterlas dentro de un aside, en vez de un section.
Yo entiendo el section como la sección de un periódico (Nacional,
por
ejemplo), y dentro iría cada noticia dentro de un article. O como
la
sección de una tienda y dentro de cada sección, un producto
(article)
**
*
*
El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com
escribió:
Esas tres cajas .
Son tres cajas donde en cada un título, descripción y link a una
página
interna. Es un bloque independiente de los demás, así que por lo
que
me
comentais esas tres cajas irían dentro de un section. Y ahora la
siguiente
duda ¿debería de marcar cada caja con la etiqueta article?
Gracias por el texto Carlos, ya lo había visto googleando ;-)
El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com
escribió:
Te paso un extracto que sigo como referencia:
Uso de div/ en HTML5 orientado a SEO
La etiqueta div no ha muerto, sigue ahí y sigue significando lo
que
siempre
ha significado: conjunto de elementos. En ningún momento se ha
transformado
a una etiqueta tonta que puedas usar libremente para ayudarte
con
el
CSS
ni ha sido sustituida totalmente por la etiqueta section/.
Por lo tanto nuestro deber es usarla como ayuda a la estructura
de
página:
como base para crear el layout de de nuestras páginas, siempre y
cuando
no
exista otra etiqueta de conjunto que represente mejor este
papel...
En
otras palabras, div es la herramienta para unir elementos cuando
no
podemos
asociar significado semántico a este conjunto.
Uso de section/ en HTML5 orientado a SEO
El uso de seción es muy parecido al de div pero aportando la
carga
de
significado mínima posible al contenido. Englobando distintos
elmentos
dentro de una etiqueta section/ lo que estamos haciendo es
declarar
que
todo su contenido está relacionado y forma parte de un mismo
significado
o
elemento.
La diferencia es sutil pero muy importante: cuando creamos
Re: [Ovillo] espacio extra no deseado interlineado con superíndices
Probaste en colocar primero la librería Normalize? No es la Reset de Meyer. Es
Normalizer. Sirve para que se vea igual en todos los navegadores. Abrazos
Edgardo Raúl Galletto
www.webmoderna.com.ar
i...@webmoderna.com.ar
0351-153272337
Enviado desde mi MiMente® con mi poder de Ciberpatia.
-Original Message-
From: Pablo Rodríguez oi...@web.de
Sender: ovillo-boun...@lists.ovillo.org
Date: Sun, 13 Jan 2013 19:47:08
To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: [Ovillo] espacio extra no deseado interlineado con superíndices
Hola a todas y todos,
en http://ousia.github.com/webhosting-test/ tengo un interlineado por
CSS de 200% y una referencia de nota al pie de tamaño de letra de 85%.
En FF17 se ven bien, pero en Opera 12.12 se le añade un espacio de
interlineado más grande justo en la línea en que aparece la referencia
de nota al pie.
El código CSS relevante:
p { line-height: 200%; text-indent: 1em; }
sup a.footnoteRef { font-size: 85%; }
¿Cómo puedo hacer para que ese espacio extra no se añada? El
interlineado normal es suficiente como para que no haya que añadir un
espacio extra.
Muchas gracias de antemano,
Pablo
--
http://www.ousia.tk
___
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
[Ovillo] TOPYK OFF!!!
Perdón por lo extravagante de la pregunta: esta fuera del tema pero si por las dudas alguien lo sabe agradecere su respuesta. Estoy haciendo una modificación a un sitio hecho en php. Es el sitio de una inmobiliaria. Tiene casas de alquiler temporario por temporada. Tengo que agregar en el adminidtrador de contenido y en la presentación de la respectiva propiedad (casa de alquiler) un almanaque que marque en rojo los dias que ya están reservados. Me puse a buscar en hotscripts y no encuentro un almanaque como la gente. Busque uno muy completo (eso creí) en JavaScript. A alguien le paso lo mismo? Como hago para guardar las selecciones de ese almanaque en JavaScript en una base de datos? En formato correcto de fechas? Solo crea rangos... Y como hacer para extraer de la base de datos e insertar esas fechas en ese almanaque? Estoy atascado en estos cuellos de botella. Apreciaria una ayudita...gracias :-) Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MiMente® con mi poder de Ciberpatia. ___ 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] TOPYK OFF!!!
Gracias en el alma! Ahora buscare esa infooo!!! Abrazos Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MiMente® con mi poder de Ciberpatia. -Original Message- From: Jairo Ochoa jairo.oc...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Mon, 14 Jan 2013 02:00:13 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] TOPYK OFF!!! Jquery ui datepicker Necesitas una nueva tabla para fechas que relacione días con casas Puedes almacenar días sueltos o rangos. Si la tablas tiene: - id casa - fecha inició - fecha fin Un día suelto, fin = inicio, y un rango de fechas fin inicio Y así tantos registros como necesites A la hora de mostrar el calendario, datepicker permite bloquear días, de manera que no se podrían reservar por otra persona. Busca jquery ui datepicker hollidays o similar Más o menos es la idea. El lunes, 14 de enero de 2013, Edgardo Raúl Galletto escribió: Perdón por lo extravagante de la pregunta: esta fuera del tema pero si por las dudas alguien lo sabe agradecere su respuesta. Estoy haciendo una modificación a un sitio hecho en php. Es el sitio de una inmobiliaria. Tiene casas de alquiler temporario por temporada. Tengo que agregar en el adminidtrador de contenido y en la presentación de la respectiva propiedad (casa de alquiler) un almanaque que marque en rojo los dias que ya están reservados. Me puse a buscar en hotscripts y no encuentro un almanaque como la gente. Busque uno muy completo (eso creí) en JavaScript. A alguien le paso lo mismo? Como hago para guardar las selecciones de ese almanaque en JavaScript en una base de datos? En formato correcto de fechas? Solo crea rangos... Y como hacer para extraer de la base de datos e insertar esas fechas en ese almanaque? Estoy atascado en estos cuellos de botella. Apreciaria una ayudita...gracias :-) Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar javascript:; 0351-153272337 Enviado desde mi MiMente® con mi poder de Ciberpatia. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.orgjavascript:; Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- -- Jairo Ochoa Almacenamiento gratis / Free online backup - Dropbox: http://db.tt/9kvYmtr - SocialFolders: http://socialfolders.me/r/fkz9c ___ 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] CSS para modificar un iframe
Guau! Es la primera idea distinta hasta ahora encontrada. La probare hoy mismo! Gracias y saludos Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Manuel Canga manuel.ca...@latrasweb.net Sender: ovillo-boun...@lists.ovillo.org Date: Thu, 13 Dec 2012 14:46:17 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] CSS para modificar un iframe um...otra opción. Lo que estás intentando meter en el iframe es una página html que llamaremos por ejemplo: http://ipcamara:puerto/video.html Haciendo como es obvio: iframe src=http://ipcamara:puerto/video.html; ../ Digo yo, ¿ Por qué no coges el código del donde se encuentra el vídeo y lo plantas directamente en tu pagina ?. Es decir. Si el iframe tiene un código object src=video-34234234asdfas23.avi /object Pues te llevas ese código al lugar donde querías poner el iframe pero anteponiendo el dominio. En el ejemplo anterior: object src=http://ipcamara:puerto/video-34234234asdfas23.avi; /object Saludos y suerte El 12 de diciembre de 2012 08:28, Edgardo Raúl Galletto edgardogalle...@gmail.com escribió: Querida gente! Lo he intentado todo. Incluso busque y rebusque por la web. Todo el mundo coincide (lo que suponía en un principio) es que lo que esta dentro de un iframe es intocable e inmodificable. Obvio! Es una web externa. Ni si quiera Dios con sus poderes puede hacerlo! Habría una exepcion que es cuando comparten el mismo dominio! Oh! Que chistoso! Así cualquiera! Por lo tanto amigos tuve que recurrir a un parche de mal gusto para mi pero efectivo: el article donde adentro se pasaran las imágenes y iframe como Slideshow...le di una altura equivalente a ese molesto espacio blanco dentro del iframe que quería eliminar. Por encima con un z-index y position: absolute; coloque un div que tape por encima ese espacio. Al resto de las imagenes no me quedo otra que redimensionarlas con un espacio superior del mismo tamaño que el div y lo de adentro del iframe. Todo el drama viene por hacer un slideshow con, entre las fotos, la filmación en vivo de lo que proviene de una cámara Ip. Por eso el iframe. Si hubiera una forma de acceder al servidor de esa cámara Ip...ahí seria fácil: cambio los estilos y listo. Pero es imposible...habría que modificar el firmware de la camarita Ip pero eso no se puede. No sómos fabricantes y en última no sabríamos como. Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Jairo Ochoa jairo.oc...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 11 Dec 2012 14:32:34 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] CSS para modificar un iframe Con firebug o cualquier aplicación similar identifica los nombres de los elementos (divs, a, ...) y con CSS dales el estilo que quieras. Que esté dentro de un iframe creo que no es poblema si esos elementos están bien identificados. Dale un nombre al iframe para poder referenciarlos mejor. Así pienso que debería funcionar. salu2 -- Jairo Ochoa Almacenamiento gratis / Free online backup - Dropbox: http://db.tt/9kvYmtr - SocialFolders: http://socialfolders.me/r/fkz9c El 11 de diciembre de 2012 01:38, Edgardo Raúl Galletto edgardogalle...@gmail.com escribió: Muy buenas! Quiero poner un slideshow de fotos para una pagina web en la que se mostrara con efecto de fade unas fotos, texto y (muy importante) tres videos en vivo (proveniente de tres cámaras ip) de lo que pasa en sus respectivas áreas. Tuve éxito utilizando la librería JQuery. Pero el problema es como darle estilos y quitarle el borde y margen a lo que esta dentro del iframe y no al iframe en si. Es posible esto? Hay alguna forma? Con javascript u otro método? Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina ___ 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
Re: [Ovillo] CSS para modificar un iframe
Ok! Vamos a probar de esa forma. La duda mía la planteaba porque sabemos muy bien que un iframe es una web o contenido externo, y suponía además...lejos de poder controlarla/modificarla por el hecho de ser externo. Gracias Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Jairo Ochoa jairo.oc...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 11 Dec 2012 14:32:34 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] CSS para modificar un iframe Con firebug o cualquier aplicación similar identifica los nombres de los elementos (divs, a, ...) y con CSS dales el estilo que quieras. Que esté dentro de un iframe creo que no es poblema si esos elementos están bien identificados. Dale un nombre al iframe para poder referenciarlos mejor. Así pienso que debería funcionar. salu2 -- Jairo Ochoa Almacenamiento gratis / Free online backup - Dropbox: http://db.tt/9kvYmtr - SocialFolders: http://socialfolders.me/r/fkz9c El 11 de diciembre de 2012 01:38, Edgardo Raúl Galletto edgardogalle...@gmail.com escribió: Muy buenas! Quiero poner un slideshow de fotos para una pagina web en la que se mostrara con efecto de fade unas fotos, texto y (muy importante) tres videos en vivo (proveniente de tres cámaras ip) de lo que pasa en sus respectivas áreas. Tuve éxito utilizando la librería JQuery. Pero el problema es como darle estilos y quitarle el borde y margen a lo que esta dentro del iframe y no al iframe en si. Es posible esto? Hay alguna forma? Con javascript u otro método? Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina ___ 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] CSS para modificar un iframe
Voy a investigar a ver que onda. Gracias. Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Olivier Blázquez obe...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 11 Dec 2012 15:16:44 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] CSS para modificar un iframe A ver si te sirve algo de lo que dicen aquí: http://stackoverflow.com/questions/217776/how-to-apply-css-to-iframe * * El 11 de diciembre de 2012 01:38, Edgardo Raúl Galletto edgardogalle...@gmail.com escribió: des modificar tus datos o desusc ___ 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] usar tipografías con firefox-16
Uh!! Genial este dato! Saludos y abrazos Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Javier Sanchez Marin javiersanchezma...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 11 Dec 2012 19:58:53 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] usar tipografías con firefox-16 FireFox Firebug Net o Chrome/Safari Dev tools Network 2012/12/7 Edgardo Raúl Galletto edgardogalle...@gmail.com Voy por la misma pregunta: si alguien sabe de esas herramientas para espiar las peticiones que lo diga. Supongo que sera seguro algún add-on de Firefox. Ojala que si. Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Pablo Rodríguez oi...@web.de Sender: ovillo-boun...@lists.ovillo.org Date: Fri, 07 Dec 2012 18:46:35 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] usar tipografías con firefox-16 On 04/12/12 11:59, . wrote: Hay una variedad de herramientas que permiten espiar que peticiones hace el navegador web. Con ellas podemos saber donde esta intentando buscar un recurso y si ha tenido exito. Para algo como fonts, yo usaria una herramienta separada, y no una de esas extensiones integradas, por si las fonts las carga de forma rara y no son visibles por la extension. Óscar, gracias por tu mensaje. Entiendo lo que propones, pero no se me ocurre que herramienta lo puede hacer. ¿Se te ocurre alguna? Muchas gracias de nuevo, Pablo -- http://www.ousia.tk ___ 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 -- -- Javier Sánchez Marín - Martínez javiersanchezma...@gmail.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] CSS para modificar un iframe
Querida gente! Lo he intentado todo. Incluso busque y rebusque por la web. Todo el mundo coincide (lo que suponía en un principio) es que lo que esta dentro de un iframe es intocable e inmodificable. Obvio! Es una web externa. Ni si quiera Dios con sus poderes puede hacerlo! Habría una exepcion que es cuando comparten el mismo dominio! Oh! Que chistoso! Así cualquiera! Por lo tanto amigos tuve que recurrir a un parche de mal gusto para mi pero efectivo: el article donde adentro se pasaran las imágenes y iframe como Slideshow...le di una altura equivalente a ese molesto espacio blanco dentro del iframe que quería eliminar. Por encima con un z-index y position: absolute; coloque un div que tape por encima ese espacio. Al resto de las imagenes no me quedo otra que redimensionarlas con un espacio superior del mismo tamaño que el div y lo de adentro del iframe. Todo el drama viene por hacer un slideshow con, entre las fotos, la filmación en vivo de lo que proviene de una cámara Ip. Por eso el iframe. Si hubiera una forma de acceder al servidor de esa cámara Ip...ahí seria fácil: cambio los estilos y listo. Pero es imposible...habría que modificar el firmware de la camarita Ip pero eso no se puede. No sómos fabricantes y en última no sabríamos como. Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Jairo Ochoa jairo.oc...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 11 Dec 2012 14:32:34 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] CSS para modificar un iframe Con firebug o cualquier aplicación similar identifica los nombres de los elementos (divs, a, ...) y con CSS dales el estilo que quieras. Que esté dentro de un iframe creo que no es poblema si esos elementos están bien identificados. Dale un nombre al iframe para poder referenciarlos mejor. Así pienso que debería funcionar. salu2 -- Jairo Ochoa Almacenamiento gratis / Free online backup - Dropbox: http://db.tt/9kvYmtr - SocialFolders: http://socialfolders.me/r/fkz9c El 11 de diciembre de 2012 01:38, Edgardo Raúl Galletto edgardogalle...@gmail.com escribió: Muy buenas! Quiero poner un slideshow de fotos para una pagina web en la que se mostrara con efecto de fade unas fotos, texto y (muy importante) tres videos en vivo (proveniente de tres cámaras ip) de lo que pasa en sus respectivas áreas. Tuve éxito utilizando la librería JQuery. Pero el problema es como darle estilos y quitarle el borde y margen a lo que esta dentro del iframe y no al iframe en si. Es posible esto? Hay alguna forma? Con javascript u otro método? Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina ___ 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
[Ovillo] CSS para modificar un iframe
Muy buenas! Quiero poner un slideshow de fotos para una pagina web en la que se mostrara con efecto de fade unas fotos, texto y (muy importante) tres videos en vivo (proveniente de tres cámaras ip) de lo que pasa en sus respectivas áreas. Tuve éxito utilizando la librería JQuery. Pero el problema es como darle estilos y quitarle el borde y margen a lo que esta dentro del iframe y no al iframe en si. Es posible esto? Hay alguna forma? Con javascript u otro método? Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina ___ 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] usar tipografías con firefox-16
Voy por la misma pregunta: si alguien sabe de esas herramientas para espiar las peticiones que lo diga. Supongo que sera seguro algún add-on de Firefox. Ojala que si. Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Pablo Rodríguez oi...@web.de Sender: ovillo-boun...@lists.ovillo.org Date: Fri, 07 Dec 2012 18:46:35 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] usar tipografías con firefox-16 On 04/12/12 11:59, . wrote: Hay una variedad de herramientas que permiten espiar que peticiones hace el navegador web. Con ellas podemos saber donde esta intentando buscar un recurso y si ha tenido exito. Para algo como fonts, yo usaria una herramienta separada, y no una de esas extensiones integradas, por si las fonts las carga de forma rara y no son visibles por la extension. Óscar, gracias por tu mensaje. Entiendo lo que propones, pero no se me ocurre que herramienta lo puede hacer. ¿Se te ocurre alguna? Muchas gracias de nuevo, Pablo -- http://www.ousia.tk ___ 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] Poner div con imagen de fondo y transparencia pero que no afecte a los textos que estén adentro
Mmmm... Yo en tu lugar lo que haría seria editar la imagen y darle un nivel de
transparencia deseado. Y listo.
O de lo contrario le daría transparencia como sugeriste. Crear otro div lo
posicionás encima del otro y le das un z-index superior al otro. Atención: no
me refiero a un div dentro de otro, si no que otro por fuera pero súperpuesto.
Ya tienes dos opciones. Abrazos.
Edgardo Raúl Galletto
www.webmoderna.com.ar
i...@webmoderna.com.ar
0351-153272337
Enviado desde mi MoraNegra® de Oscuro Argentina
-Original Message-
From: Ariel Isaac isaacr...@gmail.com
Sender: ovillo-boun...@lists.ovillo.org
Date: Fri, 30 Nov 2012 11:13:41
To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: [Ovillo] Poner div con imagen de fondo y transparencia pero que no
afecte a los textos que estén adentro
Hola a todos:
Estoy tratando de poner un div que tiene como background-image una
imagen que se repite, a ese div le doy cierta transparencia, pero
tengo el problema que dentro de ese div coloco textos y estos heredan
la transparencia del div de background, esto es fácil de solucionar
con rgba cuando el div de background tiene un color determinado pero
ahora que ese div tiene una imagen de background como se solucionaría
???
aqui pongo el ejemplo:
.cartel {
background-image:url(../img/pattern.jpg);
background-repeat: repeat;
padding-bottom: 8px;
filter:alpha(70);
filter:alpha(opacity=70); /* IE6/7/8 */
opacity:0.7;
height:50px;
width:100px
}
.cartel p, .cartel h4{
color:white;
opacity: 1;
}
div class=cartel
h4
Lorem ipsum
/h4
p
Donec id elit non mi porta gravida at eget metus. Fusce dapibus,
tellus ac cursus commodo, tortor mauris condimentum nibh.
/p
/div
Espero que alguien me pueda ayudar.
Saludos,
Gracias de antemano.
___
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] margin-botton diferente
Estoy de acuerdo con Dani. Te conviene un solo H1 en una página y los
siguientes H2 y así sucesivamente.
Edgardo Raúl Galletto
www.webmoderna.com.ar
i...@webmoderna.com.ar
0351-153272337
Enviado desde mi MoraNegra® de Oscuro Argentina
-Original Message-
From: Daniel Rodriguez eldan...@gmail.com
Sender: ovillo-boun...@lists.ovillo.org
Date: Fri, 23 Nov 2012 11:28:02
To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] margin-botton diferente
buenos Pablo:
quizás te convenga usar selectores, como por ejemplo:
h1#titulo-01{}
h1#titulo-02{...}
aunque en realidad no te recomiendo usar dos encabezados H1 en un mismo
documento por el tema del posicionamiento web. Recuerda usar una correcta
estructura semántica en los documentos.
Espero te sirva
saludos
Daniel Rodriguez
El 23 de noviembre de 2012 11:19, Pablo Rodríguez oi...@web.de escribió:
fuese 2%.
___
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] web responsive
Hola campeón! Te confieso que no he podido entrar a la web ultimamante. Lo jodido de hacer una web adaptable es realmente modificar y crear como si fueran nuevos layouts. En tu caso creo que no seria tanto el problema ya que desde la fabrica (maquetación/diseño) la estas haciendo adaptable. Yo tuve un reto grave en hacer adaptable una web normal, con Doctype XHTML 1.0 Popr Dios! Como costo! Al final como lo resolvi? Haciendo con hoja y lapicera el esquema de los layouts, sus ids, claseslos que realmente hacen falta que tengan los selectores min-with y with:XX%. Entonces empeze de a poco con anchos de pantallas de 1100px (por ejmplo): una mediaquery para esta pantalla y fui creando selectores y probando para ese ancho. Una vez que todo quedo bienhiba disminuyendo de a 50px...aproximadamente. Y de vuelta otra vez...y así sucesivamente. Fue un trabajo arduo. Pero tienes el control de todos los detalles. De esta forma sequencial no se te escapa nada. Fijate en esta web en desarrollo my000431.ferozo.com y compruebalo tu mismo. Tbn puedes entrar a webmoderna.com.ar y en los portfolios tambien llegas a esa web. Espero ser de ayuda. Abrazos y saludos a todos/as los/as ovilleros/as y ovilleristicos/as :-D Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: german vaquer germ...@telefonica.net Sender: ovillo-boun...@lists.ovillo.org Date: Mon, 19 Nov 2012 22:22:52 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] web responsive Hola a todos! Sigo con los problemas de diseño responsive, ahora no se que pasa que desde un dispositivo móvil solamente veo el menu de navegación pero no el resto de la web, ni scroll horizontal ni vertical. Saludos y gracias por adelantado. Germán Vaquer -Mensaje original- From: santosvz Sent: Friday, November 16, 2012 12:53 PM To: 'Ovillo, la lista de CSS en castellano' Subject: Re: [Ovillo] web responsive Referecial: http://johnpolacek.github.com/ResponsiveThumbnailGallery/ http://tympanus.net/Tutorials/ResponsiveImageGallery/ *-Mensaje original- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En *nombre de german vaquer *Enviado el: lunes, 12 de noviembre de 2012 07:12 a.m. *Para: Ovillo *Asunto: [Ovillo] web responsive * *Hola a todos! * *Estoy adaptando la web a dispositivos móviles y tablets, pero no consigo *eliminar el scroll horizontal, sobre todo en lo que respecta a los dispositivos *móviles, en cuanto a tablets no tengo tanto problema. * *He estado revisando las css de mi web, y la verdad, es que no sé donde esta *el problema, seguramente será una chorrada, pero estoy tan espeso que no *vería ni un elefante aunque lo tuviese delante. * *la web es: http://www.pruebasgerman.com/companyo/index.html * *Saludos: germán vaquer *___ *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 ___ 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] [off-topic] tipografías y css
Uy! Genial ese dato...no me lo había puesto a imaginar. Abrazos! Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Pablo Rodríguez oi...@web.de Sender: ovillo-boun...@lists.ovillo.org Date: Thu, 15 Nov 2012 18:19:45 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] [off-topic] tipografías y css Gracias Germán, Marcos y Edgardo. Mi pregunta estaba mal formulada, porque la solución es más sencilla: con poner font-face y asignar serif, sans-serif y monospace se cambian todas las tipografías por defecto. Sé que la W3C no prescribe prácticas tipográficas, pero es una convención que el código se escriba con tipografías de ancho fijo (probablemente por cuestiones prácticas). Muchas gracias de nuevo, Pablo On 14/11/12 20:49, German Bustos wrote: Pablo, Muy interesante tu aplicación... Como yo entiendo las cosas ni HTML, ni XHTML definen tipografías. El HTML es un lenguaje para definir estructuras de los textos, todos los aspectos relacionados con la presentación (incluyendo las tipografías) se definen de manera independientemente en las hojas de estilo. Claro tienes razón cuando dices que por omisión etiquetas como code se presentan con tipografías de ancho fijo, no lo sé, pero asumo que es una costumbre de la hoja de estilos que por omisión traen los browsers y no del estándar en sí, tocaría revisar en la W3C a ver que dicen. Germás¡n El 14 de noviembre de 2012 13:48, Pablo Rodríguez oi...@web.de escribió: Hola a todas y todos, estoy preparando un lector de libros para que pueda leer diferentes idiomas con caracteres poco comunes (ruso, griego antiguo, hebreo clásico y similares). Para eso sólo tengo que hacer que la tipografía por defecto sea FreeSerif, FreeSans y FreeMono, en vez de Droid Serif, Droid Sans y Droid Sans Mono. Esto ya lo tengo controlado (o sería otro asunto). Mi pregunta es la siguiente: en los elementos (x)html, ¿hay alguno que tenga que ser sans-serif o monospace? Quizá tenga un defecto de concepto por haber dedicado más de una década a TeX, pero quizá con el ejemplo se entienda. Hasta donde yo recuerdo tanto code como pre son obviamente monospace. ¿Hay otros que sean por defecto monospace o sans-serif? Perdonad que pregunte algo tan básico, pero no conozco de memoria los elementos (x)html y ya no recuerdo si hay características tipografícas especiales para alguno. Muchas gracias de antemano Pablo -- http://www.ousia.tk ___ 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 -- http://www.ousia.tk ___ 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] [off-topic] tipografías y css
Teniendo en cuenta tu duda te sugiero que hagas lo siguiente:
En la hoja de estilos, al comienzo diría yo..en la parte en defines los H1, h2,
body, etc...esto
Code, pre
{
Font-family: 'free-mono', mono;
}
Y listo! Definiste aca que tipografía se usara en code y pre.
Abrazos!
Edgardo Raúl Galletto
www.webmoderna.com.ar
i...@webmoderna.com.ar
0351-153272337
Enviado desde mi MoraNegra® de Oscuro Argentina
-Original Message-
From: Pablo Rodríguez oi...@web.de
Sender: ovillo-boun...@lists.ovillo.org
Date: Wed, 14 Nov 2012 19:48:04
To: ovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: [Ovillo] [off-topic] tipografías y css
Hola a todas y todos,
estoy preparando un lector de libros para que pueda leer diferentes
idiomas con caracteres poco comunes (ruso, griego antiguo, hebreo
clásico y similares).
Para eso sólo tengo que hacer que la tipografía por defecto sea
FreeSerif, FreeSans y FreeMono, en vez de Droid Serif, Droid Sans y
Droid Sans Mono. Esto ya lo tengo controlado (o sería otro asunto).
Mi pregunta es la siguiente: en los elementos (x)html, ¿hay alguno que
tenga que ser sans-serif o monospace?
Quizá tenga un defecto de concepto por haber dedicado más de una década
a TeX, pero quizá con el ejemplo se entienda.
Hasta donde yo recuerdo tanto code como pre son obviamente
monospace. ¿Hay otros que sean por defecto monospace o sans-serif?
Perdonad que pregunte algo tan básico, pero no conozco de memoria los
elementos (x)html y ya no recuerdo si hay características tipografícas
especiales para alguno.
Muchas gracias de antemano
Pablo
--
http://www.ousia.tk
___
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] [OT] Cómo hacer preguntas de manera inteligente
Es cierto que queremos gozar de libertad en la lista y en otras cosas mas. Pero sin ir más, es lógico que mantengamos la columna vertebral de esta lista intacta: que siga siendo de CSS. Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Carlos Nuñez cha...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Sun, 4 Nov 2012 15:31:36 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] [OT] Cómo hacer preguntas de manera inteligente Totalmente de acuerdo. Hace poco contesté a Lucía diciendo que si no sabía hacer webs dedicara tiempo a formarse. Me pareció que lo comprendió ya que contesto amablemente aún y no ser CSS las dudas que proponía. Cual mi sorpresa que el otro día volvió a preguntar por drupal.. Sin más contribuyamos a la buena lista de css. Saludos Carlos Núñez, El 04/11/2012, a las 13:52, Jason P. suscrici...@gmail.com escribió: El 04/11/12 13:20, Rafael García Lepper escribió: Hola a todos, este hilo viene a colación del pequeño flame creado en el hilo Drupal 7. Quiero compartir con todos este enlace: Cómo hacer preguntas de manera inteligente [1] Yo entre en la lista en 2004 y alguien compartió este enlace entonces, a mi me hizo comprender como y porqué estas listas funcionan espero que ayude. Ovillo empezó cuando crear webs con estándares no era lo normal, si no la novedad, las webs se maqueaban con tablas por aquel entonces, Flash se usaba por doquier y el libro de Zeldman Diseñando con Estandares Web acababa de ser publicado, por lo que centrar el topic de la lista en Estándares Web tenía sentido, no creo que lo tenga ahora y me parece bien que se hagan preguntas relacionadas con el desarrollo de front-end en general. En mi opinión, cómo integrar HTML en un CMS viene a cuento, pero esto es solo mi opinión y ademas probablemente un OT de mi propio hilo. El problema no fue el qué si no el como; la pregunta de Lucia y la mayoría de las que ha hecho en estas últimas semanas, demuestran muy poco respeto por nuestro tiempo, conocimientos y ganas de ayudar. Mereció un STFW (si no entiendes lo que significa STFW necesitas leer mi enlace). A mi sinceramente me han dado ganas de dejar Ovillo después de todos estos años. No lo he hecho, y en vez he preferido compartir este enlace con todos como alguien lo compartió conmigo cuando yo no entendía. Por favor, leedlo si no lo conocéis. [1] http://www.sindominio.net/ayuda/preguntas-inteligentes.html Saludos Rafael G. Lepper Front End Web Developer http://www.thehandcoder.com @rglepper ___ 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 Totalmente de acuerdo contigo. En listas de soporte de Ubuntu me han regañado por hacer top-posting, es decir, responder por encima del texto citado jejeje. De aquella era un profano y pensé que la persona que lo había hecho era un amargado. Con el tiempo y algo de experiencia me he dado cuenta de que las listas de correo, al igual que los foros, tienen unos códigos de conducta que te podrán gustar más o menos, pero que deberías respetar si quieres ganarte la atención de sus miembros, por lo general voluntarios que dedican su tiempo libre a arreglar los problemas de los demás. Aunque sólo sea por educación, que menos que no abusar de su generosidad y usar la lista como si de un soporte técnico 24/7 se tratase. En mi opinión es labor de los admins (desconozco quienes son) moderar a los usuarios noveles (entre los que me encuentro) cuando se nos va la mano. Si hasta ahora no lo han hecho entiendo que este tipo de comportamientos están admitidos. Siempre es bueno saberlo. 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 ___ 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] Cómo hacer preguntas de manera inteligente
Ya todo el mundo entendió y creo que se dio cuenta del tema de Drupal y los CMS. Vamos por mas consultas de CSS3 Y frameworks de CSS... Abrazos a todos y recuerden: ...:: In Trance We Trust ::... Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Jose G josernito...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Sun, 4 Nov 2012 11:53:46 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] [OT] Cómo hacer preguntas de manera inteligente Rafael y todos, mi respuesta tan cruda (no creo que fue cruda), es debido a que Lucía en posts pasados preguntaba por cuestiones que: 1. necesita ayuda con drupal, no con css. 2. posteaba cosas que se encuentran en una búsqueda de google Es decir, y de forma muy personal hago este comentario, quería que le hicieramos el trabajo. Si no entiende drupal, pues para eso hay foros específicos de este CMS, yo mismo uso drupal y hay grupos, foros y he de imaginar que hay una comunidad activa de Drupal en el país de ella (en Costa Rica lo hay). Luego dije que esta lista es sólo de CSS, porque en un thread pasado hubo una discusión ese fue como el veredicto, de que sólo es para cuestiones de CSS. No me importa que haya uno que otro OT, pero si siento que debemos limitarlo, sino entonces estaríamos hablando poco a poco de temas sin relación alguna a CSS y hablemos de política, que se yo. Saludos 2012/11/4 Edgardo Raúl Galletto edgardogalle...@gmail.com Es cierto que queremos gozar de libertad en la lista y en otras cosas mas. Pero sin ir más, es lógico que mantengamos la columna vertebral de esta lista intacta: que siga siendo de CSS. Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Carlos Nuñez cha...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Sun, 4 Nov 2012 15:31:36 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] [OT] Cómo hacer preguntas de manera inteligente Totalmente de acuerdo. Hace poco contesté a Lucía diciendo que si no sabía hacer webs dedicara tiempo a formarse. Me pareció que lo comprendió ya que contesto amablemente aún y no ser CSS las dudas que proponía. Cual mi sorpresa que el otro día volvió a preguntar por drupal.. Sin más contribuyamos a la buena lista de css. Saludos Carlos Núñez, El 04/11/2012, a las 13:52, Jason P. suscrici...@gmail.com escribió: El 04/11/12 13:20, Rafael García Lepper escribió: Hola a todos, este hilo viene a colación del pequeño flame creado en el hilo Drupal 7. Quiero compartir con todos este enlace: Cómo hacer preguntas de manera inteligente [1] Yo entre en la lista en 2004 y alguien compartió este enlace entonces, a mi me hizo comprender como y porqué estas listas funcionan espero que ayude. Ovillo empezó cuando crear webs con estándares no era lo normal, si no la novedad, las webs se maqueaban con tablas por aquel entonces, Flash se usaba por doquier y el libro de Zeldman Diseñando con Estandares Web acababa de ser publicado, por lo que centrar el topic de la lista en Estándares Web tenía sentido, no creo que lo tenga ahora y me parece bien que se hagan preguntas relacionadas con el desarrollo de front-end en general. En mi opinión, cómo integrar HTML en un CMS viene a cuento, pero esto es solo mi opinión y ademas probablemente un OT de mi propio hilo. El problema no fue el qué si no el como; la pregunta de Lucia y la mayoría de las que ha hecho en estas últimas semanas, demuestran muy poco respeto por nuestro tiempo, conocimientos y ganas de ayudar. Mereció un STFW (si no entiendes lo que significa STFW necesitas leer mi enlace). A mi sinceramente me han dado ganas de dejar Ovillo después de todos estos años. No lo he hecho, y en vez he preferido compartir este enlace con todos como alguien lo compartió conmigo cuando yo no entendía. Por favor, leedlo si no lo conocéis. [1] http://www.sindominio.net/ayuda/preguntas-inteligentes.html Saludos Rafael G. Lepper Front End Web Developer http://www.thehandcoder.com @rglepper ___ 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 Totalmente de acuerdo contigo. En listas de soporte de Ubuntu me han regañado por hacer top-posting, es decir, responder por encima del texto citado jejeje. De aquella era un profano y pensé que la persona que lo había hecho era un amargado
Re: [Ovillo] SOT: 940px ... es un estandar o q?
Te cuento que hay otros framework que utilizan 960px...de hecho creo que fueron unos de los primeros. Más que estándar yo diría que es una costumbre arraigada. Sin embargo yo siempre cambios las cosas. Muy rara vez dejo los layout como están de fabrica. Otra cosa: te permite jugar con backgrounds estilizadós, imágenes...y el famoso efecto parallax (cuando haces scroll las imágenes del fondo se mueven mas lentas...respetando una especie de perspectiva). Abrazos!!! Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: reynie...@gmail.com reynie...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Mon, 29 Oct 2012 15:31:59 To: ovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: [Ovillo] SOT: 940px ... es un estandar o q? Hola listeros y buenas tardes a todos, desde hace un tiempo hacia acá he venido estudiando algún que otro framework de CSS como son: - Twitter Bootstrap - Foundation Zurb - Metro UI (reciente) - Algún que otro solo por curiosidad He notado que la gran mayoría usan layout con un máximo de 940px, por qué? Es esto un estándar? Al tanto de comentarios, Saludos cordiales Ing. Reynier Perez Mira eMail: reynie...@gmail.com, ad...@reynierpm.com, reynier.pe...@treswd.com Website: http://www.reynierpm.com Skype: reynierpm Mobile: +58 424.180.5609 ___ 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] Off topic! Plugin WordPress para noticias rotativas!
Gracias en el alma campeón! Me sirvió!!! Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: CHK Webmaster admin...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Wed, 17 Oct 2012 23:15:10 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Off topic! Plugin WordPress para noticias rotativas! Creo que esto puede valerte. http://wordpress.org/extend/plugins/news-announcement-scroll/ Siento alimentar un off-topic; pero todo sea por echar un cable. 2012/10/15 Edgardo Raúl Galletto edgardogalle...@gmail.com Buenas! Se que esta pregunta es descolgada de la lista. Necesito saber que plugin, como se llama y donde descargarlo para que haga lo siguiente: Que se active como Widget y que haga un listado de 5 títulos de entradas pero de una sola categoría o las que yo elija. Ademas el listado tiene que ir rotando de arriba hacia abajo (o viceversa) en un lapso de cada 6 segundos aproximadamente. Creo que eso lo hace con JavaScript. Gracias Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina ___ 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
[Ovillo] CSS para Blackberry
Buenas a todos! Necesito urgente corregir esto: position:fixed no funciona en Blackberry, por lo menos en el 8520 curve. Vean el desarrollo en http://my000431.ferozo.com . Navego con el browser del móvil pero no funcionan el selector como yo quiero. Habrá alguna forma de poder hacer que los menúes y el botoncito de 'go top' aparezcan y se muestren fixeados en su posición? Como se hará? Con JavaScript? Cuales sentencias exactamente?? Ayuda urgent!!! Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina ___ 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] Buenas practicas en grupos de trabajo
Debo antes que nada reconocerlo: estoy queriendo a aprender a usarlo. Es GitHub...un sistema de control de versiones. Esto implica un cambio en la mentalidad y forma de trabajo...de esa forma en los repositorios de GitHub se van guardando cada una de las versiones de cada archivo y proyecto...En este caso serias las stylesheet.css y los *.html. Consulta ya mismo el programa online en www.mejorando.la Hay un episodio que te enseña esto. Esta mas que genial. Éxitos Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Polizonte polizo...@ymail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 04 Sep 2012 02:07:22 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: [Ovillo] Buenas practicas en grupos de trabajo Hola lista, Soy diseñador web y siempre he trabajo solo. Pero ahora en una empresa se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños, quisiera que me brinden sus experiencias, comentarios, y sugerencias de las buenas practicas de trabajar en equipo. Lo que mas me preocupa es como hacer para coordinar con mi grupo de trabajo el html + css para que el proyecto salga lo mas rápido (que es lo que me están pidiendo) Lo primero que se me vino a la mente fue re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de estilos. Saludos y gracias por su tiempo. Polizonte. ___ 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] Buenas practicas en grupos de trabajo
Cierto cierto Es lo que el dice...bien por aclararlo. Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Marc Palau m...@palaueb.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 04 Sep 2012 09:40:26 To: ovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Buenas practicas en grupos de trabajo Quiero aclarar que el CVS (sistema de control de versiones) es GIT, GitHub es *un* servicio que ofrece servidores GIT, tanto publicos como privados. saludos Marc Al 04/09/12 09:26, En/na Edgardo Raúl Galletto ha escrit: Debo antes que nada reconocerlo: estoy queriendo a aprender a usarlo. Es GitHub...un sistema de control de versiones. Esto implica un cambio en la mentalidad y forma de trabajo...de esa forma en los repositorios de GitHub se van guardando cada una de las versiones de cada archivo y proyecto...En este caso serias las stylesheet.css y los *.html. Consulta ya mismo el programa online en www.mejorando.la Hay un episodio que te enseña esto. Esta mas que genial. Éxitos Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Polizonte polizo...@ymail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 04 Sep 2012 02:07:22 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: [Ovillo] Buenas practicas en grupos de trabajo Hola lista, Soy diseñador web y siempre he trabajo solo. Pero ahora en una empresa se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños, quisiera que me brinden sus experiencias, comentarios, y sugerencias de las buenas practicas de trabajar en equipo. Lo que mas me preocupa es como hacer para coordinar con mi grupo de trabajo el html + css para que el proyecto salga lo mas rápido (que es lo que me están pidiendo) Lo primero que se me vino a la mente fue re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de estilos. Saludos y gracias por su tiempo. Polizonte. ___ 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 ___ 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] Buenas practicas en grupos de trabajo
Una muy buena directriz es organizar los CSS por estructura de layout (Header, nav, section, article...footer...o el equivalente#wrapper, #head, #containér, #main_nav, #second_nav, #main_contentetc...) y dentro de ella; cada selector ordenarlo alfabeticamente. Y asu vez dentro, cada propiedad, también. Espero sirva... Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Marcos de Miguel emedemig...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 4 Sep 2012 13:07:41 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Buenas practicas en grupos de trabajo En google también proponen Directrices de codificación para HTML y CSS cuando se trabaja en un equipo: http://googlewebmaster-es.blogspot.com.es/2012/06/directrices-de-codificacion-para-html-y.html Saludos Marcos de Miguel Diseño y Desarrollo Web www.dragoncillos.com @dragoncillos 2012/9/4 David Bautista davidbautistanave...@gmail.com Yo añadiría el uso de sass o less, esto va a permitir al equipo trabajar con css contruyendo un framework propio. Funciones, bucles, includes, etc etc... En el .scss principal (en el caso de sass) después del css genérico yo pondría varios includes, uno por sección, y así se cada desarrollador podría trabajar en el scss de la sección que le corresponda sin miedo a tocar código que otro esté modificando. 2012/9/4 Rafael García Lepper rafael.g.lep...@gmail.com Hola, aparte de git, que es fundamental, yo os aconsejaría: 1. Acordar unas convenciones de estilo, como estas [1] pero que os gusten a todos, porque cada desarrollador tiene sus ideas 2. Distribuir el desarrollo de elementos comunes (clases que todos vais a usar, se deben desarrollar al principio) 3. Dividir el trabajo en bloques de contenido, idealmente de no más de 2-3h de desarrollo 4. Reunión diaria (tipo scrum) del equipo para distribuir diariamente los bloques a desarrollar por cada uno y comentar el código escrito (brevemente) para asegurarse de que nadie usa el mismo nombre para dos clases distintas y cosas por el estilo 5. Tratar de acordar unas convenciones de nomenclatura 6. Comentar el código, porque lo que es obvio para ti hoy, no lo es para ti en el futuro, mucho menos para tus compañeros Seguro que hay más, pero si consigues cumplir estas vais a ser un equipo feliz. Saludos Rafael G. Lepper Front End Web Developer http://www.thehandcoder.com @rglepper [1] https://github.com/necolas/idiomatic-css El 04/09/2012, a las 10:50, CHK Webmaster escribió: Además del uso del Git, se me ocurre que es una buena idea estandarizar la manera de estructurar (orden, identación, nomenclatura) en los ficheros CSS. De modo que cualquiera del equipo pueda modificar cualquier fichero fácilmente; y evitando que se distinga de quien a codificado cada fichero. Son pequeños detalles, pero a la larga se notan. 2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net Como complemento al buen consejo que te han dado de Git, sería: - Usar metodologías ágiles: Kanban, scrum o lean. - Si hay trozos de código de programación usar un sistema de plantilla ( aunque para esto siempre hay debate ) pero facilita el trabajo en equipo. Aprovecho un huequesito de este hilo para dar las gracias a todos los compañeros por la ayuda que me brindaron la semana pasada. El 04/09/2012 09:07, Polizonte polizo...@ymail.com escribió: Hola lista, Soy diseñador web y siempre he trabajo solo. Pero ahora en una empresa se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños, quisiera que me brinden sus experiencias, comentarios, y sugerencias de las buenas practicas de trabajar en equipo. Lo que mas me preocupa es como hacer para coordinar con mi grupo de trabajo el html + css para que el proyecto salga lo mas rápido (que es lo que me están pidiendo) Lo primero que se me vino a la mente fue re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de estilos. Saludos y gracias por su tiempo. Polizonte. ___ 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
Re: [Ovillo] reset
Respondo tarde pero para optimizar las cosas repito: yo hago solo un CSS. Yn ese pongo todo: porque las plantillas, aunque sean pagas de WordPress tiene como hasta 8 CSS o mas incluso. Ni hablar de los .js.librerías de javascript. Pero en para resumir, yo modifico todo. En un CSS al principio pongo el reset, luego el famoso normalize y luego todos los estilos bien acomodados por layout y en orden alfabético, inculuso cada una de las reglas de los selectores. Y por ultimo comprimo obteniendo un -min.css Hay una noticia que enteré y esta buenisima! Yo no sabía: es comprimir los CSS y .js mediante php en forma encadenada y dinámica. Todavia no se como funciona pero lo voy a averiguar y en su caso implementar! Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Xavier xavierara...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 21 Aug 2012 15:08:19 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] reset Si mal no recuerdo la carga de un reset.css se hace si la condición del navegador es valida, es decir no todo el tiempo se hace una nueva petición para cargar el reset.css !--[if IE] bla! bla! bla! !--![endif]-- Suerte El día 21 de agosto de 2012 14:54, Helmán helman@gmail.com escribió: gracias Manuel, me dejas más claro. El 21 de agosto de 2012 13:37, Manuel Canga - Latrasweb.net i...@latrasweb.net escribió: No lo uso porque siempre he leído que por usabilidad no hay que modificar, o modificar lo menos posible, las partes propias del sistema operativo o del navegador que se use. Eso incluye: - No cambiar los combos, checkbox, ... que son propios del sistema operativo, por otros hechos con javascript. - No modificar el tamaño de letra y ponerlo relativo. - ... También por accesibilidad no es muy recomendable, ya que algunos grupos de personas añaden una hoja de estilo por defecto para todas las páginas para adecuarlas a sus incapacidades. Como comentabas en tu email anterior Helmán, de tos modos hay que repasar la web para todos los navegadores. Esto es así con reset, sin reset, con normalize o sin normalize. Esa es otra razón porque no uso reset: Total si igual tienes que repasar la página en todos los navegadores, para qué añadir un css más? El 21/08/2012 21:21, Helmán helman@gmail.com escribió: De hecho es muy usado, pero precisamente la razón del porque no lo usas me interesa, si no lo usas como logras que el diseño de una página se vea igual en 'x' navegador? El 21 de agosto de 2012 13:15, Manuel Canga - Latrasweb.net i...@latrasweb.net escribió: Hola Edgardo, Te comento que con las reset, no disminuyes peticiones al servidor( que se hace al menos una por cada css, imagen, js, ...). Es decir, el navegador hace una peticion al servidor por cada archivo o recurso que componga la página ( si tienes acceso a los logs de tu servidor echa un vistazo al access.log de apache y se entenderá mejor ). Por lo tanto y según lo dicho, al usarlas harías una petición de más al servidor. Su fin es no llevarte sorpresa en distintos navegadores cuando estás maquetando. Un saludo El 21/08/2012 20:09, Edgardo Raúl Galletto edgardogalle...@gmail.com escribió: Hay un tema en cuestión: yo trato de incluir el reset al principio del CSS por una simple finalidad. Reducir las peticiones al servidor. Mejor que haga una y no dos, aunque el tamaño del archivo sea un poquitito mas grande...estará bien mi punto de vista? --Mensaje original-- De: Helmán Remitente: ovillo-boun...@lists.ovillo.org Para: la lista de CSS en castellano Ovillo Responder a: la lista de CSS en castellano Ovillo Asunto: [Ovillo] reset Enviado: 21 de ago, 2012 15:02 Hola a todos, tengo dudas con los frameworks que implementan la técnica reset, yo siempre la uso en mis proyectos pero he escuchado que ya no se usa y lo que se usa es !important, además he visto que siempre hay diferencias de un navegador a otro. Los invito a comentar sobre este tema. gracias. ___ 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 Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina ___ 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
Re: [Ovillo] reset
Hay un tema en cuestión: yo trato de incluir el reset al principio del CSS por una simple finalidad. Reducir las peticiones al servidor. Mejor que haga una y no dos, aunque el tamaño del archivo sea un poquitito mas grande...estará bien mi punto de vista? --Mensaje original-- De: Helmán Remitente: ovillo-boun...@lists.ovillo.org Para: la lista de CSS en castellano Ovillo Responder a: la lista de CSS en castellano Ovillo Asunto: [Ovillo] reset Enviado: 21 de ago, 2012 15:02 Hola a todos, tengo dudas con los frameworks que implementan la técnica reset, yo siempre la uso en mis proyectos pero he escuchado que ya no se usa y lo que se usa es !important, además he visto que siempre hay diferencias de un navegador a otro. Los invito a comentar sobre este tema. gracias. ___ 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 Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina ___ 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] Plugin para publicar en facebook
1. Perdón por no aclarar que era un off topic. Todavia me cuesta adaptarme a la costumbre de la lista. 2. Ya encontré el plugin, y esta claro que es muy ético y productivo para el dueño de la empresa que carga una una entrada en su sitio web y sale automaticamente en su Facebook empresarial el titular de dicha entrada. Se carga una sola vez el contenido y nó hay que duplicar el esfuerzo ni el tiempo. 3. El plugin realizado con php y con estilos CSS personalizables se llama WordBooker. Saludos Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: Jose G josernito...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 14 Aug 2012 23:15:34 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Plugin para publicar en facebook 1. Me parece poco ético el uso de esa aplicación. 2. Esto es una lista de CSS. 3. No indicó que era un Off Topic. Saludos, y suerte buscando eso. 2012/8/14 Edgardo Raúl Galletto edgardogalle...@gmail.com Muy buenas a todos: Me entere que existe un plugin que sirve para hacer lo siguiente: cuando uno carga una entrada en un Blog realizado con WordPress, esa entrada también se publica automaticamente en el muro de mi Facebook. Cómo se llama es plugin y donde lo consigo? Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina ___ 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
[Ovillo] Plugin para publicar en facebook
Muy buenas a todos: Me entere que existe un plugin que sirve para hacer lo siguiente: cuando uno carga una entrada en un Blog realizado con WordPress, esa entrada también se publica automaticamente en el muro de mi Facebook. Cómo se llama es plugin y donde lo consigo? Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina ___ 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] Curso organizado por el W3C en español sobre Buenas Prácticas en Web Móvil.
Amén hermano!! Amén! Edgardo Raúl Galletto www.webmoderna.com.ar i...@webmoderna.com.ar 0351-153272337 Enviado desde mi MoraNegra® de Oscuro Argentina -Original Message- From: David Bautista davidbautistanave...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Wed, 8 Aug 2012 19:19:17 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Curso organizado por el W3C en español sobre Buenas Prácticas en Web Móvil. Hay que ser quejicas joder... El curso está de puta madre, va con la temática de la lista y esto no es para nada spam. Gracias Manuel! 2012/8/8 Guido Cabrera Castro guido...@gmail.com Hay algo peor que el spam. Es el reenvío de spam ___ 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] Maquetación inicial con Web Responsive Design
Muchas gracias totales por sus consejos...los tendré en cuenta ya mismo!!! Edgard_Roul ...:: In Trance We Trust ::... Enviado desde mi MoraNegra® (BlackBerry en inglés) de Claro Argentina -Original Message- From: Gicela Morales gicela.mora...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Tue, 24 Jul 2012 10:22:14 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Maquetación inicial con Web Responsive Design Hola Edgardo, Mi consejo es que utilices el viewport y las media queries para el diseño responsable. Trata de mantener el tamaño de la página lo mas pequeño posible y no mandar imagenes de gran tamaño por la red a un dispositivo móvil. Es mejor que escribas tu propio HTML y CSS, ya que los frameworks contienen código que no necesitas. Ejecuta los diseños en los navegadores disponibles y despues pruebalos en los emuladores móviles (Opera tiene unos muy buenos). Cuando tus páginas sean satisfactorias en los navegadores, entonces crea un 'child theme' en WordPress con tu código. De esta manera, ya sabes que el código funciona bastante bien y si hay algún problema, es WordPress y no tu código! Un saludo, Gicela -- Gicela Morales www.gicelamorales.com twitter: @gicela 2012/7/22 Edgardo Raúl G. edgardogalle...@gmail.com Muy buenas a todos/as: Les comento una inquietud y una pregunta. Me estoy iniciando en el maquetado de una web para una inmobiliaria; y otra web que es para un camping. La cuestión es que me van a dar unos archivos psd de unos diseñadores gráficos, que realizaron el diseño de cómo se verían esas webs. Mi tarea es maquetarlo en html y luego pasarlo a WordPress. Como me estoy iniciando en esto, serán obviamente mis primeros trabajos. La pregunta del millón es: aprovecho esta oportunidad para ir maquetando, pero con etiquetas HTML5 (incluyendo el Doctype de html5), CSS3 y trucos para hacerla con un Diseño Web Adaptativo (Responsive Web Design, para que sea igual en todos los dispositivos móviles, tabletas...etc...)??? Pregunto porque la información que encontré fueron tutoriales, videos y bla bla bla pero no habla ninguno de etiquetas HTML5, ni CSS3 (CSS3, puedo entenderlo...remplazaría algunas cosas con imágenes ya que algunos móviles no los interpreta...como BlackBerry)...ni tampoco de aprovechar esta etapa inicial para colocar trucos para hacer el diseño adaptativo (me refieron, usar porcentajes, em, nada de pixeles, min-with, max-with, diseño fluido...etc...). Insisto en la pregunta: es posible? Conviene hacerlo? Alguien me diría como? Algún manualcito, o tutorial por ahí dando vueltas? Alguna data que me oriente? Muchas gracias a todos y espero sus consejos. Edgard_Roul ...:: WebModerna | el futuro de la web ::... www.webmoderna.com.ar i...@webmoderna.com.ar ___ 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] Maquetación inicial con Web Responsive Design
Genial querida gente: Ya encontré en gran parte la respuesta que estaba buscando. En ThemeForest encontré muchas plantillas de PSD pasadas a HTML5, CSS3, JavaScript (con JQueryMobile) y con Responsive Web Design incluido. Por lo tanto la respuesta es SI. Se puede y ya lo han hecho infinidad de veces muchas personas. Por lo tanto, ahora marcha adelante nomás!!! Lo que si me faltaría seria saber los pasos precisos para no perderme en el proceso de hacerlo adaptativo. Saludos! PD: Tereso Desde el 2004 que hago webs, pero en forma muy esporádica y sin ningún sistema de autorganizacion...hasta ahora. Ahora lo estoy empezando a hacer bien y quiero mejorarlo. Ya tengo experiencia y trabajos realizados. www.webmoderna.com.ar hay algunas cosas ahí. Abrazos a todos/as Enviado desde mi MoraNegra® (BlackBerry en inglés) de Claro Argentina -Original Message- From: Tereso Ramos tram...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Sun, 22 Jul 2012 10:29:58 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Maquetación inicial con Web Responsive Design Espero no se tome como ofensa, pero en mi opinión bajarse unos manuales y estudiarlos no es lo mismo que ponerse ya a trabajar directamente en un diseño. Considero que como toda profesión toma su tiempo tomar cierta experiencia. En lo personal no me quedaron muy claro tus preguntas, me pareció como que no tenías una idea muy clara de lo que debes hacer con los archivos que te darán. Mi sugerencia es que tomes alguna plantilla de wordpress y la adaptes a tu diseño, si no haz hecho nunca una plantilla me parece creo que es la manera mas sencilla de empezar. Suerte. El 22 de julio de 2012 06:32, Leonardo Azpurua leonardoazpu...@cantv.netescribió: - Original Message - From: Edgardo Raúl G. edgardogalle...@gmail.com To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Saturday, July 21, 2012 11:39 PM Subject: [Ovillo] Maquetación inicial con Web Responsive Design Muy buenas a todos/as: Les comento una inquietud y una pregunta. Me estoy iniciando en el maquetado de una web para una inmobiliaria; y otra web que es para un camping. La cuestión es que me van a dar unos archivos psd de unos diseñadores gráficos, que realizaron el diseño de cómo se verían esas webs. Mi tarea es maquetarlo en html y luego pasarlo a WordPress. Como me estoy iniciando en esto, serán obviamente mis primeros trabajos. La pregunta del millón es: aprovecho esta oportunidad para ir maquetando, pero con etiquetas HTML5 (incluyendo el Doctype de html5), CSS3 y trucos para hacerla con un Diseño Web Adaptativo (Responsive Web Design, para que sea igual en todos los dispositivos móviles, tabletas...etc...)??? Pregunto porque la información que encontré fueron tutoriales, videos y bla bla bla pero no habla ninguno de etiquetas HTML5, ni CSS3 (CSS3, puedo entenderlo...remplazaría algunas cosas con imágenes ya que algunos móviles no los interpreta...como BlackBerry)...ni tampoco de aprovechar esta etapa inicial para colocar trucos para hacer el diseño adaptativo (me refieron, usar porcentajes, em, nada de pixeles, min-with, max-with, diseño fluido...etc...). Insisto en la pregunta: es posible? Conviene hacerlo? Alguien me diría como? Algún manualcito, o tutorial por ahí dando vueltas? Alguna data que me oriente? Muchas gracias a todos y espero sus consejos. En http://dev.opera.com/ que es el sitio de información para desarrolladores de Opera, hay una cantidad de artículos sobre el tema de las interfaces fluidas y el diseño adaptable. ___ 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] Maquetación inicial con Web Responsive Design
Gracias por tu respuesta. Aprovecho para corregir lo antes dicho y solicitado por mi: a los conocimientos ya los tengo, incluso me baje y estudie esos manuales y muchos mas; incluyendo html5 y css3. Yo me quería referir al conocimiento en cuanto a auto-organización, gestión, y orden o pasos a seguir en el desarrollo del proyecto. O sea trucos y detalles a tener en cuenta al empezar, por donde comenzar primero, ejemplos de casos hechos...etc... Gracias.. Enviado desde mi MoraNegra® (BlackBerry en inglés) de Claro Argentina -Original Message- From: Latrasweb latras...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Sun, 22 Jul 2012 10:56:37 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Maquetación inicial con Web Responsive Design Muy buenas, Edgardo: En mi opinión, sino tienes conocimientos aún es que no empieces embarcandote con html5,css3. Lo mejor es empezar por html 4.01 o xhtml 1 en la parte de html y por css2.1 en la parte de css. Te digo esto porque primero tienen la compatibilidad más alta con navegadores, luego porque encontraras más información y finalmente porque html5/css3 no son más que un superconjunto de html 4.01 y css2.1. Todo lo que aprendas de los últimos te servirá para los primeros. Te dejo una buena página con información efectiva para aprender. http://www.librosweb.es/ Un saludo Edgardo y mucha suerte El 22/07/2012 06:09, Edgardo Raúl G. edgardogalle...@gmail.com escribió: Muy buenas a todos/as: Les comento una inquietud y una pregunta. Me estoy iniciando en el maquetado de una web para una inmobiliaria; y otra web que es para un camping. La cuestión es que me van a dar unos archivos psd de unos diseñadores gráficos, que realizaron el diseño de cómo se verían esas webs. Mi tarea es maquetarlo en html y luego pasarlo a WordPress. Como me estoy iniciando en esto, serán obviamente mis primeros trabajos. La pregunta del millón es: aprovecho esta oportunidad para ir maquetando, pero con etiquetas HTML5 (incluyendo el Doctype de html5), CSS3 y trucos para hacerla con un Diseño Web Adaptativo (Responsive Web Design, para que sea igual en todos los dispositivos móviles, tabletas...etc...)??? Pregunto porque la información que encontré fueron tutoriales, videos y bla bla bla pero no habla ninguno de etiquetas HTML5, ni CSS3 (CSS3, puedo entenderlo...remplazaría algunas cosas con imágenes ya que algunos móviles no los interpreta...como BlackBerry)...ni tampoco de aprovechar esta etapa inicial para colocar trucos para hacer el diseño adaptativo (me refieron, usar porcentajes, em, nada de pixeles, min-with, max-with, diseño fluido...etc...). Insisto en la pregunta: es posible? Conviene hacerlo? Alguien me diría como? Algún manualcito, o tutorial por ahí dando vueltas? Alguna data que me oriente? Muchas gracias a todos y espero sus consejos. Edgard_Roul ...:: WebModerna | el futuro de la web ::... www.webmoderna.com.ar i...@webmoderna.com.ar ___ 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] Publicación
Germán:
Muy buena la data que estás dando. Yo lo redacté pensando en no ponerle
movimiento a las imágenes. Pero obviamente como aclaras tu, se pueden
linkear tranquilamente los gif animados a la plantilla en cuestión.
Abrazos y saludos a todos/as
Edgardo Raúl Galletto
-Mensaje original-
From: German Bustos
Sent: Saturday, July 21, 2012 1:44 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Publicación
Edgardo,
Muchas gracias, muy completo el manualcito.
Solo agregaría una cosa: así como hacer la estructura de un boletín de
correo nos implica un flash-back y volver a codificar de la manera que ya
estábamos empezando a olvidar, podemos usar imagenes como las que ya
estábamos empezando a olvidar: los gifs animados. Obviamente en un boletín
de correo no usamos, ni Flash, ni Javascript, así que la única forma de
ponerle movimiento son los gifs animados, incluso uno puede convertir una
pequeño clip de video en gif animado y logra un efecto espectacular.
Saludos,
Germán
El 20 de julio de 2012 20:05, Edgardo Raúl Galletto
edgardogalle...@gmail.com escribió:
Ahora tengo el agrado de enseñarles como hacer una buena plantilla de mail
corporativa. Muchas veces hemos recibido publicidad vía mail, algún
newslétter, etc... Pero la verdad es que nadie nos enseñó como hacerlas.
Existen empresas que se dedican a la publicidad viral por mail, campañas
de
mailing list y podemos seguir con ejemplos. Son obviamente pagos. Pero
como
hacerlo a eso nosotros, aprender y evitar una erogación cuantiosa? Pues
bien, aquí están los pasos.
1. Utilizarás tu editor web preferido, el que quieras. Yo uso DreamWeaver,
Sublime Text, o Notepa d++. Debemos olvidarnos del diseño web actual y su
filosofía. Quiero decir que tenemos que hacerlo a la antigua, usando
tablas
para maquetar y diseñar. Me refiero al uso de las famosas etiquetas
table
y /table.
2. Jamás usemos etiquetas elaboradas como div, las HTML5, o selectores
CSS3 y otras. Solo nos manejaremos con las básicas y simples. Tablas,
párrafos, encabezados de titulares, links, imágenes y listo. Me refiero a
table, p, h1...hasta el h6, a y img. Es recomendable de mi
parte usar DremWeaver o uno equivalente, ya que mientras vas creando las
tablas vas viendo el diseño como va quedando. Coda es un buen ejemplo.
3. Es muy importante lo anterior ya que un solo div nos arruinara todo.
Podemos usar CSS para dar estilo, diseñar y dar forma a nuestro proyecto.
Hay personas que directamente, a cada párrafo o titular le dan formato de
manera individual. O sea, esto es un ejemplo: p align=“right“,
style=“color:#ffdd22, padding: 1em“Texto de párrafo/p. Yo no estoy de
acuerdo! Esto es desordenado, demasiado personalizado y tira por la borda
todo lo que nos indican los actuales principios de separar la estructura,
diseño y del contenido. Lo que haremos es incluir lo siguiente entre las
etiquetas head y /head:
style
Body
{
Background: #cc
Font-family: verdana, tahoma, serif
...y etc con todas etiquetas necesarias para dar un buen diseño.
}
/style
Usaremos los selectores tanto de clases como de 'Id' que hagan falta. En
lo personal recomiendo muchas mas clases que de Id, ya que podemos usar.,
reutilizar las clases, y anidarlas. Incluso usar mas de una en una
etiqueta. Los Id's prefiero que sean pocos y sguiendo la modalidad de una
web común: ó sea, Header, Content, sidebar, footer, o la denominación mas
cómoda parar uds. Recomiendo mucho usar nombres que coincidan con las
nuevas etiquetas de HTML5. Así nos vamos acostumbrando, y a pensar en
función de las nuevas tecnologías. Otra cosa, si siguen estos consejos
cualquiera que modifique la plantilla podrá entenderlo fácilmente. son
reglas de buena estructuración y documentación de código. Incluso se
pueden agregar comentarios!!! Es genial y recomendable.
4. Suponiendo que ya tienes todo, ahora faltan las fotos. Ya tiene que
estar editadas y 'arregladas'. Lo importante es que jamás deben mandarse
adjuntas. Siempre tienen que estar cargadas en el servidor de tu sitio
web.
Lo que figurara en el código html de la plantilla es solo la dirección URL
hacia la foto. O sea, img href=
http://www.tusitio.com/wp-content/upload/tuplantilla-mail/header.jpg; es
solo un ejemplo. Pero como estamos desarrollando y trabajando en local,
las
imágenes las guardaremos, seguramente, en la carpeta de imágenes o en la
misma de la plantilla. Seamos prolijos, sigamos las pautas de buenas
formas
de acomodar y organizar las cosas.
5. En las imágenes podemos incluir zonas activas o mapas para insertar
enlaces. Una vez hecho el diseño debemos incorporar la famosa frase al
comienzo: si no puede ver este mail haga clic aquí. Antes de colocar el
enlace a algo que todavía no subimos, tenemos que asegurarnos de la
dirección física de URL que le vamos a dar y el lugar o carpeta en nuestro
webhosting. Aclaro esto porque a veces nuestro servidor web te rechaza
Re: [Ovillo] Publicación
Josue: Muy bueno la información para poder trabajar sobre plantillas ya hechas. Toda la gente de la comunidad ya tiene ahora opciones. Abrazos y saludos a todos/as. Edgard_Roul ...:: WebModerna | el futuro de la web ::... www.webmoderna.com.ar i...@webmoderna.com.ar Edgardo Raúl Galletto -Mensaje original- From: Josue Sent: Saturday, July 21, 2012 7:22 AM To: Ovillo, la lista de CSS en castellano Cc: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Publicación Yo en mi trabajo utilizo las plantillas de esta web www.mailchimp.com Si te haces una cuenta free, te puedes descargar los templares que tienen editarlos a tu antojo, asi no empiezas desde cero, ya tienes una estructura html y sabes que se vera bien. Si luego quieres utilizar esa plantilla en tu programma de mailing solo tienes que subirla. Muy practico. Un saludo Enviado desde mi iPad El 21/07/2012, a las 04:44, Ronit 77ni...@gmail.com escribió: Excelente aporte. Gracias Ronit Tel. 82292342 www.rimon.cl Facebook Rimon Foto El 20-07-2012, a las 21:05, Edgardo Raúl Gallettoedgardogalle...@gmail.com escribió: algún ___ 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] Publicación
Ronit: Gracias por tu reconocimiento. La verdad es que es el primer aporte que hago. Seguro que vendrán másAbrazos y saludo para todos/as Edgard_Roul ...:: WebModerna | el futuro de la web ::... www.webmoderna.com.ar i...@webmoderna.com.ar Edgardo Raúl Galletto -Mensaje original- From: Ronit Sent: Friday, July 20, 2012 11:44 PM To: Ovillo, la lista de CSS en castellano Cc: Ovillo@lists.ovillo.org Subject: Re: [Ovillo] Publicación Excelente aporte. Gracias Ronit Tel. 82292342 www.rimon.cl Facebook Rimon Foto El 20-07-2012, a las 21:05, Edgardo Raúl Gallettoedgardogalle...@gmail.com escribió: algún ___ 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] La web móvil
Es cierto lo que plantea el amigo aca. Pero yo le agregaria que específicamente compartamos conocimiento y experiencia. Pero mas allá se eso aprovecho para decir a todo el mundo Feliz Día Del Amigo! Enviado desde mi MoraNegra® (BlackBerry en inglés) de Claro Argentina -Original Message- From: Jose María Jareño García construyetunegocioeninter...@gmail.com Sender: ovillo-boun...@lists.ovillo.org Date: Fri, 20 Jul 2012 20:45:36 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] La web móvil Bueno, yo quiero decir algo al respecto de ofrecer cursos. Lo primero que no deseo ofender ni a los que seáis seguidores o estéis de acuerdo con esto, ni tampoco a los que os opongáis a realizar esta labor en esta lista OVILLO. Ahora, sí quiero expresar que hombre... amigo listero... ya que estamos en disposición de usar una red de contactos tan amplia, gratis y altruistamente, pues no estaría mal que por lo menos lo que se nos ofrezca sea verdaderamente especial. Esta red de contactos no es comercial, esto lo sabemos, pero a veces... ya sabes... si lo pongo así suavito Aer... Si vas a meter un asunto comercial, hazlo (salvo que los moderadores digan lo contrario, que no quiero incurrir en contracorrientes) pero hazlo y calza ahí una súúúper oferta *EXCLUSIVA*, sólo para nosotros, de modo que nos beneficiemos como es de Dios, que somos muchos... ¡amigo! ¿No lo crees correcto? Bueno... Probablemente esto no vaya a ninguna parte y cualquiera de nosotros volverá a publicitar sin más y sin brindar más que un raquítico gancho informativo sin sustancia nutritiva ninguna. ¡Ay qué hambre de PC! En fin... Que hoy es Viernes y que esto es una opinión cualquiera más. Que tengas un buen fin de semana... Saludiitos ovilleros. El 20 de julio de 2012 13:59, Gicela Morales gicela.mora...@gmail.comescribió: Hola a tod@s, Si tienes en mente empezar a diseñar para dispositivos móviles. El W3Campus ésta ofreciendo un nuevo curso de 6 semanas sobre Las Buenas Prácticas en Web Móvil, que inicia el próximo 3 de Septiembre. Con un descuento bastanta bueno! http://www.w3devcampus.com/buenas-practicas-en-web-movil/ El curso esta bastante completo, y como tutora de éste, te lo recomiendo mucho. Saludos, Gicela -- Gicela Morales www.gicelamorales.com twitter: @gicela ___ 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
[Ovillo] Publicación
Ahora tengo el agrado de enseñarles como hacer una buena plantilla de mail
corporativa. Muchas veces hemos recibido publicidad vía mail, algún newslétter,
etc... Pero la verdad es que nadie nos enseñó como hacerlas. Existen empresas
que se dedican a la publicidad viral por mail, campañas de mailing list y
podemos seguir con ejemplos. Son obviamente pagos. Pero como hacerlo a eso
nosotros, aprender y evitar una erogación cuantiosa? Pues bien, aquí están los
pasos.
1. Utilizarás tu editor web preferido, el que quieras. Yo uso DreamWeaver,
Sublime Text, o Notepa d++. Debemos olvidarnos del diseño web actual y su
filosofía. Quiero decir que tenemos que hacerlo a la antigua, usando tablas
para maquetar y diseñar. Me refiero al uso de las famosas etiquetas table y
/table.
2. Jamás usemos etiquetas elaboradas como div, las HTML5, o selectores CSS3
y otras. Solo nos manejaremos con las básicas y simples. Tablas, párrafos,
encabezados de titulares, links, imágenes y listo. Me refiero a table, p,
h1...hasta el h6, a y img. Es recomendable de mi parte usar DremWeaver
o uno equivalente, ya que mientras vas creando las tablas vas viendo el diseño
como va quedando. Coda es un buen ejemplo.
3. Es muy importante lo anterior ya que un solo div nos arruinara todo.
Podemos usar CSS para dar estilo, diseñar y dar forma a nuestro proyecto. Hay
personas que directamente, a cada párrafo o titular le dan formato de manera
individual. O sea, esto es un ejemplo: p align=“right“, style=“color:#ffdd22,
padding: 1em“Texto de párrafo/p. Yo no estoy de acuerdo! Esto es
desordenado, demasiado personalizado y tira por la borda todo lo que nos
indican los actuales principios de separar la estructura, diseño y del
contenido. Lo que haremos es incluir lo siguiente entre las etiquetas head y
/head:
style
Body
{
Background: #cc
Font-family: verdana, tahoma, serif
...y etc con todas etiquetas necesarias para dar un buen diseño.
}
/style
Usaremos los selectores tanto de clases como de 'Id' que hagan falta. En lo
personal recomiendo muchas mas clases que de Id, ya que podemos usar.,
reutilizar las clases, y anidarlas. Incluso usar mas de una en una etiqueta.
Los Id's prefiero que sean pocos y sguiendo la modalidad de una web común: ó
sea, Header, Content, sidebar, footer, o la denominación mas cómoda parar uds.
Recomiendo mucho usar nombres que coincidan con las nuevas etiquetas de HTML5.
Así nos vamos acostumbrando, y a pensar en función de las nuevas tecnologías.
Otra cosa, si siguen estos consejos cualquiera que modifique la plantilla podrá
entenderlo fácilmente. son reglas de buena estructuración y documentación de
código. Incluso se pueden agregar comentarios!!! Es genial y recomendable.
4. Suponiendo que ya tienes todo, ahora faltan las fotos. Ya tiene que estar
editadas y 'arregladas'. Lo importante es que jamás deben mandarse adjuntas.
Siempre tienen que estar cargadas en el servidor de tu sitio web. Lo que
figurara en el código html de la plantilla es solo la dirección URL hacia la
foto. O sea, img
href=http://www.tusitio.com/wp-content/upload/tuplantilla-mail/header.jpg; es
solo un ejemplo. Pero como estamos desarrollando y trabajando en local, las
imágenes las guardaremos, seguramente, en la carpeta de imágenes o en la misma
de la plantilla. Seamos prolijos, sigamos las pautas de buenas formas de
acomodar y organizar las cosas.
5. En las imágenes podemos incluir zonas activas o mapas para insertar enlaces.
Una vez hecho el diseño debemos incorporar la famosa frase al comienzo: si no
puede ver este mail haga clic aquí. Antes de colocar el enlace a algo que
todavía no subimos, tenemos que asegurarnos de la dirección física de URL que
le vamos a dar y el lugar o carpeta en nuestro webhosting. Aclaro esto porque a
veces nuestro servidor web te rechaza ciertos lugares o carpetas. Por mas que
físicamente, alojes la plantilla con las imágenes creada a tal efecto, te da el
mensaje de error 404 de página no encontrada. En el caso de WordPress suele
darte estos mensajes de error. La solución sera alojarla en la famosa carpeta
/wp-content/upload. La recomendación para acomodar todo con correcto criterio
organizativo, seria crear una carpeta con un nombre indicativo del proyecto
anteponiendole un numero de orden, sin espacios en blanco y que sea corto. No
mas de 20 caracteres. Unos ejemplos:
www.elotrositio.com.ar/wp-content/uploads/01-mail-VB
www.elotrositio.com.ar/wp-content/upload/02-mail-PCLan.
Ahora hay que seguir lo mismo con los archivos de nuestra plantilla. Numerarlos
y nombrarlos correctamente cómos los ejemplos anteriores.
6. Vamos a subir las cosas a nuestro hosting o el determinado hosting de tu
cliente. Tenemos que asegurarnos que tenemos todas las cosas listas, ok? Para
seguir una pauta organizada y secuenciada haremos lo siguente: una vez creada
la carpeta en el hosting subimos primero las imágenes.
7. Luego tomamos nuestra plantilla que
Re: [Ovillo] Esta viva esta lista !!!
Por supuesto campeón!! Pregunte pregunteaca somos unos ganadores!! ajajaj Saludos On 28/02/12 19:04, ReynierPM wrote: Esta lista esta viva? Puedo seguir enviando dudas de CSS aca? 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
