Escribiendo sobre diseño de interfaces, programación y hobbies.

Cuando no estoy programando, puedes encontrarme escribiendo sobre diseño de interfaces, programación y hobbies. Si quieres saber más sobre mí, echa un vistazo a mi perfil de LinkedIn.

Cómo gestionar múltiples cuentas de Git (GitHub y GitLab) con diferentes llaves SSH y usuarios por carpeta

Desarrollo
Git
Tutorial

En este tutorial aprenderás a gestionar varias cuentas de Git (por ejemplo, una personal y una de empresa) utilizando **diferentes claves SSH** y **configuraciones automáticas por carpeta**, todo organizado para que no tengas que ir cambiando el usuario o los remotes a mano.

Rediseña tu proyecto gratis este diciembre con Roast

Desarrollo
Diseño
Rediseño

Durante el mes de diciembre, ofrece un rediseño gratuito de tu proyecto a través de Roast, un servicio especializado en mejorar la apariencia y funcionalidad de sitios web y aplicaciones.

Guía Completa para Montar una VPS con Next.js en Hostinger

Hosting
Tutorial

Aprende paso a paso cómo desplegar un proyecto Next.js en una VPS de Hostinger. Configura Node.js, Nginx, PM2 y gestiona certificados SSL con Certbot para asegurar tu aplicación web.

Construyendo una Galería de Imágenes Interactiva al Estilo de la App de Fotos del iPhone con Next.js y Framer Motion

Desarrollo

Aprende a construir una galería de imágenes interactiva inspirada en la app de Fotos del iPhone de Apple con Next.js, React, TypeScript y Framer Motion, incluyendo selección de imágenes, eliminación y animaciones suaves.

Entendiendo y calculando el Line Height

CSS
Desarrollo
Diseño

Aprende a calcular y aplicar el line height en tus diseños web para mejorar la legibilidad y la estética. Descubre cómo ajustar el espacio entre líneas de texto de manera efectiva.

El Border-radius Perfecto: Guía Completa para Div Anidados

CSS
Desarrollo
Diseño

Descubre cómo lograr el border-radius perfecto en tus diseños web. Aprende la fórmula clave y experimenta con nuestro editor interactivo. ¡Optimiza la estética de tus proyectos!

Mi Experiencia con el Ratón Logitech MX Master 3S: Perfecto para Diseño y Programación

Productividad
Stack

Descubre cómo el ratón Logitech MX Master 3S en blanco ha mejorado mi flujo de trabajo en diseño y programación. Precisión, ergonomía y funcionalidades avanzadas.

Introducción a la Creación de Animaciones CSS

CSS
Desarrollo

CSS Grid es un sistema de diseño bidimensional que permite crear diseños de cuadrícula complejos y flexibles en tu sitio web. Puedes definir columnas y filas y colocar elementos en la cuadrícula.

Introducción a la Creación de Diseños con CSS Grid

CSS
Desarrollo

CSS Grid es un sistema de diseño bidimensional que permite crear diseños de cuadrícula complejos y flexibles en tu sitio web. Puedes definir columnas y filas y colocar elementos en la cuadrícula.

Introducción a CSS Flexbox

CSS
Desarrollo

Flexbox (Flexible Box Layout) es un modelo de diseño de CSS que permite organizar elementos en un contenedor de manera eficiente y flexible. Es especialmente útil para crear diseños responsivos y alinear elementos en una dirección (fila o columna) de forma que se adapten a diferentes tamaños de pantalla.

Cómo añadir espacios en el dock de MacOS

Macos
Mini Tutorial
Terminal

Maximiza la eficiencia de tu MacOS personalizando el dock con espacios estratégicos para resaltar tus aplicaciones clave. Descubre cómo mejorar tu flujo de trabajo con este mini tutorial.

Curso de 4 semanas de Webflow - Mi experiencia creando mi primer blog

Desarrollo
Diseño

Descubre cómo el curso de 4 semanas de Adplist sobre Webflow te permite aprender habilidades valiosas en el mundo del diseño web. Aprende sobre componentes, CMS y la interfaz de Webflow y cómo aplicarlos a tu proyecto.

Aprende a crear componentes reutilizables con Tailwind y Next.js

Desarrollo

Aprende cómo crear componentes reutilizables de alta calidad utilizando Tailwind y Next.js para tu aplicación web. A través de los ejemplos de botón y imagen de perfil, veremos cómo crear componentes reutilizables con estas herramientas y cómo personalizarlos para satisfacer tus necesidades.

¿Cómo realizar un proyecto con Nextjs y Tailwind?

Desarrollo

Aprende cómo crear un proyecto moderno con Nextjs y Tailwind en cuestión de minutos. Estas herramientas te permiten crear contenido web interactivo sin tener que escribir demasiado código.

Sistemas de Diseño, Cómo Utilizarlos para Mejorar la Experiencia de tus Clientes

Diseño
Freelance

En este artículo, se explica cómo utilizar un sistema de diseño como freelance para mejorar la experiencia de tus clientes y entregar proyectos de alta calidad. Se incluyen consejos sobre cómo comunicar claramente tu sistema de diseño a tus clientes y cómo asegurarte de que cumpla con sus objetivos de marketing

Convencional Commits

Desarrollo

Los Convencional Commits facilitan la gestión de código al mejorar la lectura y comprensión del historial de cambios y el proceso de integración y despliegue. Utilizan prefijos y descripciones para clasificar cambios y mejorar la colaboración en equipo.

Tendencias UI para este 2023

Diseño

Conoce las tendencias en interfaz de usuario (UI) para el 2023, incluyendo diseño en movimiento, diseño limpio y minimalista, degradados suaves y multicolores y alto contraste y monocromía

Por que uso Tailwind

Desarrollo
Diseño

Tailwind es un framework de CSS que ofrece flexibilidad, reutilización y velocidad en la creación de sitios web. Conocé cómo se utiliza en un ejemplo de una tarjeta de perfil de usuario.

Chatgpt aliado o enemigo

Desarrollo
IA

Conoce ChatGPT, el modelo de lenguaje desarrollado por OpenAI capaz de mantener conversaciones y adaptarse a diferentes temas y estilos de conversación. Prueba ChatGPT en su sitio web oficial y diviértete conversando con él.

Temas y plugins recomendados para vscode

Desarrollo
Diseño
Productividad
Software

¡Optimiza tu workflow de desarrollo con estos plugins y temas de Visual Studio Code! Descubre mis favoritos y cómo pueden ayudarte a hacer más trabajo en menos tiempo.