Esta web utiliza cookies para que podamos ofrecerte la mejor experiencia de usuario posible. La información de las cookies se almacena en tu navegador y realiza funciones tales como reconocerte cuando vuelves a nuestra web o ayudar a nuestro equipo a comprender qué secciones de la web encuentras más interesantes y útiles.
Puntos suspensivos cuando no hay más espacio
A través de Webéame he llegado a CSS3: text-overflow, que es una nota en la que se nos enseña cómo las nuevas implementaciones que traerá CSS3 son absolutamente geniales y, en mi opinión, acercan mucho la capa de diseño y desarrollo a la experiencia de usuario, pues simplifican cosas muy habituales y las hacen posible en la capa de presentación de forma transparente.
De ese modo, este ejemplo nos muestra cómo el navegador añadirá los tres puntos suspensivos cuando el texto no quepa en el espacio que se disponga para él. ¿A que es lo normal? Pues aún no lo tenemos disponible. Esperaremos a CSS3.
En explorer si lo tenemos, y haciendo alguna ñapa se puede conseguir en firefox:
http://www.jide.fr/emulate-text-overflowellipsis-in-firefox-with-css
Estupendo! No lo había probado.
¿Por qué decis que aún no lo tenemos disponible si está implementado en WebKit, Opera e IE?
Ojalá llegue a ver la implementación de css3 terminada y funcionando en algún navegador, lo que temo es que es tan grande el hueco entre css2 y css3 que todo lo que habrá que hacer va a ser mucho.
De css3 me quedo además de las elipsis, el control que se tiene sobre los bordes permitiendo personalizar no solo el color sino darle texturas, permitir su redondeo, las trasparencias, los bloques que flotan pero no salen del flujo con lo que no es necesario utilizar clears para que el padre se extienda, la cantidad de selectores que tendremos a nuestra disposición.
Me queda pendiente el investigar si se facilita el diseño de páginas basados en columnas, lo que ahora se hace mediante ‘faux-columns’, es decir el poder decidir que varios bloques tengan la altura del bloque más alto.