Re: [Ovillo] Maquetación inicial con Web Responsive Design
- 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
Re: [Ovillo] La web móvil
- Original Message - From: Latrasweb latras...@gmail.com To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Saturday, July 21, 2012 12:01 AM Subject: Re: [Ovillo] La web móvil Eres mi idolo, programabas cuando solo habia supercomputadoras nada más!!!. Ya q los ordenadores personales no se comercializaron hasta los años 80!!. Me tienes que firmar un autografo!!! El 21/07/2012 00:26, Leonardo Azpurua leonardoazpu...@cantv.net escribió: --- Hola, No eran superodenadores. En 1969, IBM introdujo la linea S/3 (System 3), que permitió la entrada de los ordenadores en empresas pequeñas y medianas. Los cursos de formación los hice en un centro donde había una vieja 360. Y todas las empresas en la que trabajé tenían S/3. El S/3 evolucionó hacia los sistemas 32 y 34, que posteriormente fueron reemplazados por el AS/400, que creo que se sigue usando hoy en día. No es lo mismo un superordenador que un trasto grande y anticuado cuya velocidad se medía en miles de instrucciones por segundo con una capacidad de memoria de 8KB. Los primeros modelos de IBM/PC salieron al mercado en 1981. El boom de las computadoras personales comenzó con la salida al mercado de las Apple II en 1977 (el mismo año en el que salieron a la venta las primeras Radioshack TRS-80 y Commodores). Trabajé con mini-computadoras (no micros, ni mainframes, que tampoco califican como supercomputadoras) desde 1972 hasta 1975. Luego estuve dedicado a otra cosa hasta 1982, cuando un amigo me prestó una Radioshack TRS-80 Color Basic (se conectaba a un televisor y los programas y datos se almacenaban en cassettes de audio). Y desde entonces, despues de un corto período durante el cual trabajé como vendedor en una tienda Apple y como instructor en varias academias, me gano la vida escribiendo programas. No he logrado hacerme rico, y ya las fuerzas van menguando (si se puede hacer una advertencia a los más jóvenes, sepan que el cerebro sí envejece, y que la experiencia nunca reemplaza a la creatividad). Y sí. En noviembre de este año se cumplen 40 años desde la primera vez que escribí una línea de código a cambio de dinero, para bien o para mal. Salud! ___ 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
- Original Message - From: Latrasweb latras...@gmail.com To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Saturday, July 21, 2012 7:28 AM Subject: Re: [Ovillo] La web móvil Vaya por escribir desde el movil se me mando sin querer el mail anterior antes de tiempo. Si placido programo hace cerca de 40 años. Tuvo q ser con grandes ordenadores, en grandes empresas o universidades americanas. Si es asi, deberiamos de estar profundamente admirados por el todos los de la lista. Hace 40 años era 1972. Para 1972 practicamente todos los bancos, cadenas de supermercados, empresas industriales pequeñas, oficinas contables medianas o grandes, centros de educación superior, empresas constructoras y oficinas de gobierno, tenían algún tipo de computadora. IBM y NCR transmitían comerciales por televisión. La situación que describes corresponde más a finales de los '50 que a la de hace comienzos de los '70. Y la antigüedad por sí sola no debería generar ninguna clase de admiración. Recientemente me he encontrado un par de veces con un colega de aquellos años, ya retirado: era un pelmazo en esa época y sigue siendo un pelmazo ahora. Salud! ___ 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
- Original Message - From: Tereso Ramos tram...@gmail.com To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Friday, July 20, 2012 4:30 PM Subject: Re: [Ovillo] La web móvil Estot de acuerdo con Jose María, al menos que se ofrezca una promoción exclusiva para los listeros. - Hola, ¿Por qué habría que ofrecer una promoción exclusiva a los listeros? ¿Cómo se puede verficiar que un listero sea efectivamente un listero? Me suscribí a Ovillo porque aparece listada como un recurso en español acerca de CSS en la documentación de Mozilla sobre el tema. Con semejante referencia, cabría esperar que resultara ser un recurso valioso y serio. Y en efecto, algo he aprendido de los aportes de algunos compañeros. Todavía no aporto nada porque a pesar de llevar casi cuarenta años programando computadoras (desde los tiempos de Cobol, RPG-II y PL/1, pasando por Pascal, C y varios dialectos de BASIC, y terminando con Java antes de adoptar PHP/JavaScript) estoy totalmente nuevo en todo esto del desarrollo Web, y hasta ahora no he encontrado ni una sola pregunta a la que pudiera responder de manera razonable que no hubiera sido respondida antes, casi siempre mejor de lo que yo mismo habría podido hacerlo. Pero el ruido (observaciones personales, publicidad) se viene haciendo relativamente molesto últimamente. Si alguien quiere hacer un curso, que lo busque en Google, o en Ask!, o en Duck Duck Go, y listo. Estoy suscrito a lo que parece ser una lista seria para la discusión de temas relacionados con CSS (incluyendo su alteración en el navegador del cliente mediante el uso local de ECMA Script o lo que fuere), no a una red social (de las que estoy hasta la coronilla) o a una distribución de spam (ese llega sin suscripción). Un anuncio de solicitud de materiales para un evento institucional de caracter internacional (a pesar de que sus adminsitradores parecen estar en España, los participantes estamos regados por todo el mundo) sobre CSS es aceptable. Pero la publicidad de cursos o los anuncios de eventos locales están totalmente fuera de lugar. Sólo una opinión... Salud! ___ 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] encadenamiento de classes
Creo que depende del objetivo del sitio.
Si es una página promocional, o de presencia corporativa, dudo mucho que tus
clientes te permitan hacerlo. Si es una aplicación compleja, puedes
informarle a tus usuarios que existen restricciones con respecto a los
navegadores soportados.
A mi, por ejemplo, no me da la gana de lidiar con las incompatiblidades
entre los navegadores: cuando encuentro una solución, verifico que sea
compatible con los estándares de HTML, CSS o DOM (el que aplique) de W3C. Si
lo es, pruebo con los navegadores que me van quedando. De momento, voy
resultando compatible con FF, Opera, Chrome, Safari y con todos los
navegadores de Android que he probado. IE se cayó por la borda casi al
comienzo del proyecto.
Pero lo que estoy haciendo es trabajando en una interfaz web para una
especie de ERP que vengo mercadeando desde hace veinte años, o sea que tengo
un mercado cautivo, y los clientes que quieran usarla deberán instalarse un
navegador adapatado a los estándares.
Las pocas veces que he debido usar equipos públicos (en centros de
comunicaciones, aeropuertos u hoteles) todos han tenido instalado al menos
un navegador además de IE (salvo, por supuesto, los que no tenían IE en
absoluto).
Salud!
- Original Message -
From: Jose María Jareño García construyetunegocioeninter...@gmail.com
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, June 13, 2012 10:36 AM
Subject: Re: [Ovillo] encadenamiento de classes
Hola.
Seguro que esto es tan absurdo como la propia cuestión de incompatibilidad
que arrastra el estimado IE6, pero... ¿Qué tal si cada vez que IE6
interviene, apareciera un chorrada con el porte de la que sigue? ¿Dejaría
de existir el bendito IE6?
(decorado dentro de un buen recuadrito y todo eso)
USTED NO PUEDE ACCEDER A LOS CONTENIDOS DE ESTA PÁGINA
DEBIDO A QUE LA VERSION QUE UTILIZA EN SU NAVEGADOR
NO ES COMPATIBLE CON ESTE SITIO
LE PEDIMOS DISCULPAS POR LAS MOLESTIAS
QUE HAYAMOS PODIDO OCASIONARLE
*AGRADECEMOS PLENAMENTE SU CONFIANZA*
NO NOS RESULTA GRATO TENER QUE COMUNICARLE QUE NOSOTROS
NO TRABAJAMOS PARA MEJORAR LOS NAVEGADORES, SINO PARA
QUE USTED ACCEDA A LOS CONTENIDOS DE NUESTRO SITIO
BAJO ADECUADOS CRITERIOS DE SEGURIDAD Y DE BUEN DISEÑO
NECESITAMOS UNA MÍNIMA COLABORACIÓN POR SU PARTE
IMPRESCINDIBLE PARA EL BIEN DE TODA LA COMUNIDAD
*POR FAVOR, LE ROGAMOS ACTUALICE SU NAVEGADOR Y VUELVA A VISITARNOS*
Lastima que el cliente que paga por su web no tenga compromiso directo con
la usabilidad, sino... otro gallo cantaría en el corral y el IE6... ¡Ala!
¡Con los gorrinos! Y seguro que además salta alguno por ahí diciendo ES QUE
MI EQUIPO SOLO FUNCIONA CON IE6!!
En fin. Que hoy tengo un día alegre... ¡No me hagáis mucho caso!
Gracias Martin por compartir tus hallazgos.
El 12 de junio de 2012 15:00, Martin Etxauri t...@eragin.com escribió:
Hola a todos
Esta vez no escribo para preguntar nada si no para poner algo que acabo de
estar buscando, no encontrando muy fácilmente, y que por fin resulta que
funciona.
y como me ha gustado bastante lo comparto por aquí. Seguro que muchos ya
lo conocéis pero espero que a otros os ayude :)
El asunto es el encadenamiento de classes de modo que:
si tienes esto:
p class=claseAtexto/p
p class=claseBtexto/p
p class=claseA claseBtexto/p
puedes poner:
.claseA { color:red; }
.claseB { color:blue; }
.claseA.claseB { color:black; }
y funciona, de modo que en el primer párrafo el texto será rojo, en el
segundo azul y en el tercero negro.
el IE6 no lo soporta pero a estas alturas a mi plín ;)
saludos a todos
Martin
___
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] Layout a 3 columnas
Hola, Mira los ejemplos en esta página: http://www.cssplay.co.uk/layouts/three-column-layouts.html Debe haber uin montón más, pero estos se parecen mucho a lo que describes. Salud! - Original Message - From: Marina Gallardo marinagalla...@gmail.com To: Ovillo, la lista de CSS en castellano Ovillo@lists.ovillo.org Sent: Monday, June 04, 2012 4:26 AM Subject: [Ovillo] Layout a 3 columnas Buenas a todos, Tengo un cliente que me pide tener dos columnas tipo sidebar a la izquierda y la otra a la derecha con un ancho fijo en píxeles, y que el div del centro sea flexible y se amplie si la ventana está más o menos grande. ¿Tenéis idea de cómo se podría hacer esto? He probado algunas cosas pero no ha habido suerte. Muchas 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 ___ 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
