Los Temas más visitados de HTML

Utilizando como escusa el desarrollo de un componente botón, contador de clics, veremos conceptos tales como: RenderFragment, async Task, MouseEventArgs, EventCallback, InvokeAsync y “[Parameter(CaptureUnmatchedValues = true)]”.

Tutorial para hacer un contador de visita en una página web HTML o PHP usando una base de datos de MySQL y mostrando las visitas en pantalla.

Muestra la conveniencia de uso de atributo [CascadingParameter] frente a [Parameter] cuando se utilizan componentes anidados. Mediante la resolución de una misma especificación funcional, primero desarrollada con [CascadingParameter] y después con [Parameter]. Cosa que evidencia el crecimiento de la complejidad del código en cal caso del uso de [Parameter].

Si quiere iniciar un el diseño de un apasiónate video juego (video game), puede utilizar este desarrollo conceptual que utiliza una bicicleta controlada por el usuario, dándole la capacidad de moverla en forma lateral a través de un camino.

La propuesta clásica de los formularios Balzor se basan en un solo evento llamado OnValidSubmit y un único botón del tipo "submit" que invoca al único método de atención al evento antes mencionado. ¿Y se precisamos más botones un método de atención para cada botón?
Este video nos revela la respuesta a esa pregunta.


Basado en el siguiente artículo:
https://stackoverflow.com/questions/58231592/multiple-submit-buttons-in-blazor-editform

Hoy os traemos otro post-receta para Google Tag Manager: una solución completa y configurable para medir vídeos HTML5 incrustados directamente en una página; es decir, con etiquetas <video> en lugar de mediante reproductores de terceros.

Los datos en la mayoría de los casos provienen de servicios web que no son instantáneos, por lo cual nuestro listador genérico debe comportarse mostrando una espera que indique al usuario el inicio y el fin de la carga. En este video mostraremos como desarrollar ese comportamiento.

Se ha añadido el comportamiento de explosión del cohete, luego de que se produzca la colisión contra la bicicleta.

