Entradas

Entrada destacada

Como usar enums en Android, kotlin

Imagen
Los enums son muy útiles cuando se tienen conjuntos de contantes que tiene un objetivo parecido, nos sirven para evitar demasiados valores mágicos y tener mejor definido el significado de las constantes de nuestro proyecto. Veamos un ejemplo práctico, en el que usamos una clase enum para definir los status de una lista de usuarios, el enum nos ayudara a definir el código numérico de status, el texto que visualizará el usuario del status y un color especifico correspondiente. ¡Comencemos! 1. Crear un proyecto nuevo vació en Android Studio. 2. Agregar las siguientes dependencias al build.gradle (Module:app). dependencies { //... implementation 'androidx.recyclerview:recyclerview:1.1.0' implementation 'androidx.cardview:cardview:1.0.0' } 3. Para poder mostrar una lista de usuarios personalizada usaremos RecycleView. Agregamos el siguiente código xml al layout activity_main.xml. <androidx.recyclerv

Contador de clicks en JavaScript

El siguiente ejemplo es un contador de clicks(clicks sobre un botón), el número de clicks se muestra en un elemento <p></p> . Código del ejemplo. <html> <head> <meta charset= "utf-8" > <title> Ejemplo 1.1 </title> <style type= "text/css" > #areaContador { font-size : 40px ; font-weight : bold ; font-family : impact; margin : 10px ; } </style> </head> <body> <button id= "botonClick" > Click </button> <p id= "areaContador" ></p> <script type= "text/javascript" > var botonElement = document. getElementById ( "botonClick" ); var pElement = document. getElementById ( "areaContador" ); var contador = 0 ;

Cambiar zona horaria Laravel 5.7 o superior (America/Mexico_City)

Imagen
La instalación de un proyecto Laravel viene configurada con la zona horaria como UTC, para poder cambiar está configuración tenemos que modificar la propiedad 'timezone' del app. Esta configuración debe hacerse en el archivo app.php que se encuentra en el directorio config Una vez tengamos ubicado el archivo buscamos el indice   'timezone' . Y cambiamos su valor por  'America/Mexico_City' o la zona horaria que se requiere utilizar. 'timezone' => 'America/Mexico_City' , Una vez guardado los cambios, los resultados ya pueden ser visibles, no es necesario reiniciar el servidor. Comenta tus dudas en los comentarios.

Personalizar los estilos de una tabla Bootstrap

Imagen
Bootstrap es una biblioteca que nos ayuda en el diseño de páginas web, la forma más básica de utilizar esta librería es utilizando el conjunto de clases predefinidas que ya trae. Por ejemplo, si queremos que un elemento ancla ( <a></a> ) tenga estilo de botón podemos hacer lo siguiente. <a class= "btn btn-primary" > Hola </a> Para documentarte más sobre bootstrap puedes ir a su página oficial  https://getbootstrap.com/  o al tutorial  https://www.w3schools.com/bootstrap/  . En esté tutorial explicaremos como modificar correctamente los estilos de bootstrap para hacer una combinación de estilos exitosa. Importar bootstrap en html. Podemos agregar bootstrap a nuestra página bootstrap de la siguiente manera. <meta name= "viewport" content= "width=device-width, initial-scale=1" > <link rel= "stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css&qu

Introducción al acceso de elementos html en JavaScript

Imagen
E n el siguiente ejemplo se muestra como obtener los valores de los campos "input" desde javascript. <!DOCTYPE html> <html lang= "es" > <head> <meta charset= "utf-8" > <title> Ejemplo Uno </title> <link rel= "stylesheet" href= "https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" > <style type= "text/css" > .form-group { padding : 15px ; } </style> </head> <body> <div class= "container" > <div class= "form-group" > <input type= "text" id= "textoEntrada" value= "hola" name= "" class= "form-control" > <script type= "text/javascript" > var inputEntrada = document. getElementById ( "textoEntrada" ); //Objeto var textoInputEntrada = inputEntrada . value ; //Obtenie

Edición de texto con canvas de HTML5

Imagen
El siguiente código consta de un archivo html, un CSS y javascript es un ejemplo que podemos usar para editar las características de un texto algo parecido a los WordArt. See the Pen Texto canvas by Jesus Tepec ( @JesusTepec ) on CodePen .

Creando botones en Python usando pygame

Imagen
Existen distintas librerías de python para implementar interfaces gráficas y que puedan usarse junto a pygame, pero también podemos crear nuestros componentes GUI (graphical user interface) si estos no requieren de mucha complejidad usando alguna librería de dibujo de gráficos como pygame. Si bien pygame no tiene incorporado componentes GUI, soporta la carga de imágenes y la gestión de eventos de teclado y ratón los cuales son suficientes para implementar botones Figura 1 . Figura 1 : Ejemplo final de implementación de botones  Implementar botones usando imágenes y eventos de ratón también nos puede servir a modo de práctica de programación. Base de la aplicación y dibujo de imágenes del botón 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 import pygame import random from pygame.locals import * FONDO = ( 32 , 30 , 32 ) BLANCO = ( 255 , 255 ,