Hoy os traigo un truquito para hacer cuadrados perfectos responsive, o rectángulos, también responsive, que mantengan sus proporciones. Cuando queremos hacer un cuadrado responsive con porcentajes, el problema viene con el alto, porque lógicamente, el porcentaje que demos al alto, se refiere al alto del contenedor y lo normal es que si estamos haciendo un… Read more »
Posts Categorized: CSS
Custom Google Maps markers: estilos y animaciones CSS3
Hace unos meses, tuvimos que personalizar los marcadores (markers) de un mapa de Google para un proyecto, y aunque la API Javascript de Google Maps realmente me pareció amplia y fácil de entender, me di cuenta que en lo que más tiempo perdimos, fue en tener claro cómo empezar (que como siempre era una chorrada)… Read more »
Limpiar floats con overflow:hidden
Una de las cosas más útiles que me enseñó mi profe Luis Herrero cuando estudiaba front, fue utilizar overflow:hidden en lugar del poco elegante clearfix. Utilizando sus propias palabras: “Cuando un contenedor tiene a todos sus hijos flotando, se queda sin altura”. Esto impide que podamos ponerle un background, que tengamos límites para “empujar” elementos… Read more »
El bug de la altura en los iPad landscape con iOS 7
Hoy comparto un bug que me trajo de cabeza en uno de mis últimos proyectos, porque es un bug bug, de esos que no tienen ningún sentido y es imposible arreglar…pero que conociéndolo, podemos buscar soluciones fácilmente. El bug consiste en que en iPads en landscape con iOS 7, si tenemos un elemento con altura… Read more »