Expone el desarrollo de una aplicación Blazor (C#), donde la asincronicidad o asincronía es un requerimiento indispensable para que su uso sea razonablemente viable a nivel humano.
Ya que permite al usuario escribir y enviar los mensajes al mismo tiempo, en otras palabras, el usuario puede seguir escribiendo el nuevo mensaje sin necesidad de quedarse esperando a que finalice la transmisión de los mensajes anteriores. La transmisión de cada mensaje será representada por una barra de progreso roja que avanza un 10% cada 1 segundo, logrando al cabo de 10 segundos, completar el 100% de la transmisión.

En formato pdf. Contiene 2 páginas.

Se explica cómo desarrollar un componente histograma más fácil del mundo, utilizando Blazor Webassembly y Visual Studio 2022.

Mediante un ejemplo practico se pasan valores en cascada, compartiéndolos desde el componente padre al componente hijo y al nieto. Siendo estos componentes parte del componente todo.
Concretamente se trata de una tabla que esta compuesta por filas y estas por columnas, de tal manera que el componente tabla (padre) pasa en cascada un array con los valores de las celdas, a las filas (hijo) y a las columnas (nieto).

Pug (anteriormente conocido como Jade) es un motor de plantilla de Node.js. con el que seremos capaces de escribir código HTML de una sintaxis mucho más sencilla, clara y directa, tanto a la hora de escribir como de leer y modificar.

Revisar si el código HTML o el de estilo CSS contienen errores, saber cuáles son y cómo corregirlos usando el Validador del W3C. Ejemplos prácticos de los errores más frecuentes. Daños que causan al funcionamiento y posicionamiento de las páginas en las consultas de búsqueda.

El giroscopio o giróscopo es un elemento hardware que permite detectar la inclinación y rotación de un teléfono móvil. Con un giroscopio no solo podemos detectar si el móvil está en posición horizontal o vertical sino también la inclinación sobre cualquiera de sus ejes.

Algo que es muy útil y recurrente dentro de mis proyectos es el menú desplegable, este elemento le da un toque moderno a nuestras webs, además de ahorrar espacio sobre todo cuando se trata de diseños para dispositivos móviles. Hacemos clic sobre un botón y que despliega el contenido que queremos ver en lugar de llenar la página de texto y tener que hacer scroll hasta encontrar lo que se busca. Por lo que también estamos aportando usabilidad a nuestra página web.

Este artículo muestra como crear un menú, pero podría ser simplemente un botón que despliega un contenido como las características de un producto por ejemplo y la acción podría dispararse al pasar el ratón por encima.

Las aplicaciones productivas, las no académicas, son en realidad asíncronas, dándole por ejemplo la posibilidad al usuario de continuar con su tarea sin necesidad de esperar a que otro proceso finalice. Concretamente para este video, el usuario puede seguir tipeando el nombre del color a buscar mientras la aplicación continua con la búsqueda simultáneamente.

Los gestores de contenido como WordPress permiten hacer casi todo muy fácil sin necesidad de saber código web, pero en ocasiones resulta interesante poder hacer cosas muy concretas con tu plantilla para ir un poco más allá en cuanto a la personalización del tema y conseguir un resultado aún mejor que el que a priori podrías lograr. ¡Te lo cuento en este post!

Si vas a tu web y das a botón derecho y a continuación Ver código fuente de la página, lo que verás es el código HTML y CSS con el que está construido tu sitio. Estos códigos los crea automáticamente tu CMS para que tu web pueda verse en internet. Si trabajas con un gestor de contenidos no tienes que implementarlos manualmente, pero conociéndolos un poco puedes hacer verdaderas maravillas.

Las plantillas premium suelen tener una amplia sección de opciones para modificar fácilmente casi todos los elementos de tu web, como colores, fondos, estilos de letra, etc. Pero, ¿y si hay elementos y zonas de la plantilla que no puedes modificar porque no vienen incluidos en las opciones?

Desarrolla la carga de las listas en forma asincrónica mostrando una imagen animada para indicar al usuario el tiempo que dura. Utiliza el método Task.WhenAll para lanzar las cagas en paralelo y el método StateHasChanged para avisar al componente que su estado ha cambiado y debe refrescar su interfaz de usuario.

Enseñamos qué es un boletín, cómo distribuirlos, consejos para crearlos mejor. Además, explicamos cómo hacer boletines en formato HTML y otras cosas.
Contenidos:
1.- Boletines de novedades
2.- Posibilidades para el envío de corrreo masivo
3.- Algunas listas de correo
4.- Como escribir newsletters
5.- Creación de boletines en formato HTML
6.- Enviando correo en formato HTML a la lista
7.- Newsletters que sirven para vender
8.- Mandar y contabilizar una encuesta por mail
9.- Utilizar CSS para maquetar un boletín
10.- 3 formas imbatibles de aumentar los suscritos a un Boletín

¿Qué pasa con la sección <head> & <body> del documento HTML de tu sitio web? ¿Influyen sus contenidos en el rendimiento de tu sitio a los ojos de los motores de búsqueda?

El principal objetivo es garantizar que los datos enviados a través de un formulario sean completos, precisos, seguros y consistentes. Esto se logra a través de controles de validación de datos y reglas que se comprueba al validar el formulario.

Índice de Contenidos:
1.- ¿Para qué sirve validar campos de un formulario?
2.- Ejemplo práctico
2.1.- Principales restricciones
2.2.- Formulario de origen
3.- Validar campos en HTML5
4.- Validar campos en JavaScript
4.1.- Funciones utilizadas
5.- Validar campos en jQuery
6.- Validar campos en PHP
7.- Consejos

Desarrolla los tipos de enlace de una y dos vías entre componentes Blazor. Tema más conocido en idioma inglés como “one way vs two way data binding”.
EL video inicia directamente mostrando la diferencia de comportamiento entre los tipos de enlace para pasar luego al desarrollo del código C# en el que se vaso el ejemplo inicial antes mencionado.

Como mostrar un mensaje de validación de apellido ya existente en la base de datos de la misma forma que se muestran las validaciones estándar en Blazor.
Para resolverlo utilizaremos ValidationMessageStore para presentar validaciones personalizadas (custom validation).

Los códigos QR también se les conoce como código de respuesta rápida, es un código de formato de código de barras 2D que se usa para almacenar texto como números de teléfono, correos electrónicos, direcciones y texto simple, etc. En este tutorial te mostraremos cómo generar códigos QR con PHP y HTML.

Aprenderás como hacer un formulario con el famoso estilo de google conocido como Material Design.

Puedes utilizar este diseño de formulario para cualquier cosa, ya sea un formulario para registrar usuarios o un formulario de contacto, ademas este formulario es adaptable a dispositivos móviles por lo que es una buena alternativa a los formularios tradicionales y aburridos.

Como desarrollar un tablero de dibujo de 16 x 16, reutilizando 256 veces un mismo componente Blazor Webassembly que hace las veces de un pixel. Exponiendo la necesidad del uso de parámetros y eventos como solución al problema real que se nos presenta.