La suavidad se valora en la experiencia de usuario

Hay veces que no sabes porqué pero una web nos gusta, quizá no será la web que sea más práctica y a veces las transiciones nos obstaculizan y nos hacen perder tiempo, pero otras necesitamos un relax de las páginas funcionales, tipo google, y queremos ...
Seguir leyendo +

Con display: flex viviremos mejor

Siempre “hemos tenido muchos problemas” con alinear los elementos, y lo digo entre comillas porque no muchos pero si a nivel de compatibilidad y acabados. Display inline-block con hace unos espacios entre elementos de unos pixeles, el float a veces no nos obedece para centrar ...
Seguir leyendo +

5 blogs que harán reír a cualquier developer

Estos blogs suelen tener diseños que mejor no calificar ni valorar,pero el contenido es brutal. Cuando veas algunas de las bromas en formato gif/video/imagen no podrás parar de reír o al menos es lo que me pasa a mí.
Seguir leyendo +

Fantástico video promocional de ATOM 1.0

Poca veces tenemos la oportunidad de ver videos promocionales de este calibre para programas de edición de código pero éste te demuestra que si se puede.
Seguir leyendo +

Sin fobia a las letras grandes

Una de las manías de los clientes a la hora de hacer un diseño de su web es en no hacer demasiado grande las tipografías. “¡Esa cabecera es muy grande!”, “¡No me cabe en la pantalla!” (de 10 pulgadas). Pero de vez en cuando te ...
Seguir leyendo +

Desmientiedo hacks heredados de CSS. ¡Escribe menos, programa más!

Los que llevamos muchos años maquetando y programando en general a menudo heredamos hacks que implementamos en nuestras rutinas diarias y que a veces los navegadores al evolucionar ya soportan y nosotros no nos damos cuenta. Aquí actualizamos nuestro código para escribir menos pero mejor. display: ...
Seguir leyendo +

Customizar el login de WordPress

Cuando realizamos una web hecha en WordPress para un cliente nos gusta ofrecer un producto de calidad. Nos gusta WordPress pero nos gusta más si no se ve. EL login es una de las partes más características de este CMS, si queremos saber si una ...
Seguir leyendo +

Crear sprites con terminal

Cuando hacemos animaciones complejas tenemos que usar sprites. Para hacer estos sprites tenemos dos opciones: Hacerlo con Photoshop (el trabajo padre) o usar After Effects. Cuando usamos AE al exportar los frames vienen separados por archivos sueltos y tenemos que unirlos. Photoshop lo malo que ...
Seguir leyendo +

Insertar mapas de Google con Gmap3

Cuando hacemos una web para una empresa (o similar) no suelen pedir un apartado de contacto y lo que no puede faltar en esta página es un mapa de situación. Google Maps siempre es la mejor opción pero ¿cuál es la mejor manera de ponerlo? ...
Seguir leyendo +

Utilizar correctamente @font-face

Importar fuentes está a la orden del día. Quién más quién menos suele importar fuentes bonitas, originales, atrevidas o poco comunes para sus mejores webs (si queréis algunas gratis os dejo mi blog de tipografías gratis). Pero la mayoría de las veces o no importamos ...
Seguir leyendo +

5 webs con un punto de locura

Las webs convencionales están hechas para contenidos convencionales. A continuación os propongo 5 webs que tiene un punto de locura pero a veces la locura es necesaria para poder doblar las buenas prácticas de usabilidad y plantear nuevas formas de explicar historias.
Seguir leyendo +

Arrays en PHP

Cuando se desarrollan plantillas de WordPress, el lenguaje PHP juega un gran papel y con eso viene la gestión de arrays. En este post pretendo presentar algunos métodos para facilitar algunos de estos procesos.
Seguir leyendo +

Condicionales de navegadores

Cuando acabamos a de hacer una web, generalmente se hace con un sólo navegador (yo recomiendo Chrome), toca testear las web en los diferentes navegadores (infierno). Internet Explorer es el que suele dar más problemas pero Firefox tampoco se queda corto la verdad. Suponiendo que ...
Seguir leyendo +

Eventos on scroll

Hubo un tiempo en que estaba muy de moda el parallax. Pues aún está de moda pero algo más importante que estos efectos puede ser la transformación de los elementos en base al scroll, cómo podría ser un menu que se vuelve fixed. Para ello ...
Seguir leyendo +

Conseguir las consumer keys de twitter

A raíz de las estadísticas del último post que hice de cómo conseguir las consumer keys y access token de twitter, he decidido reescribir este post con información actualizada. A continuación os detallo los pasos a seguir para conseguir estos datos de twitter:
Seguir leyendo +

Eliminar duplicados en MySQL

Recientemente me he visto en la situación de un wordpress que al migrarlo de preproducción a producción las entradas meta se duplicaron. No me di cuenta ya que en cuanto a los textos los sigui tratando cómo un solo valor pero al hacer foreach de ...
Seguir leyendo +

Blackbox un juego para iOS que aprovecha todas sus funcionalidades

En general me gustan bastante los juegos de rompecabezas para móvil. Te hacen pensar estés dónde esté y me plantean retos interesantes para ejercitar la habilidad mental. Pero la mayoría se quedan en lo convencional: memoria, destreza con los dedos, imaginación… Este juego plantea una ...
Seguir leyendo +

Crear un buen config.rb para Compass

Cuando trabajamos con compass es un poco engorroso editar, compilar y subir los CSS. Los usuarios más avanzados usamos la extensión para subir automáticamente los CSS al compilar. Pero aún con eso creo que los procesos se podrían mejorar, sobretodo si hay más de un ...
Seguir leyendo +