Entradas

Mostrando entradas de febrero, 2022

Vamos a recrear el clásico juego de Snake con JavaScript

Imagen
El Snake es un videojuego lanzado a mediados de la década de 1970 que ha mantenido su popularidad desde entonces, convirtiéndose en un clásico.  Lo Primero que vamos a hacer es crear un HTML básico que contenga un canvas  para nuestras animaciones.   Lo siguiente será crear nuestro documento de JavaScript el cual contendrá toda la lógica de nuestra recreación del Snake. Lo primero será crear la interacción entre el HTML / JavaScript y el usuario. Nuestra Snake se moverá en direccines xy, por lo cual definiremos las coordenadas y la función que contendrá las condiciones del juego. Finalmente, definimos los botones de nuestro teclado que activaran el movimiento de nuestra snake. Eso sería todo por hoy, un saludo.
Publicar un comentario
Leer más...

¿Por qué es útil aprender SASS?

Imagen
SASS te ahorra tiempo escribiendo CSS, permite reducir la cantidad de líneas de código y te ayuda a mantener un orden en tus hojas de estilo.  ¿Qué es Sass? Sass es un preprocesador CSS. Es una herramienta que nos permite generar, de manera automática, hojas de estilo, añadiendo características que no tiene css.   Nesting Sass te permite anidar selectores de CSS de una manera que siga la misma gerarquia visual del html.   Variables   Almacena cualquier valor de CSS para poder reutilizarlo. Módulos No tienes que escribir todo el Sass en un mismo archivo. Puedes dividirlo como quieras con la regla @use. Mixin Un mixin te permite hacer grupos de declaraciones de CSS para reutilizar en todo el sitio. Operadores Sass posee un puñado de operadores matemáticos muy útiles. Eso sería todo por hoy, un saludo.
Publicar un comentario
Leer más...

Creación de bases de datos y tablas en mysql con xampp

Imagen
¿Necesitas crear tu base de datos y no sabes por donde empezar? Déjame ayudarte. 1° Lo primero será descargar xampp , entra a su página oficial dando clic aquí y descarga su versión más reciente. La instalación del programa será siguiente, siguiente... Finalizar.    1.1° En el buscador de Windows escribe xampp y luego clic para ejecutar el programa.     1.2° Una vez abierta la interfaz del programa inicia los servicios de MySQL desde el botón start . Si todo sale bien debe de ponerse el fondo en color verde. 2° Para la creación de la base de datos en MySQL, lo primero será ejecutar el shell desde la interfaz de xampp. 2.1° Estando en la ventana del shell ejecuta la siguiente línea: mysql -h <nombre_del_host> -p -u <nombre_de_usuario>  donde: -h <nombre del host>: indica a cuál servidor u host conectarse ( localhost si es tu equipo). -u <nombre_de_usuario>: indica el nombre de usuario a conectar (por defecto es ro...
Publicar un comentario
Leer más...

Recursos para diseñadores gráficos y devs front-end que te harán el trabajo mucho más fácil

Imagen
Muchas veces nos vemos acorralados por la falta de recursos gráficos y el poco tiempo para crearlos, pues aquí te traigo un montón de ellos que te pueden sacar del apuro.   · Pixeltrue ¿Necesitas ilustraciones? Pixeltrue tiene +500 ilustraciones 2D y 3D que se actualizan cada semana, permiten uso personal y comercial con atribución.   · Isometric ¿ilustraciones isométricas?, Isometric tiene ilustraciones isométricas gratuitas para diseñadores, startups y empresas. Esta es una colección de ilustraciones isométricas SVG gratuitas que puedes utilizar en tu sitio web, aplicación o en cualquier proyecto.    ·Adobe Color ¿Paletas de colores? Adobe nos trae su herramienta gratuita para que no desperdicies ni un segundo más.  ·Color Space ¡Nunca más pierdas horas buscando la paleta de colores perfecta! , con Color Space solo ingresa un color y genera bonitas paletas de colores.   ·Pngimg ¿Necesitas imágenes png? pngimg es una extensa biblioteca con i mágene...
Publicar un comentario
Leer más...

Entradas populares de este blog

Guía Básica de CSS Flexbox

Imagen
¿Qué es flex-box? Es un modelo unidimensional de layout, que ayuda a distribuir el espacio entre ítems de una interfaz y mejorar las capacidades de alineación.   El layout de CSS consiste en un elemento padre(contenedor) que tiene uno o más elementos hijo(item).    La propiedad CSS flex-direction especifica cómo colocar los objetos flexibles en el contenedor flexible definiendo el eje principal y la dirección (normal o al revés). La propiedad CSS justify-content define cómo el navegador distribuye el espacio entre y alrededor de los items flex, a lo largo del eje principal de su contenedor. La propiedad CSS align-items establece el valor align-self sobre todos los descendientes directos de un grupo. La propiedad align-self indica la alineación de un elemento dentro del bloque que lo contiene. La propiedad flex-wrap de CSS  especifica si los elementos "hijos" son obligados a permanecer en una misma línea o pueden fluir en varias líneas.  Eso sería tod...
Leer más...

Cómo instalar y configurar XAMPP en Ubuntu 22.04 LTS

Imagen
XAMPP es una distribución de Apache que incluye varios software libres. El nombre es un acrónimo compuesto por las iniciales de los programas que lo constituyen: el servidor web Apache, los sistemas relacionales de administración de bases de datos MySQL y MariaDB , así como los lenguajes de programación Perl y PHP . XAMPP es una distribución de Apache totalmente gratuita y de sencilla instalación. Dentro de sus principales características tenemos: Es una herramienta multiplataforma, ya que se puede instalar en Windows, Linux, Solaris, Mac OS , entre otros. Soporta PHP 7.x . Es licenciado bajo GNU . Permite la fácil creación de un sitio web. Pasos para descargar, instalar y configurar la distribución XAMPP en Ubuntu 22.04 LTS de Linux. 1. Descargar XAMPP desde su página oficial Clic Aquí. 2. Lo más común es que descarguemos la versión más actual de XAMPP for Linux , en este caso es la versión 8.1.15 la cual incluye Apache 2.4.53, MariaDB 10.4.24, PHP 8.1.5 + SQLite 2 ....
Leer más...

Creación de bases de datos y tablas en mysql con xampp

Imagen
¿Necesitas crear tu base de datos y no sabes por donde empezar? Déjame ayudarte. 1° Lo primero será descargar xampp , entra a su página oficial dando clic aquí y descarga su versión más reciente. La instalación del programa será siguiente, siguiente... Finalizar.    1.1° En el buscador de Windows escribe xampp y luego clic para ejecutar el programa.     1.2° Una vez abierta la interfaz del programa inicia los servicios de MySQL desde el botón start . Si todo sale bien debe de ponerse el fondo en color verde. 2° Para la creación de la base de datos en MySQL, lo primero será ejecutar el shell desde la interfaz de xampp. 2.1° Estando en la ventana del shell ejecuta la siguiente línea: mysql -h <nombre_del_host> -p -u <nombre_de_usuario>  donde: -h <nombre del host>: indica a cuál servidor u host conectarse ( localhost si es tu equipo). -u <nombre_de_usuario>: indica el nombre de usuario a conectar (por defecto es ro...
Leer más...