Promedio de descarga/visualización de los códigos de HTML

Listado de los códigos con más promedio de visualizaciones realizadas por día desde su publicación en la web.
sin imagen de perfil

.zipProgramación asíncrona en Blazor.


18 visualizaciones de promedio por día

C sharp

,

HTML

Actualizado el 28 de Noviembre del 2023 por Horacio Aldo (Publicado el 22 de Noviembre del 2023)
323 visualizaciones desde el 22 de Noviembre del 2023
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.

sin imagen de perfil

.zipUso de ValidationMessageStore en Blazor


14 visualizaciones de promedio por día

C sharp

,

HTML

Actualizado el 12 de Noviembre del 2023 por Horacio Aldo (Publicado el 5 de Noviembre del 2023)
498 visualizaciones desde el 5 de Noviembre del 2023
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).

sin imagen de perfil

.zipDesarrollo de un tablero de dibujo con Blazor


13 visualizaciones de promedio por día

C sharp

,

HTML

Actualizado el 28 de Agosto del 2023 por Horacio Aldo (Publicado el 24 de Agosto del 2023)
1.438 visualizaciones desde el 24 de Agosto del 2023
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.

sin imagen de perfil
Actualizado

.zipVarios botones de submit en Blazor EditForm


10 visualizaciones de promedio por día

C sharp

,

HTML

Actualizado el 10 de Diciembre del 2023 por Horacio Aldo (Publicado el 27 de Octubre del 2023)
428 visualizaciones desde el 27 de Octubre del 2023
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
sin imagen de perfil
Actualizado

.zipEnlace de una y dos vías entre componentes Blazor.


7 visualizaciones de promedio por día

C sharp

,

HTML

Actualizado el 10 de Diciembre del 2023 por Horacio Aldo (Publicado el 16 de Octubre del 2023)
372 visualizaciones desde el 16 de Octubre del 2023
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.

sin imagen de perfil

.zipComo crear un listador genérico en Blazor Webassembly que detecte la inexistencia de ítems.


6 visualizaciones de promedio por día

C sharp

,

HTML

Publicado el 29 de Septiembre del 2023 por Horacio Aldo
433 visualizaciones desde el 29 de Septiembre del 2023
Desarrollamos la capacidad de detectar y mostrar un mensaje cunado no existen ítems en la colección. Pudiendo escoger entre dos posibilidades, una mostrar un mensaje genérico y la otra un mensaje personalizado a través de un parámetro del tipo RenderFragment en el cual el desarrollador defina el HTML que más se adecue. Por ejemplo, la imagen de un aula vacía para el caso en que no haya alumnos.

sin imagen de perfil

.zipListador asincrónico Blazor.


5 visualizaciones de promedio por día

C sharp

,

HTML

Actualizado el 24 de Septiembre del 2023 por Horacio Aldo (Publicado el 22 de Septiembre del 2023)
403 visualizaciones desde el 22 de Septiembre del 2023
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.

sin imagen de perfil

.zipEl espíritu de Blazor WebAssembly


5 visualizaciones de promedio por día

C sharp

,

HTML

Actualizado el 1 de Agosto del 2023 por Horacio Aldo (Publicado el 24 de Julio del 2023)
697 visualizaciones desde el 24 de Julio del 2023
Describe de manera básica el proceso de composición del todo a las partes, partiendo de un ejemplo real, una tabla, pasando a la abstracción mediante un modelo de clases relacionadas por una composición, para llegar por ultimo al código. Realizando una aplicación web utilizando Blazor Webassembly y lenguaje c#.

sin imagen de perfil

.zipComo mostrar cargando mientras procesa


5 visualizaciones de promedio por día

C sharp

,

HTML

,

JavaScript

Actualizado el 25 de Septiembre del 2023 por Horacio Aldo (Publicado el 16 de Septiembre del 2023)
416 visualizaciones desde el 16 de Septiembre del 2023
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.

Imágen de perfil

.htmlMail HTML con imagenes incrustadas en base64


4 visualizaciones de promedio por día

HTML

Actualizado el 24 de Marzo del 2013 por Administrador (Publicado el 25 de Marzo del 2010)
22.448 visualizaciones desde el 25 de Marzo del 2010
¿Quieres crear un mail HTML con imagenes insertadas que los programas de correo no bloqueen antes de visualizar? Por ejemplo, ¿quieres utilizar una firma con una imagen y que la imagen siempre se visualice sí o sí, sin que aparezca como un archivo adjunto a tus emails? Vamos a ver cómo.
sin imagen de perfil

.zipComo listar cualquier cosa y avisar cuando es seleccionada utilizando Blazor.


4 visualizaciones de promedio por día

C sharp

,

HTML

,

JavaScript

Actualizado el 25 de Septiembre del 2023 por Horacio Aldo (Publicado el 14 de Septiembre del 2023)
370 visualizaciones desde el 14 de Septiembre del 2023
Explica como agregar eventos genéricos a un componente, también genérico, creado en videos anteriores. EL componente PUBLICA un evento al cual se SUSCRIBE el componente padre mediante un método de atención, para ser informado de las novedades que ocurren en el componente hijo y pueda actuar en consecuencia. Para el ejemplo la novedad será una selección sobre un ítem de la lista por parte del usuario, de ahí el nombre del evento creado, OnSelect.

