Ir al contenido principal

Entradas

Comandos básicos de Git

  Cambiar tu nombre de usuario:  git config --global user.name "user name" Cambiar correo electronico:  git config --global user.email "correo" Para saber en qué estado están los archivos antes de hacer git add o git commit git status  Los c ambios que quieres incluir en el próximo commit git add archivo (agrega un archivo en específico) git add . (agrega todos los cambios) Hacer el commit  git commit -m "Mensaje del commit" Ejemplo : git commit -m "[ADD] modulo" git commit -m "[FIX] modulo" git commit -m "[UPDATE] modulo" Subir tus cambios (commits) git push origin nombre_rama Actualizar una rama git pull origin nombre_rama Cambiar de rama git checkout nombre_rama Crear rama y cambiarte git branch -b nombre_rama Regresar al commit anterior sin perder los cambios git reset HEAD~1 Quitar un archivo en especifico que no quieras subir a un commit git restore --staged archivo Cambiar el mensaje de un commit  git commit --amend -m ...
Entradas recientes

5 plugins que te ayudaran en Figma

S i estas comenzando a diseñar en figma, estos son 5 plugin  te servirán de gran ayuda en tus diferentes diseños a continuación los en listo. iuGradients:   T e ayudara a obtener degradados de forma rápida como se muestra a continuación: Unsplash:   Te ayudara a encontrar imágenes de todo tipo si tener que descargarlas e importar las a figma a continuación te muestro. Iconify :   Tiene cualquier tipo de icono que necesites, no tienes que diseñarlos, como se ve a continuación: Get Wave:   Te permite hacer ondas de forma rápida y practica adaptándolo a lo que necesitas como se puede observar: Content Reel:   Este último plugin te permite realizar múltiples funciones, como colocar un icono, avatars, full name, url, date, lorem inputs de forma rápida como su nombre lo indica, nos permite colocar contenido de forma de real, como se muestra a continuación: Espero te ayuden estos plugin :)

Horizontal Scrolling

  A  continuacion te explico como lograr un scrolling horizontal en figma. Para este ejemplo yo voy a replicar el diseño de instagram. ⇒ Paso 1: Vas a crear los siguintes componentes, en mi caso cree dos, como se ve a continuacion:  ⇒ Paso 2: Duplica tus componetes y colocalos en donde tu gustes, en micaso lo coloque de esta manera, como se ve en la captura. ⇒ Paso 3: Muy bien, ahora el siguiente paso es agrupar los componentes duplicados como se ve a continuacion los vas a selecionar Ahora clic derecho y nos va a desplegar lo siguiente, y vamos a selecionar  group selection : ⇒ Paso 4: Muy bien, ahora el siguiente es seleccionar el segundo componente como se ve a continuación y copiar y pegar 4 veces. Te va a quedar de la siguiente forma: Ahora solo hay que cambiar las fotos por una diferentes y los nombres como se muestra en la captura. ⇒ Paso 5: Vas a seleccionar todos los componente como se ve en la captura. Clic derecho y selecciona frame selection. ⇒ Paso 6:...

Login en Figma

C omo hacer un login para móvil en figma si no eres beta, practico y rápido, a continuación te explico paso a paso. ⇒ Paso 1 : Selecciona el frame del dispositivo móvil que tu deseas, en mi caso seleccione iPhone 8 Plus, como se muestra en la captura. ⇒  Paso 2 :  Vamos a diseñar dos pantallas una de  login  y otra de  bienvenida , lo puedes hacer a tu gusto, en mi caso lo diseñe como se muestra en la captura. ⇒  Paso 3 :  Muy bien, ahora vamos a diseñar el login de carga, lo diseñe de forma básica como se ve a continuación. Muy bien, a hora vamos a duplicar 7 veces el  login de carga,  debió quedarte como se ve en la captura. Ahora lo vas acomodar de la siguiente forma para dar el efecto como se ve en la siguiente captura. Bien ahora vamos con la funcionalidad del login, selecciona y se va a activar como se a continuación.   Ahora con cada uno de los frames los vas a configurar de la siguiente manera como se ve en la captura. ⇒  Pa...

Efecto hover en figma

E l efecto hover en un botón es fácil de hacer en figma, hoy te enseño como hacerlo de forma rápida. ➨  Paso 1 :  Vas crear dos botones y le darás el diseño de tu preferencia, yo los diseñe como se ve en captura. ➨  Paso 2 :  Selecciona tu botón y da clic en prototype en la parte superior derecha como se en la captura. Posteriormente en tu botón se activara un más como se ve a continuación en la captura. Ahora vas a seleccionar tu segundo botón como se en la captura. ➨  Paso 3 : Bien, ahora vas a realizar la siguiente configuración para que sea hover. ➨  Paso 5 : Muy bien, ahora ejecútalo, debió quedarte de la siguiente manera, como se muestra. Espero te haya servido de ayuda.

Cómo hace un slider con FIGMA

 A continuación te explico paso a paso como lograr un slider con figma , rápido y sencillos. ➤ Paso 1: Selecciona el frame de tu preferencia, en mi caso seleccioné Desktop 1440 x 1024. ➤   Paso 2:  Agrega todo el contenido que quieras que se visualice en tu slider, en mi caso agregue lo siguiente como se muestra en la siguiente captura . ➤   Paso 3:  Como se muestra en la captura vas a seleccionar Rectangle .    En tu frame en la parte inferior vas agregar tres rectangle con las siguentes medidas w(ancho): 90 y h(altura):6 como se muestra en la captura.  El primer rectangle (rectangulo) debe tener las siguientes características.  Los siguientes dos rectangles (rectangulos) deben tener las siguientes características.  ➤   Paso 4: Ahora vas a duplicar el primer frame como se muestra e la captura. Ahora procederemos a cambiar la información y la imagen como se muestra en la captura. Muy bien, el siguiente paso es camb...

Cómo cambiar al navegador BRAVE a español u otro idioma.

C uando se descarga el navegador bravo por default esta en ingles pero si tu lo quieres cambiar a español, sigue estos simples pasos. ➤ Paso 1: Abre el navegador y en la parte inferior derecha clic en configuración (settings). ➤  Paso 2: Selecciona languages. ➤  Selecciona la flecha que se  muestra en la captura anterior y se despliega  lo siguiente: ➤   Paso 3: Selecciona Add languages. Busca el idioma español o cualquier otro idioma que quieras añadir. Además puedes añadir tantos como quieras. A continuación se muestra como se ve al seleccionar el idioma de español: Ahora para que el primer idioma sea español selecciona como se muestra a continuación y da clic en Move up para mover arriba o   Move down  abajo con las opciones que están a la derecha de cada idioma y que se ve seleccionado en la siguiente captura: ¡ Listo ahora el idioma  de nuestro navegador  estará  en español ! Además podrás seleccionar la opción de “...