Emular el background-size con imágenes en línea para mejorar el SEO

Nos hemos acostumbrado a utilizar imágenes de fondo pero Google no nos ayuda a indexar con este tipo de prácticas. Aquí propongo una solución para emular el resultado de poner una imagen en background-size: cover;
Seguir leyendo +

Adobe XD, mejor relación entre diseñadores y desarrolladores

Hasta ahora el flujo de trabajo de un proyecto había sido: Wireframes > Diseño > Desarrollo > Testeo. Nos centraremos en el proceso de diseño a desarrollo. Siendo Photoshop la herramienta más potente para hacer diseños ha ocupado el podio del top 10 de los ...
Seguir leyendo +

4 formas de hacer columnas en CSS

Cuando hablamos de columnas en ámbito web hay muchas opiniones al respecto, casi tantas como opciones. En este post pretendo presentar las diferentes formas de ejecutar estos esquemas.
Seguir leyendo +

Selectores CSS que detectan errores

Actualmente el mundo de los selectores CSS ha avanzado mucho (a veces más que los propios navegadores) pero con los que sí son compatibles se pueden hacer muchas cosas. Una de ellas es identificar malos funcionamientos o malas prácticas de HTML.
Seguir leyendo +

5 web sin mucho color

A veces la falta de color es necesaria… nos hace centrarnos en lo realmente importante, en la belleza de las tipografías exageradamente grandes, en la inmensidad del espacio o en un buen retrato en balnco y negro.
Seguir leyendo +

Instalar Compass en El Capitán o un mac OS superior

Des de El Capitan instalar Compass ha dejado de ser “sencillo”. Lo digo entre comillas ya que Compass no ha actualizado su documentación con los nuevos requerimientos después de actualizar el OS de mac. Aquí os dejo mi proceso que me ha funcionado.
Seguir leyendo +

Cómo subrayar bien una texto

Cuando queremos subrayar un texto usamos la mayor parte de veces el clásico text-decoration: undeline;, pero a veces se nos queda un poco pobre el estilo. Una línea fina, muy pegada al texto y del mismo color del texto. También podemos usar border-bottom con un ...
Seguir leyendo +

Todo sobre la perspectiva

Hace ya algún tiempo que sigo a este desarrollador youtuber, que la verdad es que me gusta mucho como explica. Os dejo este vídeo que nos enseña lo que hay que saber sobre la perspectiva.
Seguir leyendo +

Alinear dos cajas una al lado de la otra

Normalmente cuando tenía que alinear dos cajas horizontalmente hacía lo que todos: display inline-bock y con widths de un 47%… Pero existe una manera mejor para tener resultados mucho mejores.
Seguir leyendo +

Cómo jugar a PokemonGo sin moverte del sofá

Lo bueno y en lo que ha innovado Pokemon Go es que te hace andar pero no a todo el mundo les gusta, o quizá no tienes tanto tiempo para salir a recorrer las calles… (cómo es mi caso). Par ello te traigo un hack ...
Seguir leyendo +

Poner imágenes de Background

A menudo hace falta una renovación de la información de las propiedades más básicas. En este caso hablamos de background y sus múltiples propiedades desglosadas.
Seguir leyendo +

¿Necesitas tipografías gratis?

Cuando realizamos nuestros proyectos de desarrollo a menudo estamos faltos de inspiración tipográfica. Pues bien os traigo un blog (también mío) de tipografías gratuitas que pretende crear un espacio de cotilleo de fuentes de bajo coste. ¡Cada lunes una fuente nueva!
Seguir leyendo +

¿Quieres instalar las betas de Apple?

Al menos a mi cuando veo una conferencia de Apple me entran unas ganas de probar todas las funcionalidades… Pero tenemos que esperar a otoño para tener la primera versión, aunque en julio a través de la página de beta de Apple se puede instalar ...
Seguir leyendo +

Apple WWDC 2016 en 10min

A la mayoría d enostros nos gusta ver la conferencia completa pero hay veces que no podemos invertir tanto tiempo y necesitamos ver las novedades esenciales. Bien este video nos va a dejar con la voca abierto con tan sólo 10 minutos (de los ...
Seguir leyendo +

Cómo subrayar un texto con color de fondo

En este bloc por ejemplo se usa un efecto en los títulos de la home que es que a los textos darles un efecto de subrayado. Pues ahora veremos cómo hacerlo para que quede perfecto con sus paddings laterales y todo.
Seguir leyendo +

5 webs que te miran con los ojos abiertos

La miradas directas cuando ves una película ayudan a crear un vínculo con el espectador. La web no es muy diferente a una película pero requiere que el espectador avance en los frames de la historia.
Seguir leyendo +

Video de fondo a pantalla completa

Está muy de moda poner videos de fondo en las webs pero a menudo se hace un poco duro que se adapte a la pantalla ya que el tag de video mantienen proporciones, no es cómo poner una imagen de fondo y poner un background-size: ...
Seguir leyendo +

Cómo hacer que tus Custom post Types tengan padre en el menu de WordPress

La mayoría de las veces que usamos WordPress para hacer webs que nada tienen que ver con un blog (o al menos es lo menos importante), WordPress nos plantea retos para poder jugar con sus reglas. Cuando hacemos un Custom Post Type nos falta esa ...
Seguir leyendo +