Archive for the ‘css’ Category

CSS Hack sólo para Chrome

A veces nos es inevitable tener que recurrir a estos hacks, por alguna razón  los navegadores se empeñan en no cumplir con un mismo standard  y lo que podemos estar viendo correctamente en unos, en otros se ve fatal. No estoy hablando de los Internet explorer, me refiero ya a navegadores decentes como Firefox, Opera, Safari, Chrome.

Pues Bien, esta semana me he encontrado en el trabajo con un problema de maquetación en google chrome (sólo se descolocaba unos controles en un slider) y buscando dí con la siguiente solución, que aunque es un poco enrevesada funciona perfectamente.

@media screen and (-webkit-min-device-pixel-ratio:0)

{
//colocamos las reglas css

.next a { margin-top: 15px;}
.back a { margin-top: 15px;}
}

Lo encontré en el blog de Martin Ivanov que me ha sorprendido gratamente y ya está en mi Reader. Este hack viene a sustituir al viejo body:nth-of-type(1) Selector que si bien antes sólo lo interpretaba el Chrome, ahora ya lo consiguen interpretar el Firefox 3.5 y el Opera9.2+, lo que nos hace ver el peligro de usar estas técnicas, así que  el consejo es: intentar evitar el uso de CSS hacks todo lo que podamos.

Ya está a la venta el iphone y con el ha llegado el nuevo explorer 6

Bueno es evidente que esta, es la noticia de la semana, o quizás del mes, en cuanto a tecnología se refiere, todo el mundo sabe o le suena que es el iphone, lo han sacado por la tele, se hacen colas para comprarlo e incluso listas de esperas.

La nueva “iphonemania” llega, hay que hacerse con uno o no seremos los más cool del grupo, no estaremos a la moda, no podremos navegar por internet si no tenemos este móvil ,ni aprovecharnos de todas esas ventajas que trae.

Pero la verdad  es que nos encontramos en un punto, en el cual el cambio es más que evidente, el concepto de navegar por internet, en un cybercafé o en un cuarto aislado se acabó, ahora el internet en un móvil!!!

Pero el primer error que se comete es pensar que el internet  móvil es y será exclusivo para el iphone, es un error muy similar al concepto de asimilar el icono del internet explorer 6 a navegar por internet, existen muchas personas aún, que quizás influenciadas por un buen marketing, como se hizo con el windows y su explorer, que aún siguen pensando que para poder navegar por internet se tiene que pulsar el icono de la “E azul”, y esto en mi  humilde opinión, es lo que puede suceder con el iphone, si no somos conscientes y lo paramos.

no convirtamos el iphone en el nuevo explorer 6

Como desarrollador web, me encuentro con un problema a la hora de hacer un sitio web, ahora están saliendo miles de frameworks, para css, html e incluso algún lenguaje de programación para desarrollar para iphone, por lo cuál la idea de una única web que propone el W3C, puede desaparecer o tener un gran enemigo.

Todos nuestros clientes, querrán ver su web através de su ordenador y de su iphone, cosa lógica y evidente, pero esto ya llevamos varios años peleando para que la accesibilidad se cumpla y por ello debemos también estar contentos, por fin todas las personas van a entender que el concepto de accesibilidad, no solo se centra en que todas las personas independientemente del nivel de discapacidad, puedan acceder a la iformación sino que también esa información sea accesible por cualquier dispositivo, concepto que se olvida por completo cuando se habla de accesibilidad.

Recientemente he realizado el curso del W3C, Mobile Web Best Practices,  donde se nos ha explicado una serie de pautas a seguir para desarrollar par las tecnologías moviles, y el navegador usado ha sido el del nokia N70, que sin ser tan bonito como el iphone, cumple el mismo objetivo, pero no olvidemos que otras marcas como la propia Nokia, Sony, LG no se van a quedar cortos y lanzarán en breve dispositivos similares al iphone e incluso con muchas mejoras.

Por lo que esta noticia, no solo es de técnologia, sino que también es una gran noticia para el avance de los conceptos de la accesibilidad, pero hay que tener mucho cuidado con esto, no convirtamos el iphone en el nuevo internet explorer 6 que tanto nos está constando que desaparezca del mercado, y nos dejemos de desarrollar y publicar , versiones de web para el iphone, frameworks para el iphone y demás.

El paso tiene que ser hacia adelante, no lo convirtamos hacia atras y en esto gran parte de la culpa la tenemos los desarrolladores y otra muy grande el marketing.

O será que ahora Mac le ha ganado el terreno a Windows y quiere tener este mercado para ellos solos  intentado devolverles, lo que tanto han criticado.

Por un desarrollo accesible y multidispositivo, no al desarrollo específico de webs para el iphone.

Batalla por el próximo standard: html5 vs xhtml2

Bueno es sabido por todos los desarrolladores y profesionales web , que entre este y el próximo año, habrá una gran revolución en cuanto al desarrollo web.

No solo debemos, preocuparnos por que las webs se vean en un navegador “convencional” sino y más que nunca con la llegada del iphone y numerosos móviles con wifi, por fín podremos disfrutar de un internet realmente móvil.

iphone movistar

Y claro con tanto cambio como se avecina, las WCAG 2.0, el CSS 3, la revolución que ha creado el “reinvento del javascript”, aplicaciones web como de escritorio se tratase, gracias a Tecnologías como Air o Xul, en medio de todo esto está lo más básico el marcado web.

El marcado web es la gran base, un buen marcado nos deja mucho camino libre y ganado, en cuanto a accesiblidad, cross browser, mantenimiento, posicionamiento en buscadores ( SEO ) y vuelve la gran guerra, por cual decantarse.

Hasta ahora las aplicaciones web se podrían hacer en html4 y xhtml 1, y lógicamente con tanto cambio venidero estos también se apuntan y van muy avanzados.

Pues hoy Chris Coyier, lo podéis conocer mejor en la fantástica entrevista que le ha hecho Berriart hace poco, ha puesto los resultados que han salido tras la encuesta que publicó en su sitio web, unos resultados bastante sorprendentes dando como claro ganador al xhtml2.

xhtml2 vs html5

Me parece demasiada ventaja y los chicos que están desarrollando el html5 están trabajando muy bien, aunque el anuncio de que no soportarían ogg vorbis a mí, personalmente, no me ha gustado nada.

¿Vosotros, por cuál os decantaréis?