Background 100%, solución definitiva para jQuery
11 seguidores
Hola,
sólo quería compartir este plugin http://www.phpninja.info/labs/resize-jquery-plugin/ que sirve principalmente para tener una imagen de background 100% y que se escale sin deformar la imagen.
Probado en chrome, firefox, safari y IE.
45454
Gracias!
Directamente a mis bookmarks.
pelluz Staff Plus
Muy bueno phpninja, gracias por compartirlo.
samuelvgm
Vale que puede ser útil para navegadores antiguos (Hola Microsoft, ¿qué tal?) pero yo me niego a inundar mis paginas con un porrón de JS para asegurarme la funcionalidad de algo que no es funcional, si no simplemente estético.
Sobretodo si ya existe una propiedad en CSS3 Background-size: cover.
http://css-tricks.com/perfect-full-page-background-image/
Más limpio, más ligero y más todo. Que a los de Ie8 les se les verá mal, bueno, que actualicen. :D
Edito: No me había fijado que lo has hecho tú y simplemente lo estabas compartiendo, disculpa, creía que simplemente te habías topado con él y nos lo enseñabas, solo quería dejar constancia de que hay alternativas (desde mi punto de vista) mejores actualmente. :)
phpninja
IE representa más del 50% de los navegadores, sobretodo en empresas.
Más del 50% de los navegadores no verán tu solución. Por eso me lié a hacer este plugin.
El background-size:cover no he llegado ni a probarlo, hace resize sin distorsionar y se adapta también tablets, móviles y demás al menos en los navegadores nuevos?
samuelvgm
phpninja
Exacto :)
phpninja
ya pero no sirve, yo entrego compatible con todos los navegadores menos ie6 ...
no vale solo nuevos ...
ponchi
No creo que sea una buena idea dejar de lado a los usuarios IE 8 todavía hay mucha gente que lo usa, el otro día leí que el 40% de los usuarios de windows usan todavía el XP y para muchos usuarios descargarse el chrome o firefox es algo que desconocen por completo.
Siempre se pueden combinar las dos soluciones, background-size:cover para navegadores modernos y con comentarios condicionales para IE 8 e inferiores usar el jquery
samuelvgm
Hombre, no sé, dependerá de tú cliente y su público objetivo, pero creo que mantener soporte a IE7 y si me aprietas casi que IE8, es un poco ya 'cansino'. :)
En España IE no es más del 50%, IE8 no llega al 9%, IE7 e IE6 ni salen en las estadísticas por despreciable, e IE9 que sí es compatible con esto, tiene un 11%.
Resumiendo, por un 9% de tu público total* estás haciendo que el 90% restante tengan que bajarse y usar un JS. Como ya te digo eso es una decisión que ha de tomar el programador para cada proyecto.
http://gs.statcounter.com/#browser_version-eu-monthly-201303-201305-map
http://www.ie6countdown.com/#map
*datos referidos a España y, puntualizar, que la temática de la página varía el perfil de sus visitantes y por lo tanto estas estadísticas pueden variar.
Todo esto es como yo lo veo. No quiere decir que lo mío sea más correcto que lo tuyo :)
mads_creativo
Lo que se aprende con vostros no tiene precio...
Usuario desconocido
Samuel
Si curras para agencias relativamente buenas o medios de comunicación, hasta hace unos meses había que validar hasta para ie6. Jode, pero como dicen por ahí arriba, dependemos de lo que los usuarios usan. Igual, lo ideal es usar ambas opciones y que se use una u otra en función de lo que tenga el usuario...
samuelvgm
gafapaster
Sí, que me vas a decir, trabajaba en una empresa de automoción muy grande y durante mucho tiempo usaron el IE6, hasta hace dos días como quien dice. Hoy en día se quedaron en el 7. Aunque los trabajos no eran para ellos, si no para captar clientes en las campañas online, como ellos validaban el trabajo en sus PCs con Ie7, pues no quedaba otra. Lo que sí es cierto, es que en los últimos tiempos, eran mucho más concientes de que el IE era ya una minoría y eran bastante más tolerantes con las carencias de IE, como por ejemplo con el caso de este hilo.
En fin, cada cliente es un mundo.
Usuario desconocido
Pues eso, nos debemos al cliente y los usuarios... y para que no falten, yo valido hasta para el ie5! :)
samuelvgm
IE5...
Hardcore.
phpninja
Yo también creo que ie5 es pasarse.... : ) ... pero eso nunca se sabe ...
pero realmente en las empresas por temas de licencias, por temas de no cambiar software para evitar conflictos de compatibilidad,
siguen muchas con ie6-ie7 y así seguirán.
Interesante todo el hilo!
Usuario desconocido
Las agencias de publicidad españolas, incluso las "relativamente buenas" (salvo honrosas excepciones) no tienen ni puta idea de internet. ¿Hablamos de internet? Hablemos de que google no da soporte a IE6 desde 2010
Cómo bien dicen por ahí, las estadísticas hablan por sí mismas y explorer y sus versiones antiguas ya no tienen ni debería tener el peso necesario para lastrar nuestras webs. (Eso sí, lo de las empresas viejunas es un mundo aparte)
Usuario desconocido
jajaja es una exageración, muchachos! Pero si para currar hay que validar a ie5, pues se hace... Es a lo que me refiero.
laba
No se trata de que google de soporte o no, se trata de que tu madre, mi hermana, el cuñao de pepito, y Rita la cantaora siguen usando ie6. Es decir, si hay un 20% de usuarios que lo usan, hay que darles soporte o buscar alternativas para que actualicen, un popup con un aviso o algo así...
Las agencias solo? Cuantos diseñadores web o mejor dicho, intrusos, cuando van a diseñar, lo hacen pensando en facilitar las cosas a un maquetador, en diseñar estructurando bien la web para seo, etc...
Usuario desconocido
Las grandes empresas de internet lo tienen claro. Si no estás actualizado dentro de lo razonable, no te damos servicio. Las personas que navegan con IE 5 no creo que te interesen mucho a nivel comercial si haces negocios en internet, y si en tu curro tienes IE6, pues ya me comprarás desde el móvil o luego en casa.
Nosotros preferimos gastar el tiempo en otras cosas que en optimizar la web para que esa gente de la que hablas la pueda ver. No se puede comparar, pero prefiero invertir mis horas en hacer un site responsive que en hacer que el cuñao de pepito vea perfecta mi web, y cada vez más clientes lo tienen claro.
Yo me pongo del lado de google. Si quieres ir por una autopista con un coche de hace 100 años que no pasa de de 50 km/h no te dejan circular...
Y en cuanto al offtopic...
La formación que reciben los diseñadores web es deficiente y en cuanto a conocimientos tecnológicos casi mejor ni hablar.
En España es complicado encontrar buenos diseñadores que además se manejen a nivel front-end de forma realmente eficiente y cuando sales de aquí te encuentras con muchísimos perfiles de ese tipo.
El mundo de las agencias es el mundo anti diseño web. Se separan los equipos de desarrollo y diseño como si fuesen dos mundos aparte, no existen los procesos...
En cuanto al diseño de web apps y sites que vayan más allá de unas meras secciones no hay muchos estudios que realmente lo hagan bien, ni muchos diseñadores que tengan la experiencia y los conocimientos necesarios. Supongo que es cuestión de tiempo pero ahora mismo estamos a años luz del resto del mundo.
Usuario desconocido
laba
Estoy de acuerdo contigo. La formación es deficiente, sí. Pero creo que hay algo peor y es la la falta de motivación por aprender. Tú no me enseñas bien o veo que mi formación no se corresponde con lo que me voy a encontrar fuera? Pues me formo por mi cuenta sin necesidad de esperar a que exista una formación como Dios manda y forme profesionales, no cantamañanas que hablen de dadaísmo y constructivismo...
samuelvgm
gafapaster
Buuuuhhhh!!! Buuuuhhhh!!!! No llegan al 1% :P
arturios
Hay un plugin muy majo que yo utilizo para mis gües que sirve para redimensionar una imagen dentro de su <div>
http://christianvarga.com/2011/05/jquery-resize-image-to-parent-container-plugin/
A mi me gusta por que incluso IE lo puede ver.
Lo utilizo en http://andramarirestaurante.com y en http://soy-nudista.org (para los mojigatos, esta última es una revista sobre nudismo social, si te vas a sentir ofendido/a, no entres).
En estos casos, en lugar de un <div> es un <figure> por eso del htlm5 y tal ;)
raquelux
Hola, Muy buen plugin, siempre puede ser útil tenerlo a mano. Hay que considerar quién está programando y cuan optimizado queremos un código. La opción de css también es buena para cada caso. También coincido con el uso de navegadores todo depende de que usuarios, temática y lugar del mundo. Os pongo el Anlyticc del mes de Junio para una página de música en español.
Cool Village
No soy partidiario de dar soporte a versiones viejas (Seguro que aquí nadie testea en la versión anterior a la última de Chrome). Pero si queréis dar SOPORTE - soporte != optimización - a IE inferior a la ultima versión, tenéis que trabajar con la metodología Progressive Enhanced: Crear una web para IE7, agregar funcionalidades avanzadas para IE8, funcionalidades avanzadas para IE9, y así: en IE7 tendremos una web a una columna, en IE8 una web bien estructurada, en IE9 efectos chachis de CSS3 y en IE10 flexbox y awesome selectors.
Esto permite que la web presente el contenido a todos los usuarios de manera correcta, aunque con experiencias diferentes.
ehelgueroc
Muy bueno el debate y el plugin también. Yo creo que siempre hay que explicarle al cliente que hay exploradores para los que ya no se hace compatible una web por estadisticas de uso y tal y cual, pero si el cliente pide ie5 o ie6... a joderse.
boutzero
que buenos datos!