Re: [Ovillo] Detectar si los estilos están activados o desactivados
Corrección: el caso 2 es, obviamente, "Sí CSS, no JS". Saludín, Ramó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
[Ovillo] Detectar si los estilos están activados o desactivados
Hola, buenas. Hablando con un compañero hoy por la mañana, nos preguntábamos si es realmente posible detectar que un usuario tiene los estilos desactivados. Por lo que he entendido, al desactivar los estilos en realidad "no pasa nada" a nivel de scripts, es decir, si aplicamos una propiedad de estilo con JS y testeamos su valor, nos devolverá la propiedad aplicada, aunque el navegador no la muestre aplicada. El caso concreto que quiero resolver es el siguiente, a ver si se os ocurre cómo hacerlo: Una página tiene los típicos botones de ampliar/reducir texto y para cambiar el contraste. Voy a suponer que sin scripts los botones actúan recargando la página y guardando los nuevos ajustes mediante cookies que definen qué estilos se cargan (lo sé, no es elegante, pero al menos funciona). El caso es que, si el usuario ha deshabilitado los estilos, estos botones no tienen ningún sentido, puesto que los estilos de fuentes grandes o de alto contraste tampoco se aplicarán. Así, si el usuario tiene los estilos desactivados, preferiría no mostrar siquiera los botones (cargármelos del DOM con JS). Así que... 1. Sí CSS - Sí JS: aparecen los botones, JS modifica dinámicamente los estilos y de paso guardo las preferencias para futuras páginas. 2. Sí CSS - Sí JS: aparecen los botones, y como no tengo JS recargo la página con los nuevos ajustes, que se guardan mediante una cookie escrita por un lenguaje de servidor 3. No CSS - Sí JS: si consigo detectar con JS que los estilos no están disponibles, me cepillo los botones para que no estorben, ya que no tendrán efecto... ¿O hago la cutrez de meter ? x (es bromaaa) 4. No CSS - No JS: los botones los he tenido que meter hard-coded (para que pueda funcionar el caso 2), así que me aguanto y le muestro al usuario unos botones que no sirven para nada. Bueno, que no lo hubiera desactivado todo, ¡será troglodita! xD En fin, la pregunta es: ¿cómo resolver el caso 3? Y ya para nota, si a alguien se le ocurre cómo resolver también el caso 4, le doy un premio por salvar al troglodita Ryan. Saludín, Ramó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
Re: [Ovillo] OT: simuladores de moviles
Una buena forma de testearlos (no al 100%) pero si las dimensiones y redimensiones para los dispositivos con webkit como iOS y Android es abrir la página con Safari, Chrome o algún otro que tire de webkit y poner la ventana en la misma resolución de los dispositivos que quieras probar. El día 15 de diciembre de 2011 18:49, Victor Hugo Arias Valencia escribió: > Otro framework para móviles, por si acaso http://www.lungojs.com/ > > 2011/12/15 Pedro Sanz > >> muchas gracias a todos por las respuestas y por vuestro interés... >> el único problema es que ahora tengo que invertir un buen rato para >> empaparme de estas cosas, porque lo a futuro va a ser algo que tengamos que >> hacer de oficio. >> Lo dicho, gracias a todos/as... >> -- >> Pedro Mª Sanz >> 620 23 59 58 >> pedroms...@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 >> > > > > -- > Docente tutor - Soporte > Conocimiento Virtual Academia > www.ConocimientoVirtual.edu.co > www.PixelTelevision.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 -- http://www.linkedin.com/in/josegalisteo http://jose.gr ___ 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] Asignar estilos con jQuery
Hola a todos, El slider funciona con mootools, ya que si elimino a ruta de /jquery/jquery.js sigue funcionando. Ese slider un plugin de Joomla que no instalé yo, así que esta me parece la forma más sencilla de comprobarlo. He probado también a cambiar el código y poner $('div.cabecera div.menuTop ul.menu') pero no hay diferencia. Intentaré asignar el ID a los respectivos menus de "cabecera" y "pie" a ver si así funciona. Incluso añadí una nueva línea de código por si el problema estaba en no incluir la libreria de jquery.ui.core.js, pero no hay manera. De todas maneras, fijaos que he puesto unos alert() que no funcionan al hacer el hover ¿parece indicar que el fallo está en el hover?. Saludos, -- Jairo Ochoa El 15 de diciembre de 2011 17:25, zegol gol escribió: > Hola Jairo, > > Necesito tu afirmación sobre mi pregunta anterior, o sea saber si el > efecto de TRANSICION del link que pegaste está hecho con Jquery. Sólo > con tu respuesta, sabría si funciona o no el Jquery. > > Cuando puedas. > > Saludos. > > Zegol from Spain. > > El día 15 de diciembre de 2011 16:30, zegol gol > escribió: > > Hola Jairo, > > Estoy verificando el problema, a ver si tenemos suerte pero, dime una > cosa : > > > > El efecto de TRANSICION que veo en esa página, ¿lo tienes hecho en > > Jquery ? Eso aseguraría que Jquery funciona perfectamente. > > > > No vemos dentro de un rato. > > > > Zegol from Spain. > > > > El día 15 de diciembre de 2011 16:01, inesansebastian > > escribió: > >> Hola Jairo, > >> Yo creo que debería especificarse así: > >> $('div.cabecera div.menuTop ul.menu'), > >> y podría no estar funcionando porque no está bien especificado. > >> > >> El 2011 abe 15, a las 15:40, Tei escribió: > >> > >>> Pues va a ser... culpa de John Resig. > >>> > >>> Creo que ya he encontrado el problema. Y no es un fallo tuyo. > >>> > >>> A mi $('div.cabecera ul.menu') me devuelve null. No me parece una > >>> especificacion de elemento mal formada, asi que yo digo que es un bug > >>> de Jquery. Puedes probar a darle un id a la cosa que quieres mostrar > >>> o ocultar, lo cual sera ademas mas rapido. $('#menu').fadeIn(... > >>> > >>> > >>> On 15/12/2011, Jairo Ochoa wrote: > Gracias por la ayuda. > Esta es la página http://www.disegna.es/web/es/slider-portada > Veréis que el código es algo más extenso que el que pegué yo en el > mensaje. > Las zonas activas son el logo de cabecera y el slider. > > Saludos > > -- > > Jairo Ochoa > > > > > El 15 de diciembre de 2011 15:10, zegol gol > escribió: > > > Hola Jairo, > > > > Si no te importa, para que la cosa sea más fácil, me gustaría tener > tu > > código html, así buscamos el problema. Es que con la programación, > hay > > que tener mucho cuidado. Como dice un compañero, igual tienes algo > mal > > en tu HTML. > > > > Te lo pido para comprobar muchas cosas, entre otras, el orden en que > > llamas tus archivos. > > No quites nada del código, o sea desde la versión de tu html hasta el > > footer o cierre de body, depende como lo tienes. > > > > Saludos. > > > > Zegol from Spain. > > > > El 15/12/11, Jairo Ochoa escribió: > >> Hola Tei, > >> > >> El objeto es visible, es un enlace que dentro tiene un logo y > funciona > > bien > >> como enlace. > >> > >> También uso un código similar para un div que contiene un slider y > con > > ese > >> div, que es visible, tampoco funciona. > >> > >> ¿Puede ser problema del jQuery? ¿Necesita alguna librería extra? > >> > >> Saludos, > >> -- > >> > >> Jairo Ochoa > >> > >> > >> > >> El 15 de diciembre de 2011 01:06, Tei > escribió: > >> > >>> Asi a volepronto, sin mirar tu codigo en funcionamiento. > >>> > >>> Antes de mirar nada lo primero que yo miraria es si el objeto que > >>> quieres que genere el hover es visible cuando pasas el raton. A lo > >>> mejor si es invisible el navegador decide que no puede ser > receptor de > >>> ningun onhover. > >>> > >>> 2011/12/14 Jairo Ochoa : > Hola Zegol, > > Alguno de los cambios que comentas ya los había probado y así es > como > >>> está > ahora > > $(document).ready(function(){ > > $('a.logo').hover( > function () { > $('div.cabecera ul.menu').fadeIn('slow'); > $('div.imagen').addClass('visible'); > } > ); > > }); > > > ... pero aun así no funciona. > > Me di cuenta de que sobraba la coma después de la llave y probé > > también > a > meter todo dentro de $(document)... > > Se me escapa algo más? > > Gracias > > -- > > Jairo Ochoa > > >>
Re: [Ovillo] OT: simuladores de moviles
Otro framework para móviles, por si acaso http://www.lungojs.com/ 2011/12/15 Pedro Sanz > muchas gracias a todos por las respuestas y por vuestro interés... > el único problema es que ahora tengo que invertir un buen rato para > empaparme de estas cosas, porque lo a futuro va a ser algo que tengamos que > hacer de oficio. > Lo dicho, gracias a todos/as... > -- > Pedro Mª Sanz > 620 23 59 58 > pedroms...@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 > -- Docente tutor - Soporte Conocimiento Virtual Academia www.ConocimientoVirtual.edu.co www.PixelTelevision.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: simuladores de moviles
muchas gracias a todos por las respuestas y por vuestro interés... el único problema es que ahora tengo que invertir un buen rato para empaparme de estas cosas, porque lo a futuro va a ser algo que tengamos que hacer de oficio. Lo dicho, gracias a todos/as... -- Pedro Mª Sanz 620 23 59 58 pedroms...@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
Re: [Ovillo] OT: simuladores de moviles
Hola, Comparto este sitio, hay que tener paciencia con la carga pero es una opción desarrollada por google. http://www.howtogomo.com/en/#gomo-meter Saludos. Jorge G. El 15 de diciembre de 2011 11:02, Tei escribió: > Quizas otra opcion es utilizar un framework de aplicaciones de movil como > este: > > http://jquerymobile.com > > El soporte es el siguiente: > Apple iOS 3.2-5.0 - Tested on the original iPad (4.3 / 5.0), iPad 2 > (4.3), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), and 4 (4.3 / > 5.0) > Android 2.1-2.3 – Tested on the HTC Incredible (2.2), original Droid > (2.2), Nook Color (2.2), HTC Aria (2.1), Google Nexus S (2.3). > Functional on 1.5 & 1.6 but performance may be sluggish, tested on > Google G1 (1.5) > Android Honeycomb- Tested on the Samsung Galaxy Tab 10.1 and Motorola XOOM > Windows Phone 7-7.5 – Tested on the HTC Surround (7.0) HTC Trophy > (7.5), and LG-E900 (7.5) > Blackberry 6.0 – Tested on the Torch 9800 and Style 9670 > Blackberry 7 – Tested on BlackBerry® Torch 9810 > Blackberry Playbook – Tested on PlayBook version 1.0.1 / 1.0.5 > Palm WebOS (1.4-2.0) – Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 > (2.0) > Palm WebOS 3.0 – Tested on HP TouchPad > Firebox Mobile (Beta) – Tested on Android 2.2 > Opera Mobile 11.0: Tested on Android 2.2 > Meego 1.2 – Tested on Nokia 950 and N9 > Kindle 3 and Fire: Tested on the built-in WebKit browser for each > Chrome Desktop 11-15 - Tested on OS X 10.6.7 and Windows 7 > Firefox Desktop 4-8 – Tested on OS X 10.6.7 and Windows 7 > Internet Explorer 7-9 – Tested on Windows XP, Vista and 7 (minor CSS > issues) > Opera Desktop 10-11 - Tested on OS X 10.6.7 and Windows 7 > Blackberry 5.0: Tested on the Storm 2 9550, Bold 9770 > Opera Mini (5.0-6.0) - Tested on iOS 3.2/4.3 > Nokia Symbian^3 - Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also > works on N97 (Symbian^1) > Blackberry 4.x - Tested on the Curve 8330 > Windows Mobile - Tested on the HTC Leo (WInMo 5.2) > > Los moviles son mas terreno de Apps que de webs. Y con este framework > haces una app web (en html estandar, pero enriquecido con la > plataforma). Yo aun no he hecho nada con el mismo, pero sospecho que > puede ser una baza interesante. > > Y no creo que venga al caso. No seria la opcion perfecta para una > felicitacion navideña :D > > 2011/12/15 Jose Maria Ruiz de Arbulo : > > Yo diría que (si queremos trabajar para todo tipo de móviles) es al 80 % > un > > tema de CSS. > > Algo he podido hace recientemente, y con geolocalización, que es más > > complicado/limitado. > > En http://www.digitaleando.com/mi_web_movil.php tienes unos cuantos > > consejos. > > Casi todas las páginas del dominio tienen sus páginas paralelas para web > > móvil. > > - Sí hojas de estilos paralela; > > - Redimensiona imágenes a porcentaje (no a píxel) Podrás utilizar la > > mismas. Pero cuida su peso. > > - Recuerda que imágenes en Background no se redimensionan: así que > > trabájalas en página y juega con z-index > > (Y tienes algunas recomendaciones más, incluidas tipografías) > > Respecto a los emuladores, hay muchos. Yo suelo practicar con > > http://iphone4simulator.com/ Claro, para iPhone. > > Saludos: > > > > El 15 de diciembre de 2011 12:33, Carlos Palenciano < > > carlos.palenci...@pulpolab.com> escribió: > > > >> Hola Pedro; > >> > >> A ver si esto te sirve: http://www.mobilexweb.com/emulators > >> > >> Un saludo. > >> > >> > >> On 15/12/2011, at 12:14, Rafa Ferrero wrote: > >> > >> > Hola Pedro: > >> > > >> > Tampoco es que esté muy puesto en esto de los diseños para > dispositivos > >> > móviles porque es algo relativamente nuevo... lo poco que conozco y > que > >> te > >> > puede ayudar sería Dreamweaver CS5.5... la última versión de Adobe... > que > >> > ya viene preparado para que puedas visualizar los diseños en distintos > >> > dispositivos: móviles, tablets, etc... > >> > > >> > Espero haberte sido de ayuda... > >> > > >> > El 15 de diciembre de 2011 10:52, Pedro Sanz >> >escribió: > >> > > >> >> hola: > >> >> ya se que no es una pregunta CSS strict, pero si colateral. > >> >> había preparado un bonito mail navideño para un cliente, con su pag > html > >> >> por si tiene problemas en el mail... y ahora me dice: y eso se verá > >> bien en > >> >> el teléfono móvil. > >> >> la verdad es que no tengo mucha idea de eso, y claro lo primero sería > >> >> buscar algún emulador (he probado en google, pero con no muy buneos > >> >> resultados=. > >> >> Así que recurro aquí para dos cosas: > >> >> > >> >> 1. Conocesi algun emulador que me permita probar la pag en distintos > >> >> móviles y sobre todo el mail? > >> >> 2. entrando en el css, ¿tendría que hacer una hoja de estilos > exclusiva > >> >> para el móviles?tengo una imagen de 800px por 500, ¿tendría que > hacerlo > >> >> más > >> >> pequeña o lo teléfonos los redimensiona? > >> >> > >> >> Bueno, agradecería cualquier ayuda y/o enlace sobre el tema. > >> >> Saludos a todos. > >> >> Pedro > >> >> > >> >> ---
Re: [Ovillo] Asignar estilos con jQuery
Hola Jairo, Necesito tu afirmación sobre mi pregunta anterior, o sea saber si el efecto de TRANSICION del link que pegaste está hecho con Jquery. Sólo con tu respuesta, sabría si funciona o no el Jquery. Cuando puedas. Saludos. Zegol from Spain. El día 15 de diciembre de 2011 16:30, zegol gol escribió: > Hola Jairo, > Estoy verificando el problema, a ver si tenemos suerte pero, dime una cosa : > > El efecto de TRANSICION que veo en esa página, ¿lo tienes hecho en > Jquery ? Eso aseguraría que Jquery funciona perfectamente. > > No vemos dentro de un rato. > > Zegol from Spain. > > El día 15 de diciembre de 2011 16:01, inesansebastian > escribió: >> Hola Jairo, >> Yo creo que debería especificarse así: >> $('div.cabecera div.menuTop ul.menu'), >> y podría no estar funcionando porque no está bien especificado. >> >> El 2011 abe 15, a las 15:40, Tei escribió: >> >>> Pues va a ser... culpa de John Resig. >>> >>> Creo que ya he encontrado el problema. Y no es un fallo tuyo. >>> >>> A mi $('div.cabecera ul.menu') me devuelve null. No me parece una >>> especificacion de elemento mal formada, asi que yo digo que es un bug >>> de Jquery. Puedes probar a darle un id a la cosa que quieres mostrar >>> o ocultar, lo cual sera ademas mas rapido. $('#menu').fadeIn(... >>> >>> >>> On 15/12/2011, Jairo Ochoa wrote: Gracias por la ayuda. Esta es la página http://www.disegna.es/web/es/slider-portada Veréis que el código es algo más extenso que el que pegué yo en el mensaje. Las zonas activas son el logo de cabecera y el slider. Saludos -- Jairo Ochoa El 15 de diciembre de 2011 15:10, zegol gol escribió: > Hola Jairo, > > Si no te importa, para que la cosa sea más fácil, me gustaría tener tu > código html, así buscamos el problema. Es que con la programación, hay > que tener mucho cuidado. Como dice un compañero, igual tienes algo mal > en tu HTML. > > Te lo pido para comprobar muchas cosas, entre otras, el orden en que > llamas tus archivos. > No quites nada del código, o sea desde la versión de tu html hasta el > footer o cierre de body, depende como lo tienes. > > Saludos. > > Zegol from Spain. > > El 15/12/11, Jairo Ochoa escribió: >> Hola Tei, >> >> El objeto es visible, es un enlace que dentro tiene un logo y funciona > bien >> como enlace. >> >> También uso un código similar para un div que contiene un slider y con > ese >> div, que es visible, tampoco funciona. >> >> ¿Puede ser problema del jQuery? ¿Necesita alguna librería extra? >> >> Saludos, >> -- >> >> Jairo Ochoa >> >> >> >> El 15 de diciembre de 2011 01:06, Tei escribió: >> >>> Asi a volepronto, sin mirar tu codigo en funcionamiento. >>> >>> Antes de mirar nada lo primero que yo miraria es si el objeto que >>> quieres que genere el hover es visible cuando pasas el raton. A lo >>> mejor si es invisible el navegador decide que no puede ser receptor de >>> ningun onhover. >>> >>> 2011/12/14 Jairo Ochoa : Hola Zegol, Alguno de los cambios que comentas ya los había probado y así es como >>> está ahora $(document).ready(function(){ $('a.logo').hover( function () { $('div.cabecera ul.menu').fadeIn('slow'); $('div.imagen').addClass('visible'); } ); }); ... pero aun así no funciona. Me di cuenta de que sobraba la coma después de la llave y probé > también a meter todo dentro de $(document)... Se me escapa algo más? Gracias -- Jairo Ochoa El 14 de diciembre de 2011 23:44, zegol gol > escribió: > Hola y muy bien por pedir ayuda en este web. > > Prueba con lo siguiente : > > > > $(document).ready(function() { > > $('.logo').hover( > function () { > $('.cabecera ul.menu').fadeIn('slow'); > $('div.imagen').addClass('visible'); > }); > > }); > > > Copia el código entero entre los TAGS de JavaScript que ya tienes. > No > hagas cambios y coméntame qué tal ha ido. Si te funciona y si lees > bien mi código, verás tus posibles errores (He encontrado creo que 2 > ou 3). Si te funciona, pero que no entiendes el código, vuelve por > aquí y lo comentaremos entre todos. > > > Espero que te haya sido de utilidad. > > Suerte. > > Zegol from Spain. > > El día 14 de dic
Re: [Ovillo] OT: simuladores de moviles
Quizas otra opcion es utilizar un framework de aplicaciones de movil como este: http://jquerymobile.com El soporte es el siguiente: Apple iOS 3.2-5.0 - Tested on the original iPad (4.3 / 5.0), iPad 2 (4.3), original iPhone (3.1), iPhone 3 (3.2), 3GS (4.3), and 4 (4.3 / 5.0) Android 2.1-2.3 – Tested on the HTC Incredible (2.2), original Droid (2.2), Nook Color (2.2), HTC Aria (2.1), Google Nexus S (2.3). Functional on 1.5 & 1.6 but performance may be sluggish, tested on Google G1 (1.5) Android Honeycomb- Tested on the Samsung Galaxy Tab 10.1 and Motorola XOOM Windows Phone 7-7.5 – Tested on the HTC Surround (7.0) HTC Trophy (7.5), and LG-E900 (7.5) Blackberry 6.0 – Tested on the Torch 9800 and Style 9670 Blackberry 7 – Tested on BlackBerry® Torch 9810 Blackberry Playbook – Tested on PlayBook version 1.0.1 / 1.0.5 Palm WebOS (1.4-2.0) – Tested on the Palm Pixi (1.4), Pre (1.4), Pre 2 (2.0) Palm WebOS 3.0 – Tested on HP TouchPad Firebox Mobile (Beta) – Tested on Android 2.2 Opera Mobile 11.0: Tested on Android 2.2 Meego 1.2 – Tested on Nokia 950 and N9 Kindle 3 and Fire: Tested on the built-in WebKit browser for each Chrome Desktop 11-15 - Tested on OS X 10.6.7 and Windows 7 Firefox Desktop 4-8 – Tested on OS X 10.6.7 and Windows 7 Internet Explorer 7-9 – Tested on Windows XP, Vista and 7 (minor CSS issues) Opera Desktop 10-11 - Tested on OS X 10.6.7 and Windows 7 Blackberry 5.0: Tested on the Storm 2 9550, Bold 9770 Opera Mini (5.0-6.0) - Tested on iOS 3.2/4.3 Nokia Symbian^3 - Tested on Nokia N8 (Symbian^3), C7 (Symbian^3), also works on N97 (Symbian^1) Blackberry 4.x - Tested on the Curve 8330 Windows Mobile - Tested on the HTC Leo (WInMo 5.2) Los moviles son mas terreno de Apps que de webs. Y con este framework haces una app web (en html estandar, pero enriquecido con la plataforma). Yo aun no he hecho nada con el mismo, pero sospecho que puede ser una baza interesante. Y no creo que venga al caso. No seria la opcion perfecta para una felicitacion navideña :D 2011/12/15 Jose Maria Ruiz de Arbulo : > Yo diría que (si queremos trabajar para todo tipo de móviles) es al 80 % un > tema de CSS. > Algo he podido hace recientemente, y con geolocalización, que es más > complicado/limitado. > En http://www.digitaleando.com/mi_web_movil.php tienes unos cuantos > consejos. > Casi todas las páginas del dominio tienen sus páginas paralelas para web > móvil. > - Sí hojas de estilos paralela; > - Redimensiona imágenes a porcentaje (no a píxel) Podrás utilizar la > mismas. Pero cuida su peso. > - Recuerda que imágenes en Background no se redimensionan: así que > trabájalas en página y juega con z-index > (Y tienes algunas recomendaciones más, incluidas tipografías) > Respecto a los emuladores, hay muchos. Yo suelo practicar con > http://iphone4simulator.com/ Claro, para iPhone. > Saludos: > > El 15 de diciembre de 2011 12:33, Carlos Palenciano < > carlos.palenci...@pulpolab.com> escribió: > >> Hola Pedro; >> >> A ver si esto te sirve: http://www.mobilexweb.com/emulators >> >> Un saludo. >> >> >> On 15/12/2011, at 12:14, Rafa Ferrero wrote: >> >> > Hola Pedro: >> > >> > Tampoco es que esté muy puesto en esto de los diseños para dispositivos >> > móviles porque es algo relativamente nuevo... lo poco que conozco y que >> te >> > puede ayudar sería Dreamweaver CS5.5... la última versión de Adobe... que >> > ya viene preparado para que puedas visualizar los diseños en distintos >> > dispositivos: móviles, tablets, etc... >> > >> > Espero haberte sido de ayuda... >> > >> > El 15 de diciembre de 2011 10:52, Pedro Sanz > >escribió: >> > >> >> hola: >> >> ya se que no es una pregunta CSS strict, pero si colateral. >> >> había preparado un bonito mail navideño para un cliente, con su pag html >> >> por si tiene problemas en el mail... y ahora me dice: y eso se verá >> bien en >> >> el teléfono móvil. >> >> la verdad es que no tengo mucha idea de eso, y claro lo primero sería >> >> buscar algún emulador (he probado en google, pero con no muy buneos >> >> resultados=. >> >> Así que recurro aquí para dos cosas: >> >> >> >> 1. Conocesi algun emulador que me permita probar la pag en distintos >> >> móviles y sobre todo el mail? >> >> 2. entrando en el css, ¿tendría que hacer una hoja de estilos exclusiva >> >> para el móviles?tengo una imagen de 800px por 500, ¿tendría que hacerlo >> >> más >> >> pequeña o lo teléfonos los redimensiona? >> >> >> >> Bueno, agradecería cualquier ayuda y/o enlace sobre el tema. >> >> Saludos a todos. >> >> Pedro >> >> >> >> -- >> >> Pedro Mª Sanz >> >> 620 23 59 58 >> >> pedroms...@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 >> >> >> > ___ >> > L
Re: [Ovillo] OT: simuladores de moviles
Yo diría que (si queremos trabajar para todo tipo de móviles) es al 80 % un tema de CSS. Algo he podido hace recientemente, y con geolocalización, que es más complicado/limitado. En http://www.digitaleando.com/mi_web_movil.php tienes unos cuantos consejos. Casi todas las páginas del dominio tienen sus páginas paralelas para web móvil. - Sí hojas de estilos paralela; - Redimensiona imágenes a porcentaje (no a píxel) Podrás utilizar la mismas. Pero cuida su peso. - Recuerda que imágenes en Background no se redimensionan: así que trabájalas en página y juega con z-index (Y tienes algunas recomendaciones más, incluidas tipografías) Respecto a los emuladores, hay muchos. Yo suelo practicar con http://iphone4simulator.com/ Claro, para iPhone. Saludos: El 15 de diciembre de 2011 12:33, Carlos Palenciano < carlos.palenci...@pulpolab.com> escribió: > Hola Pedro; > > A ver si esto te sirve: http://www.mobilexweb.com/emulators > > Un saludo. > > > On 15/12/2011, at 12:14, Rafa Ferrero wrote: > > > Hola Pedro: > > > > Tampoco es que esté muy puesto en esto de los diseños para dispositivos > > móviles porque es algo relativamente nuevo... lo poco que conozco y que > te > > puede ayudar sería Dreamweaver CS5.5... la última versión de Adobe... que > > ya viene preparado para que puedas visualizar los diseños en distintos > > dispositivos: móviles, tablets, etc... > > > > Espero haberte sido de ayuda... > > > > El 15 de diciembre de 2011 10:52, Pedro Sanz >escribió: > > > >> hola: > >> ya se que no es una pregunta CSS strict, pero si colateral. > >> había preparado un bonito mail navideño para un cliente, con su pag html > >> por si tiene problemas en el mail... y ahora me dice: y eso se verá > bien en > >> el teléfono móvil. > >> la verdad es que no tengo mucha idea de eso, y claro lo primero sería > >> buscar algún emulador (he probado en google, pero con no muy buneos > >> resultados=. > >> Así que recurro aquí para dos cosas: > >> > >> 1. Conocesi algun emulador que me permita probar la pag en distintos > >> móviles y sobre todo el mail? > >> 2. entrando en el css, ¿tendría que hacer una hoja de estilos exclusiva > >> para el móviles?tengo una imagen de 800px por 500, ¿tendría que hacerlo > >> más > >> pequeña o lo teléfonos los redimensiona? > >> > >> Bueno, agradecería cualquier ayuda y/o enlace sobre el tema. > >> Saludos a todos. > >> Pedro > >> > >> -- > >> Pedro Mª Sanz > >> 620 23 59 58 > >> pedroms...@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 > > > > ___ > 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] Asignar estilos con jQuery
Hola Jairo, Estoy verificando el problema, a ver si tenemos suerte pero, dime una cosa : El efecto de TRANSICION que veo en esa página, ¿lo tienes hecho en Jquery ? Eso aseguraría que Jquery funciona perfectamente. No vemos dentro de un rato. Zegol from Spain. El día 15 de diciembre de 2011 16:01, inesansebastian escribió: > Hola Jairo, > Yo creo que debería especificarse así: > $('div.cabecera div.menuTop ul.menu'), > y podría no estar funcionando porque no está bien especificado. > > El 2011 abe 15, a las 15:40, Tei escribió: > >> Pues va a ser... culpa de John Resig. >> >> Creo que ya he encontrado el problema. Y no es un fallo tuyo. >> >> A mi $('div.cabecera ul.menu') me devuelve null. No me parece una >> especificacion de elemento mal formada, asi que yo digo que es un bug >> de Jquery. Puedes probar a darle un id a la cosa que quieres mostrar >> o ocultar, lo cual sera ademas mas rapido. $('#menu').fadeIn(... >> >> >> On 15/12/2011, Jairo Ochoa wrote: >>> Gracias por la ayuda. >>> Esta es la página http://www.disegna.es/web/es/slider-portada >>> Veréis que el código es algo más extenso que el que pegué yo en el mensaje. >>> Las zonas activas son el logo de cabecera y el slider. >>> >>> Saludos >>> >>> -- >>> >>> Jairo Ochoa >>> >>> >>> >>> >>> El 15 de diciembre de 2011 15:10, zegol gol escribió: >>> Hola Jairo, Si no te importa, para que la cosa sea más fácil, me gustaría tener tu código html, así buscamos el problema. Es que con la programación, hay que tener mucho cuidado. Como dice un compañero, igual tienes algo mal en tu HTML. Te lo pido para comprobar muchas cosas, entre otras, el orden en que llamas tus archivos. No quites nada del código, o sea desde la versión de tu html hasta el footer o cierre de body, depende como lo tienes. Saludos. Zegol from Spain. El 15/12/11, Jairo Ochoa escribió: > Hola Tei, > > El objeto es visible, es un enlace que dentro tiene un logo y funciona bien > como enlace. > > También uso un código similar para un div que contiene un slider y con ese > div, que es visible, tampoco funciona. > > ¿Puede ser problema del jQuery? ¿Necesita alguna librería extra? > > Saludos, > -- > > Jairo Ochoa > > > > El 15 de diciembre de 2011 01:06, Tei escribió: > >> Asi a volepronto, sin mirar tu codigo en funcionamiento. >> >> Antes de mirar nada lo primero que yo miraria es si el objeto que >> quieres que genere el hover es visible cuando pasas el raton. A lo >> mejor si es invisible el navegador decide que no puede ser receptor de >> ningun onhover. >> >> 2011/12/14 Jairo Ochoa : >>> Hola Zegol, >>> >>> Alguno de los cambios que comentas ya los había probado y así es como >> está >>> ahora >>> >>> $(document).ready(function(){ >>> >>> $('a.logo').hover( >>> function () { >>> $('div.cabecera ul.menu').fadeIn('slow'); >>> $('div.imagen').addClass('visible'); >>> } >>> ); >>> >>> }); >>> >>> >>> ... pero aun así no funciona. >>> >>> Me di cuenta de que sobraba la coma después de la llave y probé también >>> a >>> meter todo dentro de $(document)... >>> >>> Se me escapa algo más? >>> >>> Gracias >>> >>> -- >>> >>> Jairo Ochoa >>> >>> >>> >>> El 14 de diciembre de 2011 23:44, zegol gol escribió: >>> Hola y muy bien por pedir ayuda en este web. Prueba con lo siguiente : $(document).ready(function() { $('.logo').hover( function () { $('.cabecera ul.menu').fadeIn('slow'); $('div.imagen').addClass('visible'); }); }); Copia el código entero entre los TAGS de JavaScript que ya tienes. No hagas cambios y coméntame qué tal ha ido. Si te funciona y si lees bien mi código, verás tus posibles errores (He encontrado creo que 2 ou 3). Si te funciona, pero que no entiendes el código, vuelve por aquí y lo comentaremos entre todos. Espero que te haya sido de utilidad. Suerte. Zegol from Spain. El día 14 de diciembre de 2011 22:06, Jairo Ochoa escribió: > Eso, por defecto display:none y con el js debería mostrarse. > > No lo comenté, pero en el hay un > > http://www.disegna.es/web/jquery/jquery.js > "> > > > Saludos > -- > > Jairo Ochoa > > Dropbox: Almacenamiento gratis / Free online backup > https://www.dropbox.com/referrals/NTg2Njc1MTg5 > >>>
Re: [Ovillo] Asignar estilos con jQuery
Hola Jairo, Estoy verificando el problema, a ver si tenemos suerte pero, dime una cosa : El efecto de TRANSICION que veo en esa página, ¿lo tienes hecho en Jquery ? Eso aseguraría que Jquery funciona perfectamente. No vemos dentro de un rato. Zegol from Spain. El día 15 de diciembre de 2011 16:01, inesansebastian escribió: > Hola Jairo, > Yo creo que debería especificarse así: > $('div.cabecera div.menuTop ul.menu'), > y podría no estar funcionando porque no está bien especificado. > > El 2011 abe 15, a las 15:40, Tei escribió: > >> Pues va a ser... culpa de John Resig. >> >> Creo que ya he encontrado el problema. Y no es un fallo tuyo. >> >> A mi $('div.cabecera ul.menu') me devuelve null. No me parece una >> especificacion de elemento mal formada, asi que yo digo que es un bug >> de Jquery. Puedes probar a darle un id a la cosa que quieres mostrar >> o ocultar, lo cual sera ademas mas rapido. $('#menu').fadeIn(... >> >> >> On 15/12/2011, Jairo Ochoa wrote: >>> Gracias por la ayuda. >>> Esta es la página http://www.disegna.es/web/es/slider-portada >>> Veréis que el código es algo más extenso que el que pegué yo en el mensaje. >>> Las zonas activas son el logo de cabecera y el slider. >>> >>> Saludos >>> >>> -- >>> >>> Jairo Ochoa >>> >>> >>> >>> >>> El 15 de diciembre de 2011 15:10, zegol gol escribió: >>> Hola Jairo, Si no te importa, para que la cosa sea más fácil, me gustaría tener tu código html, así buscamos el problema. Es que con la programación, hay que tener mucho cuidado. Como dice un compañero, igual tienes algo mal en tu HTML. Te lo pido para comprobar muchas cosas, entre otras, el orden en que llamas tus archivos. No quites nada del código, o sea desde la versión de tu html hasta el footer o cierre de body, depende como lo tienes. Saludos. Zegol from Spain. El 15/12/11, Jairo Ochoa escribió: > Hola Tei, > > El objeto es visible, es un enlace que dentro tiene un logo y funciona bien > como enlace. > > También uso un código similar para un div que contiene un slider y con ese > div, que es visible, tampoco funciona. > > ¿Puede ser problema del jQuery? ¿Necesita alguna librería extra? > > Saludos, > -- > > Jairo Ochoa > > > > El 15 de diciembre de 2011 01:06, Tei escribió: > >> Asi a volepronto, sin mirar tu codigo en funcionamiento. >> >> Antes de mirar nada lo primero que yo miraria es si el objeto que >> quieres que genere el hover es visible cuando pasas el raton. A lo >> mejor si es invisible el navegador decide que no puede ser receptor de >> ningun onhover. >> >> 2011/12/14 Jairo Ochoa : >>> Hola Zegol, >>> >>> Alguno de los cambios que comentas ya los había probado y así es como >> está >>> ahora >>> >>> $(document).ready(function(){ >>> >>> $('a.logo').hover( >>> function () { >>> $('div.cabecera ul.menu').fadeIn('slow'); >>> $('div.imagen').addClass('visible'); >>> } >>> ); >>> >>> }); >>> >>> >>> ... pero aun así no funciona. >>> >>> Me di cuenta de que sobraba la coma después de la llave y probé también >>> a >>> meter todo dentro de $(document)... >>> >>> Se me escapa algo más? >>> >>> Gracias >>> >>> -- >>> >>> Jairo Ochoa >>> >>> >>> >>> El 14 de diciembre de 2011 23:44, zegol gol escribió: >>> Hola y muy bien por pedir ayuda en este web. Prueba con lo siguiente : $(document).ready(function() { $('.logo').hover( function () { $('.cabecera ul.menu').fadeIn('slow'); $('div.imagen').addClass('visible'); }); }); Copia el código entero entre los TAGS de JavaScript que ya tienes. No hagas cambios y coméntame qué tal ha ido. Si te funciona y si lees bien mi código, verás tus posibles errores (He encontrado creo que 2 ou 3). Si te funciona, pero que no entiendes el código, vuelve por aquí y lo comentaremos entre todos. Espero que te haya sido de utilidad. Suerte. Zegol from Spain. El día 14 de diciembre de 2011 22:06, Jairo Ochoa escribió: > Eso, por defecto display:none y con el js debería mostrarse. > > No lo comenté, pero en el hay un > > http://www.disegna.es/web/jquery/jquery.js > "> > > > Saludos > -- > > Jairo Ochoa > > Dropbox: Almacenamiento gratis / Free online backup > https://www.dropbox.com/referrals/NTg2Njc1MTg5 > >>>
Re: [Ovillo] OT: simuladores de moviles
Hola Pedro; A ver si esto te sirve: http://www.mobilexweb.com/emulators Un saludo. On 15/12/2011, at 12:14, Rafa Ferrero wrote: > Hola Pedro: > > Tampoco es que esté muy puesto en esto de los diseños para dispositivos > móviles porque es algo relativamente nuevo... lo poco que conozco y que te > puede ayudar sería Dreamweaver CS5.5... la última versión de Adobe... que > ya viene preparado para que puedas visualizar los diseños en distintos > dispositivos: móviles, tablets, etc... > > Espero haberte sido de ayuda... > > El 15 de diciembre de 2011 10:52, Pedro Sanz escribió: > >> hola: >> ya se que no es una pregunta CSS strict, pero si colateral. >> había preparado un bonito mail navideño para un cliente, con su pag html >> por si tiene problemas en el mail... y ahora me dice: y eso se verá bien en >> el teléfono móvil. >> la verdad es que no tengo mucha idea de eso, y claro lo primero sería >> buscar algún emulador (he probado en google, pero con no muy buneos >> resultados=. >> Así que recurro aquí para dos cosas: >> >> 1. Conocesi algun emulador que me permita probar la pag en distintos >> móviles y sobre todo el mail? >> 2. entrando en el css, ¿tendría que hacer una hoja de estilos exclusiva >> para el móviles?tengo una imagen de 800px por 500, ¿tendría que hacerlo >> más >> pequeña o lo teléfonos los redimensiona? >> >> Bueno, agradecería cualquier ayuda y/o enlace sobre el tema. >> Saludos a todos. >> Pedro >> >> -- >> Pedro Mª Sanz >> 620 23 59 58 >> pedroms...@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 > ___ 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: simuladores de moviles
Hola Pedro: Tampoco es que esté muy puesto en esto de los diseños para dispositivos móviles porque es algo relativamente nuevo... lo poco que conozco y que te puede ayudar sería Dreamweaver CS5.5... la última versión de Adobe... que ya viene preparado para que puedas visualizar los diseños en distintos dispositivos: móviles, tablets, etc... Espero haberte sido de ayuda... El 15 de diciembre de 2011 10:52, Pedro Sanz escribió: > hola: > ya se que no es una pregunta CSS strict, pero si colateral. > había preparado un bonito mail navideño para un cliente, con su pag html > por si tiene problemas en el mail... y ahora me dice: y eso se verá bien en > el teléfono móvil. > la verdad es que no tengo mucha idea de eso, y claro lo primero sería > buscar algún emulador (he probado en google, pero con no muy buneos > resultados=. > Así que recurro aquí para dos cosas: > > 1. Conocesi algun emulador que me permita probar la pag en distintos > móviles y sobre todo el mail? > 2. entrando en el css, ¿tendría que hacer una hoja de estilos exclusiva > para el móviles?tengo una imagen de 800px por 500, ¿tendría que hacerlo > más > pequeña o lo teléfonos los redimensiona? > > Bueno, agradecería cualquier ayuda y/o enlace sobre el tema. > Saludos a todos. > Pedro > > -- > Pedro Mª Sanz > 620 23 59 58 > pedroms...@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
[Ovillo] OT: simuladores de moviles
hola: ya se que no es una pregunta CSS strict, pero si colateral. había preparado un bonito mail navideño para un cliente, con su pag html por si tiene problemas en el mail... y ahora me dice: y eso se verá bien en el teléfono móvil. la verdad es que no tengo mucha idea de eso, y claro lo primero sería buscar algún emulador (he probado en google, pero con no muy buneos resultados=. Así que recurro aquí para dos cosas: 1. Conocesi algun emulador que me permita probar la pag en distintos móviles y sobre todo el mail? 2. entrando en el css, ¿tendría que hacer una hoja de estilos exclusiva para el móviles?tengo una imagen de 800px por 500, ¿tendría que hacerlo más pequeña o lo teléfonos los redimensiona? Bueno, agradecería cualquier ayuda y/o enlace sobre el tema. Saludos a todos. Pedro -- Pedro Mª Sanz 620 23 59 58 pedroms...@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