Imágen de perfil

internetTrucos de HTML5 y CSS3


4 visualizaciones de promedio por día

HTML

Actualizado el 21 de Diciembre del 2011 por Administrador (Publicado el 23 de Agosto del 2011)
18.346 visualizaciones desde el 23 de Agosto del 2011
En esta pagina, encontrarás trucos sencillos para utilizar en tus páginas web. Están realizados de tal manera, que sean sencillos de copiar y pegar en tus códigos. Los trucos que encontraras son:
- HTML5 DOCTYPE
- Rounded Corners
- Rounded Corners Redux: Circles
- Box Shadows
- Gradients
- Text Shadows
- Border Images
- Transform Rotate
- Column Layout
- SVG
- Canvas
- Canvas Text
- Canvas Text Rotate
- Canvas Image Load & Manipulation
- Audio
- Video
Imágen de perfil

internetAlmacenamiento de datos en HTML 5. WebStorage


3 visualizaciones de promedio por día

HTML

Publicado el 13 de Mayo del 2013 por Administrador
10.660 visualizaciones desde el 13 de Mayo del 2013
En la Web disponemos de dos sitios de dónde extraer y en dónde almacenar información: en el servidor (o servidores) o en el ordenador del usuario (en el lado del cliente). Cada sitio es adecuado para sus misiones y según el tipo y la cantidad de información que movamos.
Por poner un caso paradigmático, cuando nos movemos con información sensible que no deseamos que el usuario pueda alterar, el almacenamiento en el servidor es la elección. En cambio aquella información sobre procesos de navegación del usuario, propios de él y que deben estar muy accesibles, sería un ejemplo de almacenamiento en local, del lado del cliente.
Anteriormente a los sistemas con que disponemos con HTML 5, los cookies era lo único accesible para ésta última finalidad. Cumplen sus función, pero además de otras consideraciones, no gozan de buena fama; han sido fuente de conflictos de seguridad y, desde el punto de vista de la funcionalidad, se requiere un modelo de JavaScript asociado nada claro, no se evita todo un tránsito de ida y vuelta a través de Internet –penalizando sustancialmente el código- y cuando se maneja una cantidad de información poco más que mínima, sin más, no valen o son muy poco funcionales.
Imágen de perfil

internetSublime Text 2 crear Snippet


3 visualizaciones de promedio por día

HTML

Publicado el 18 de Junio del 2013 por Administrador
9.769 visualizaciones desde el 18 de Junio del 2013
En esta oportunidad quiero compartir este tutorial el cual detalla cómo crear un snippet en Sublime Text 2.
Como sabrá la mayoría de ustedes, Sublime Text 2 es un editor de código fuente muy popular y usado cada vez más por una gran cantidad de programadores en diferentes sistemas operativos.
Cuando tenemos que escribir bastante código es necesario reducir los tiempos y para ello debemos recurrir a crear “plantillas” o “Snippet” que son fragmentos de código reutilizables. Durante la redacción de muchos tipos de texto, es frecuente que se repitan algunos fragmentos. Las plantillas permiten ahorrar tiempo y esfuerzo en dicho caso.
Imágen de perfil

internetCrear una barra de progreso con html5 y javascript


2 visualizaciones de promedio por día

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Septiembre del 2012 por Administrador
9.288 visualizaciones desde el 18 de Septiembre del 2012
Artículo en el que explicamos como crear un barra de progreso con html5 y javascript, que simule la carga de una web y acabe mostrándola.
Imágen de perfil

internetValidar campos de un formulario en HTML5, JS, jQuery o PHP


2 visualizaciones de promedio por día

HTML

,

JavaScript

,

JQuery

,

PHP

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 17 de Septiembre del 2020 por Administrador
2.576 visualizaciones desde el 17 de Septiembre del 2020
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

Screenshot_20200917_164039
Imágen de perfil

.htmlHTML5, otra forma de crear


2 visualizaciones de promedio por día

HTML

Publicado el 11 de Agosto del 2011 por Administrador
9.204 visualizaciones desde el 11 de Agosto del 2011
Adentrate y conoce el nuevo mundo de HTML5.
Imágen de perfil

.pdfDe HTML4 a HTML5


2 visualizaciones de promedio por día

HTML

Publicado el 24 de Octubre del 2011 por Administrador
8.846 visualizaciones desde el 24 de Octubre del 2011
¿Qué es HTML5?; El nuevo lenguaje HTML5. Conjunto de 34 diapositivas que hacen una visión general de nuevo HTML5.
Imágen de perfil

internetGenerar códigos QR con PHP y HTML


2 visualizaciones de promedio por día

PHP

,

HTML

,

Bootstrap

Publicado el 27 de Mayo del 2019 por Administrador
3.269 visualizaciones desde el 27 de Mayo del 2019
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.

Screenshot_20190527_215953
sin imagen de perfil

.zipHojas de Estilo en Cascada, nivel 1


2 visualizaciones de promedio por día

HTML

