Categoría: Desarrollo

Tutoriales, trucos, consejos y temas relacionados con el desarrollo de software (especialmente desarrollo Web) en diversas tecnologías

CSS: efectos de movimiento y perspectiva

CSS: efectos de movimiento y perspectiva

Hoy queremos compartir algunas pequeñas ideas sobre el efecto hover contigo. El concepto se deriva del efecto hover visto en Merci-Michel, que tiene una sensación realmente agradable debido a su fluidez. La idea es mostrar una pila detrás de la miniatura de imagen que tiene el mismo color principal que la imagen y luego animar los …

+ Read More

55 CSS Checkboxes (gratis + download + demo)

55 CSS Checkboxes (gratis + download + demo)

Checkboxes, divino tesoro. O sí, o no, poco más te podrán decir con sus simples estados boolean. ¿Estás cansado de la apariencia por defecto que tienen en tu navegador y sistema operativo? ¡Tranquilo! En el siguiente enlace podrás descargar 55 Checkboxes CSS gratis así como su demo. ¡Wow! freefrontend.com / css checkboxes [Listado + descarga / …

+ Read More

Inspiración para efectos de búsqueda a nivel de UX

Inspiración para efectos de búsqueda a nivel de UX

¿Buscas inspiración para implementar un buscador o mejorar su experiencia de usuario (UX)? En el siguiente enlace podrás ver demos y ejemplos de código con algunas ideas que te pueden inspirar de cara a hacer o mejorar un buscador textual. Fuente, demos y descargas de código en: Inspiration for Search UI Effects

¡Completito! Muui: Grid Layouts responsive, arrastrables, filtrables y ordenables

¡Completito! Muui: Grid Layouts responsive, arrastrables, filtrables y ordenables

Muuri es un componente gratuito de «Grid Layouts» responsive (adaptables según resolución), arrastrables para su colocación y ubicación, filtrables y ordenables. Útiles para tus proyectos de BackOffice y gestión de elementos como widgets de Dashboards o lo que te venga en gana. Por si fuera poco, ¡es gratis! Página Oficial: haltu.github.io – Muuri + Documentación Descarga: raw.githubusercontent.com …

+ Read More

Hestia: tema gratuito de WordPress responsive y material

Hestia: tema gratuito de WordPress responsive y material

Hestia es un tema gratuito para WordPress caracterizado por ser Responsive Design (escritorio, tablet y móvil) y por seguir los preceptos de diseño gráficos de Material Design (diseñado para Android 5 y superior). El tema, por si fuera poco, es compatible con Woo-Commerce, así que podrás emplearlo para montarlo tu e-shop de lo que quieras. …

+ Read More

CSS: Efectos de color de imágenes como Spotify

CSS: Efectos de color de imágenes como Spotify

¿Cómo aplicar, con CSS, efectos de color en imágenes como lo hace Spotify? Con la siguiente técnica podrás aplicar los siguientes efectos de fundido, que seguro que has visto en programas de edición fotográfica como Photoshop: multiply; screen; overlay;darken; lighten; color-dodge; color-burn; hard-light; soft-light; difference; exclusion; hue;  saturation;  color;  luminosity; Es tan fácil como emplear las siguientes …

+ Read More

12 bots de productividad para tu trabajo

12 bots de productividad para tu trabajo

Los bots están aquí y han venido para quedarse. Al final un bot es u a forma de encapsular una tarea o servicio para hacerlo más sencillo y con una interactividad humana más natural y fluida. No sólo lo digo porque en muchos casos puedas hablar o chatear con estos autómatas… Las integraciones son la …

+ Read More