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 Tagged: html
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 »
Cambia el nombre de varios archivos a la vez con Automator
Ya sabía que Automator es una herramienta potentísima para Mac, pero no lo había usado hasta ahora. Pierdo mucho tiempo cambiando los nombres de grupos de archivos, (por ejemplo, capítulos de series donde te pone el nombre completo, dirección, fecha de nacimiento de su padre, y web personal del tío que la subió) y hoy… 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 »
Cargar solo iframe de youtube cuando el usuario pinche en la miniatura del vídeo
Una entrada rápida hoy! Optimización, optimización y optimización… para los desarrolladores es como un mantra. En páginas donde tenemos que mostrar varios vídeos, meter los iframes es una carga brutal de archivos innecesarios antes de saber si el usuario va a ver alguno de ellos. Para evitar esta sobrecarga de estilos, imágenes, etc que trae… Read more »
Migra tus playlist de Grooveshark a Spotify
Si googleamos un poco, vemos que hay varias formas de hacer la operación contraria, es decir, exportar nuestras playlist de Spotify a Grooveshark, pero yo que soy una inconformista nunca utilicé Spotify, ya véis! chula que es una… Bueno al rollo! que ahora me encuentro con que todos mis amiguitos frikis de Twitter comparten sus… Read more »
¿Instalación de 5 minutos? ¡No!, instala WordPress en 30 segundos.
Los que tenéis MAC y trabajáis con WordPress estáis de enhorabuena, WordPress new project config os va a permitir hacer una instalación de WordPress… ¡en 30 segundos! Los requerimientos para poder utilizar esta maravilla son: MAMP Tener instalado Sublime Text o Codekit sFTP para Sublime, sólo si vas a necesitar la conexión remota. Se trata… Read more »
Cómo sobreescribir widgets de Woocommerce
Nuestro último proyecto fue un Woocommerce, donde me tocó modificar varias funcionalidades del propio Woocommerce para adaptarlas al especial funcionamiento que debía tener la tienda. Para evitar que una actualización de Woocommerce, se cargue todas las modificaciones que yo hago, debía sobreescribir los archivos en una carpeta especial del Theme que estábamos utilizando y después… Read more »
Plugins para Sublime Text
Vamos con la segunda entrega del post sobre Sublime, igual que el primero, lo escribí para el mejor blog de listas del mundo mundial, es decir, “Una docena de…” En el primero vimos herramientas que ofrece el propio editor, sin necesidad de añadirle nada. Ahora os contaré cuál son para mí, los plugins que le… Read more »