Publicado el 16 de Febrero del 2004 por Luis Eduardo Galindo Villanueva
14.013 visualizaciones desde el 16 de Febrero del 2004
Este documento especifica el mecanismo de las Hojas de Estilo en Cascada, nivel 1 (Cascading Style Sheet - CSS1). CSS1 es un mecanismo simple de hoja de estilo que da a los autores y lectores permiso de adjuntar estilos para documentos en HTML (por ejemplo tipos de letra, colores y espacios entre letras). El lenguaje CSS1 es humanamente legible y escribible, y expresa los estilos en común a través de la terminología empleada a través de la publicación.
Una de las características fundamentales de CSS es este estilo de hojas en cascada; los autores pueden adjuntar un estilo de hoja preferida, mientras que el lector puede disponer de una hoja personal de estilo para ajustase a los impedimentos humanos o tecnológicos. Las reglas para resolver conflictos entre hojas diferentes de estilo están definidas en esta especificación.
Esta Recomendación se deriva de las actividades del W3C en el área de Hojas de Estilos (Style Sheets - http://www.w3.org/Style/Activity).
Imágen de perfil

internetTrabajando con el storage de HTML5


2 visualizaciones de promedio por día

HTML

Publicado el 13 de Diciembre del 2012 por Administrador
7.611 visualizaciones desde el 13 de Diciembre del 2012
Una de las nuevas características que más me gustan de HTML5 es el storage, pero para hablar de este tema quiero hablar un poco sobre las cookies, pero no las galletas sino aquellos datos que se podían guardar en una aplicación Web en el cliente.
Imágen de perfil

internetIntroducción y primeros pasos con Pug


2 visualizaciones de promedio por día

HTML

Publicado el 8 de Febrero del 2017 por Administrador
4.492 visualizaciones desde el 8 de Febrero del 2017
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.
Imágen de perfil

internetComo hacer un formulario estilo Material Design con HTML, CSS y Javascript


2 visualizaciones de promedio por día

HTML

,

CSS

,

JavaScript

Publicado el 2 de Febrero del 2020 por Administrador
2.412 visualizaciones desde el 2 de Febrero del 2020
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.

Screenshot_20200202_202925
Imágen de perfil

internetCrear un menu desplegable básico con HTML, CSS y jQuery


2 visualizaciones de promedio por día

HTML

,

CSS

,

JQuery

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 17 de Diciembre del 2020 por Administrador
1.713 visualizaciones desde el 17 de Diciembre del 2020
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.

Screenshot_20201217_213117
Imágen de perfil

internetMenú de imágenes con CSS


2 visualizaciones de promedio por día

HTML

Publicado el 11 de Noviembre del 2004 por Administrador
10.943 visualizaciones desde el 11 de Noviembre del 2004
Cuando Javascript se puso de moda y escribí mi curso hace ya unos años, el truco de moda consistía en hacer unas barras de menú y que al posar el ratón sobre ellas, un script cambiara la imagen y mostrara una distinta. Hoy vamos a estudiar un método alternativo para hacer lo mismo que tiene dos ventajas: que funciona exclusivamente con HTML y CSS, sin Javascript; y que tanto la imagen original como la alternativa están en el mismo fichero gráfico (GIF, JPG o PNG) y por tanto no es necesario esperar a que carguen las imágenes alternativas para que funcione, además de que así se necesitan menos ficheros y la página carga antes. El código funciona en Explorer, Mozilla y Opera.
Imágen de perfil

internetBuscador sencillo para páginas web


2 visualizaciones de promedio por día

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 15 de Noviembre del 2004 por Administrador
10.692 visualizaciones desde el 15 de Noviembre del 2004
Una de las funcionalidades más imprescindibles en cualquier página web es la posibilidad de realizar búsquedas sencillas. En este recurso se mostrará un procedimiento para crear una caja de búsquedas que permita mostrar los documentos contenidos en la base de datos mediante una búsqueda sencilla.
Imágen de perfil

internetComprobar disponibilidad de nombre de usuario en vivo


1 visualizaciones de promedio por día

PHP

,

AJAX

,

JQuery

,

HTML

,

MySQL

Publicado el 9 de Abril del 2020 por Administrador
1.869 visualizaciones desde el 9 de Abril del 2020
Cuando queremos hacer un formulario de registro de usuarios o de elementos que deseamos que su nombre sea único y que no puede estar duplicado en la base de datos, podemos usar en nuestros campos de texto del formulario una validación para comprobar la disponibilidad o existencia del nombre en vivo.

Esto también se puede aplicar para la validación de emails únicos. También se podría comprobar en el momento si un email ya existe en la base de datos o cualquier dato que se te ocurra.

En el ejemplo que se ilustra asociado a esta entrada, vamos a ver un formulario donde el usuario puede indicar su nombre o nickname para registrarse o iniciar sesión en una página Web. Vamos a comprobar la disponibilidad del nombre de usuario en vivo utilizando la tecnología Ajax para enviar la petición al servidor sin necesidad de recargar la página.

Esto lo vamos a conseguir utilizando las siguientes tecnologías: HTML, jQuery, AJAX, PHP y MySQLi.

Screenshot_20200409_190036