CSS Variable Fonts. Obertura en ES y lista de lecturas
(7.2.18) Artículo publicado originalmente en Febrero de 2017 . Actualizado un año después, Febrero de 2018, con info y artículos más concretos en cu...
Mostrando entradas con la etiqueta texto. Mostrar todas las entradas
Textos truncados con Css: hyphens y reverse ellipsis multilínea
(14.9.17) Para Css todos los elementos del documento al que aplica generan/son una caja que los encierra o contiene y sobre el que actúan los esti...
El descriptor CSS font-display: @font-face libre de males
(3.8.17) El uso de tipografías no seguras o ajenas al sistema operativo en la web siempre a estado acompañado de una serie de problemas inherente...
text-stroke (textos con contorno): 4 vías CSS
(26.6.17) Un efecto clásico con los textos es añadirles un contorno o perfil para resaltarlos del fondo sobre el que se muestra. En entornos gráfi...
Notas al margen puro CSS
(5.10.16) Las notas al margen podrían considerarse un caso particular de los tooltips o esa información que, oculta por defecto, se muestra al po...
Juegos tipográficos: Una palabra por línea en puro Css
(29.6.16) Tienes un texto y necesitas que se muestre con una palabra por línea. Esto es, insertar un salto de línea después de cada palabra. Nada ...
Modern System Fonts: su retorno triunfal
(27.3.16) Históricamente la cuestión tipográfica ha sido uno de los capítulos capitales en la realización de páginas o aplicaciones webs. Y parej...
Display: inline-block y sus espacios de separación. 8 soluciones más 1 universal
(15.3.16) Origen de la imagen: La colección de Internet Archive Book Images en Flickr Lo siguiente seguro que lo has sufrido. Hacer uso de displa...
Textos legibles sobre imágenes: diversas técnicas CSS
(10.3.16) El colocar texto sobre imágenes es un recurso que está a la orden del día. Son multitud de ocasiones en las que te encuentras esta situación...
Ligaduras y florituras tipográficas con Css: font-variant y font-feature-settings
(12.1.16) En tipografía una ligadura es un signo formado por la unión de dos o más grafemas que suelen o pueden escribirse también separados. El ori...
Manejo de elementos SVG textuales y su propiedades y atributos
(4.1.16) De entrada una obviedad: el aspecto tipográfico y su control es básico. O lo controlas o tu web nacerá muerta. De seguido otra obvieda...
El misterioso espacio extra en divs sin altura declarada. Su porqué y 3+1 soluciones
(8.12.15) El típico problema: tienes un elemento de bloque para alojar algún elemento de altura desconocida, i.e. un div y una imagen, y al visual...
Palíndromos y bifrontes autoexplicados con "animation" Css
(4.11.15) ¿Que no es posible manipular letra a letra o palabra a palabra con Css sin tener que añadir marcado extra? Bueno, todo depende de qué se qui...
Letras capitulares en Css: el pseudoelemento ::first-letter y su propiedad "initial-letter"
(28.10.15) El uso de letras capitulares o drop caps en la web es un préstamo, como otros muchos, de lo que se ha venido haciendo en la impresión ...
Arrieros somos y bálsamos traemos para @font-face: render, FOIT, font loading... (V)
(16.10.15) Hoy día, año 2015, el uso de tipografías de autor en la web es algo tan normalizado como el uso de colores e imágenes. Pero como en est...
Reverse ellipsis multiline: mostrar las últimas líneas de texto con ellipsis al inicio
(1.10.15) El mostrar los típicos puntos suspensivos para indicar que hay más texto del mostrado es algo sencillo de lograr utilizando sólo Css. To...
Checklist: decálogo para hacer textos legibles en la web
(12.9.15) Con motivo de la remodelación del blog dediqué algo de tiempo al aspecto de la legibilidad de lo escrito. Cuestión que en la versión ant...
Line-height y vertical-align: cómo trabajan y se calcula la línea base del alineamiento en Css
(30.4.15) Las dos propiedades Css del título del artículo line-height y vertical-align son sencillas y fáciles de usar. Pero creo que todos alguna ve...
Carga asíncrona de Css sin bloquear la composición de la página
(1.4.15) Lo que te dispones a leer es una traslación no fidedigna al español del artículo de Keith Clark @keithclarkcouk [ Loading CSS without bl...
Anulando el text-decoration heredado
(17.3.15) Caso práctico: un enlace con un elemento decorativo, como un ▼, y por tus razones quieres aplicar el text-decoration al :hover. Habrás o...