Recorte y centrado automático de imagen con object-fit: cover
(8.9.16) En Diciembre de 2013 publicaba el artículo Dimensionado de imágenes y objetos en CSS . Básicamente la traslación al español del documento ...
Mostrando entradas con la etiqueta imagen. Mostrar todas las entradas
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...
Flexible cover images y videos. Dos formas de lograrlo
(7.10.15) La imágenes tienen una relación de aspecto (anchura y altura) que si se modifican sin respetarla da como resultado la distorsión de la esc...
SVG Guía de inicio. Creación, uso y manejo de imágenes svg en la web
(10.9.15) El uso en las páginas webs de SVG´s o gráficos vectoriales escalables ( Scala...
Control del renderizado de elementos web con Css: propiedades *-rendering
(12.2.15) Yo he visto estilos más allá de la especificación Css. He visto propiedades definidas en el corpus de SVG que te pueden ayudar. Y he visto...
Firefox bug y las imágenes: efectos del atributo alt en su caja computada
(24.11.14) Sí. El artículo de hoy va sobre Firefox y el efecto que tiene el atributo alt de las imágenes en la caja generada. Creo que es un señor ...
Troceado de imagen y revelado por arrastre puro Css.
(7.11.13) Lo siguiente son dos variaciones de otros tantos ejemplos que vi en codepen. Pruebas o demos para llevar un poco más allá los límites de Css...
Cursores Css personalizados con imágenes con data-uri
(5.8.13) El documento que define los elementos de la interfaz gráfica de usuario (UI) y cómo acceder a ellos y personalizarlos, CSS Basic User Interf...
Reemplazo de imágenes en el Html con Css
(22.5.13) ¿Te has encontrado alguna vez queriendo sustituir una imagen colocada vía <img src=''.../> sin tener acceso al Html y sin pode...
Fotos vintage o retro sólo con Css. Aplicación práctica de filter
(24.10.12) ¿Cansado de las fotos tan digitales? ¿Con miedo a estropear el original si usas cualquier programa de edicción? O símplemente, lo tuyo no es...
Centrar imagen entre dos columnas de texto
(23.10.12) Tutorial para centrar una imagen entre dos columnas, en este caso de texto. De forma sencilla y accesible para cualquiera con un mínimo cono...
Nueva técnica Css de reemplazo de Imágenes.
(6.3.12) De los creadores de HTML5 Boilerplate llega ésta nueva técnica Css de reemplazo de imágenes como sustitutiva de las basadas en text-indent ...
Sustituyendo el indent: -9999px // Por viejo, obsoleto y menos carga al navegador
(1.3.12) A ver, que levante la mano el que nunca jamás de los jamases haya utilizado el text-indent: -9999px ¿Nadie a la una? ¿Nadie a las dos? ¡N...