Juego simple de tres en raya usando JavaScript

¿Cómo implementar un juego de Tic-Tac-Toe para 2 jugadores usando JavaScript?  Es bastante fácil de desarrollar con algunas validaciones simples y comprobaciones de errores. El jugador 1 comienza a jugar y ambos jugadores hacen sus movimientos en turnos consecutivos. El jugador que hace una string recta de 3 bloques gana el juego. Este juego se … Continue reading «Juego simple de tres en raya usando JavaScript»

Colores de notificación de Bulma

Bulma es un marco CSS gratuito y de código abierto basado en Flexbox. Es rico en componentes, compatible y está bien documentado. Es de naturaleza altamente receptiva. Utiliza clases para implementar su diseño. La notificación es un simple bloque de color que llama la atención del usuario sobre algo. Se puede usar como una notificación … Continue reading «Colores de notificación de Bulma»

¿Cómo establecer el desplazamiento de la zona horaria usando JavaScript?

El desplazamiento de la zona horaria es la diferencia horaria en horas o minutos entre la hora universal coordinada (UTC) y una zona horaria determinada. El método getTimezoneOffset() de JavaScript se usa para encontrar el desplazamiento de la zona horaria. Devuelve la diferencia de zona horaria en minutos, entre la UTC y la hora local … Continue reading «¿Cómo establecer el desplazamiento de la zona horaria usando JavaScript?»

Entradas de solo lectura de formulario CSS puro

Readonly es uno de los atributos del elemento <input> en Pure CSS Forms . Se usa para hacer que el campo de entrada en un formulario sea de solo lectura, es decir, no podemos modificar el contenido existente dentro del campo de entrada, ya sea que esté vacío o no. El nombre en sí mismo … Continue reading «Entradas de solo lectura de formulario CSS puro»

Cree un formulario dinámicamente usando Dform y jQuery

Si alguna vez ha utilizado formularios de Google, es posible que se haya preguntado cómo funciona. Cómo un usuario final puede crear un formulario allí de forma dinámica. Si alguna vez se le ocurrieron estas preguntas, este artículo puede ayudarlo. Requisito previo: Básico de HTML y CSS Básico de JQuery El complemento que vamos a … Continue reading «Cree un formulario dinámicamente usando Dform y jQuery»

Variaciones del botón de la interfaz de usuario semántica – Part 1

La interfaz de usuario semántica es un marco moderno que se utiliza para desarrollar diseños perfectos para el sitio web. Brinda al usuario una experiencia liviana con sus componentes. Utiliza el CSS y jQuery predefinidos para incorporar en diferentes marcos. El grupo de botones de interfaz de usuario semántica ofrece variaciones de botón, hay botones … Continue reading «Variaciones del botón de la interfaz de usuario semántica – Part 1»

¿Cómo cambiar el menú desplegable cuando se cambia la hora?

La tarea es cambiar el menú desplegable cuando se cambia la hora. Hay dos enfoques que se analizan a continuación. Enfoque 1: utilice el método setTimeOut() y ejecute el código de cambio de menú después de un tiempo. Ejemplo: Este ejemplo implementa el enfoque anterior. <!DOCTYPE HTML> <html>    <head>     <title>         How to change dropdown  … Continue reading «¿Cómo cambiar el menú desplegable cuando se cambia la hora?»

Bulma selecciona estilos

Bulma es un marco CSS gratuito y de código abierto basado en flexbox . Es rico en componentes, compatible y está bien documentado. Es de naturaleza altamente receptiva. Utiliza clases para implementar su diseño. El estilo de selección de Bulma se usa para establecer el estilo en los elementos seleccionados. Solo hay un único estilo … Continue reading «Bulma selecciona estilos»

¿Cómo crear un texto curvo usando CSS3/Canvas?

Existen varios métodos para curvar texto en tecnologías web. Las formas más sencillas son mediante el uso de complementos jQuery y SVG, pero no lo explicaremos aquí, nos ceñiremos a la pregunta y aclararemos cómo curvar texto usando CSS3 y lienzo. Empecemos. Curvar texto usando CSS3: este método es extremadamente agotador para curvar texto largo … Continue reading «¿Cómo crear un texto curvo usando CSS3/Canvas?»

Tamaños de pestañas Bulma

En Bulma podemos elegir el tamaño de las pestañas según nuestras necesidades. Bulma tiene pestañas principalmente en tres tamaños pequeño, mediano y grande. Para elegir el tamaño de las pestañas usamos la clase is-small, is-medium y is-large. Clases de tamaño de pestañas Bulma: is-small-: Proporciona tamaño pequeño a las pestañas. is-medium-: Proporciona un tamaño medio … Continue reading «Tamaños de pestañas Bulma»