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.
Imágen de perfil

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


9 visualizaciones de promedio por día

HTML

,

JavaScript

,

JQuery

,

PHP

Publicado el 17 de Septiembre del 2020 por Administrador
1.573 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

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


7 visualizaciones de promedio por día

HTML

,

CSS

,

JQuery

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

.htmlMail HTML con imagenes incrustadas en base64


6 visualizaciones de promedio por día

HTML

Actualizado el 24 de Marzo del 2013 por Administrador (Publicado el 25 de Marzo del 2010)
22.064 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.
Imágen de perfil

internetTrucos de HTML5 y CSS3


5 visualizaciones de promedio por día

HTML

Actualizado el 21 de Diciembre del 2011 por Administrador (Publicado el 23 de Agosto del 2011)
17.958 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

internetGenerar códigos QR con PHP y HTML


4 visualizaciones de promedio por día

PHP

,

HTML

,

Bootstrap

Publicado el 27 de Mayo del 2019 por Administrador
2.381 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
Imágen de perfil

internetAlmacenamiento de datos en HTML 5. WebStorage


4 visualizaciones de promedio por día

HTML

Publicado el 13 de Mayo del 2013 por Administrador
10.295 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.515 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

internet¿Cómo crear un componente web? Elementos HTML personalizados


3 visualizaciones de promedio por día

JavaScript

,

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 26 de Mayo del 2020 por Administrador
894 visualizaciones desde el 26 de Mayo del 2020
En este artículo vamos a utilizar el API de Custom elements (Elementos HTML personalizados) para crear nuevas etiquetas y utilizarlas en nuestro código HTML, en futuras publicaciones explicaremos como se usan en conjunto con los otros 3 estándares.

Screenshot_20200526_162222
Imágen de perfil

internetCrear una barra de progreso con html5 y javascript


3 visualizaciones de promedio por día

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Septiembre del 2012 por Administrador
9.032 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

.htmlHTML5, otra forma de crear


3 visualizaciones de promedio por día

HTML

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

internetIntroducción y primeros pasos con Pug


3 visualizaciones de promedio por día

HTML

Publicado el 8 de Febrero del 2017 por Administrador
3.749 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


3 visualizaciones de promedio por día

HTML

,

CSS

,

JavaScript

Publicado el 2 de Febrero del 2020 por Administrador
997 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

.pdfDe HTML4 a HTML5


3 visualizaciones de promedio por día

HTML

Publicado el 24 de Octubre del 2011 por Administrador
8.587 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

internetTrabajando con el storage de HTML5


2 visualizaciones de promedio por día

HTML

Publicado el 13 de Diciembre del 2012 por Administrador
7.345 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.
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
13.750 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

internet¡Aprenda HTML5 en 5 minutos!


2 visualizaciones de promedio por día

HTML

Publicado el 17 de Mayo del 2016 por Administrador
3.186 visualizaciones desde el 17 de Mayo del 2016
No hay duda, HTML5 es un tema candente para los desarrolladores. Si usted necesita un curso acelerado para comprender con rapidez los fundamentos de la funcionalidad de HTML5, está en el lugar correcto.
Hablaremos del nuevo lienzo para dibujo y animación semántico de marcado, el soporte de audio y vídeo, y como usar HTML5 con navegadores anteriores. Podría tomar un poco más de cinco minutos, pero les prometo que trataré de hacerlo rápido. ¡No se vaya, vale la pena!
Imágen de perfil

internetComprobar disponibilidad de nombre de usuario en vivo


2 visualizaciones de promedio por día

PHP

,

AJAX

,

JQuery

,

HTML

,

MySQL

Publicado el 9 de Abril del 2020 por Administrador
595 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
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.683 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.423 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

internetSEO y los HTML Tags fundamentales (2019)


2 visualizaciones de promedio por día

SEO

,

HTML

Publicado el 25 de Noviembre del 2019 por Administrador
802 visualizaciones desde el 25 de Noviembre del 2019
¿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?

Screenshot_20191125_203636
Imágen de perfil

.htmlProceso para poner captcha de google HTML


2 visualizaciones de promedio por día

HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 5 de Febrero del 2020 por Administrador
645 visualizaciones desde el 5 de Febrero del 2020
reCAPTCHA es un servicio de Google, que permite la verificación de los usuarios que usan un formulario en una página, simplemente marcando una casilla.

Screenshot_20200205_195734
Imágen de perfil

internetUn vistazo a las columnas responsive en HTML5 y CSS3


2 visualizaciones de promedio por día

HTML

,

CSS

Publicado el 30 de Septiembre del 2019 por Administrador
850 visualizaciones desde el 30 de Septiembre del 2019
Una de las cosas que más echábamos de menos los diseñadores al pasarnos de print a web en épocas pretéritas, era la posibilidad de dividir el texto en columnas.

Por suerte, todo esto cambió con la llegada de CSS3. Usando CSS3 tenemos la posibilidad de organizar los contenidos de una página web en columnas sin tener que crear elementos HTML extra, algo muy útil si estamos maquetando una web con mucho contenido o donde la longitud de línea nos pueda quedar demasiado grande (como periódicos o revistas digitales). Antes, hacer esto era totalmente impensable sin la ayuda de JavaScript.

Tener esta posibilidad de dividir los contenidos en columnas nos abre un mundo de posibilidades para jugar con el layout de los contenidos sin tener que rompernos demasiado la cabeza. Por otro lado, hay que tener cuidado con la altura final del contenido, porque la experiencia del usuario se puede degradar al tener que ir haciendo scroll de arriba para bajo para poder leer todo.

Por cierto, hablamos de columnas en los contenidos. Para organizar la maquetación general de la página hay otras técnicas más adecuadas, como crear un grid responsive a base de floats, o usar técnicas como Flexbox o CSS Grid Layout. Y si no, siempre te quedará Bootstrap o frameworks CSS similares.

Screenshot_20190930_160958
Imágen de perfil

internetCómo evitar la detección automática de teléfonos en las páginas HTML


2 visualizaciones de promedio por día

HTML

Publicado el 12 de Septiembre del 2013 por Administrador
4.408 visualizaciones desde el 12 de Septiembre del 2013
Si visitas una página o aplicación HTML desde un dispositivo móvil con Android o iOS, cualquier número que parezca un teléfono se transforma automáticamente en un enlace que el usuario puede pinchar para llamar a ese número.

Este comportamiento por defecto de los navegadores móviles es el más lógico, pero en algunos sitios web puede ser contraproducente. Imagina que en tu empresa utilizas números de serie con un formato similar al de un teléfono. Al mostrar los números de serie en las páginas HTML, el navegador los convertirá en teléfonos y puede crear una gran confusión entre tus usuarios.
Imágen de perfil

internetCrear un menú con una caja deslizante


1 visualizaciones de promedio por día

HTML

Publicado el 4 de Agosto del 2010 por Administrador
5.431 visualizaciones desde el 4 de Agosto del 2010
Vamos a crear un menú donde al situarnos por las opciones, el texto se cambiará por una imagen, deslizandose la opción seleccionada para abajo y mostrando más opciones aquellos que tengan opciones añadidas.
Imágen de perfil

internetCódigos CSS y HTML para editar tu página web en WordPress


1 visualizaciones de promedio por día

CSS

,

HTML

,

WordPress

Publicado el 13 de Febrero del 2019 por Administrador
1.051 visualizaciones desde el 13 de Febrero del 2019
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.
Imágen de perfil

internetSeguimiento de vídeos HTML5 con Google Tag Manager


1 visualizaciones de promedio por día

HTML

,

Audio y Video

,

JavaScript

Actualizado el 13 de Junio del 2019 por Administrador (Publicado el 10 de Junio del 2019)
882 visualizaciones desde el 10 de Junio del 2019
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.
Imágen de perfil

internetValidación de formulario de datos


1 visualizaciones de promedio por día

HTML

,

JavaScript

Publicado el 26 de Junio del 2019 por Administrador
851 visualizaciones desde el 26 de Junio del 2019
En tanto tú puedes siempre validar datos en tu servidor, el tener validación adicional de datos en la página web tiene múltiples beneficios. En muchas formas, a los usuarios les molestan los formularios. Si validamos los datos de un formulario mientras el usuario lo llena, el usuario puede saber inmediatamente si ha cometido algún error; esto le ahorra tiempo de espera a una respuesta HTTP y le evita al servidor lidiar con entradas incorrectas en el formulario. Este artículo cubre la validación de datos de formulario dentro del contenido Web de un formulario.

Screenshot_20190626_233321
Imágen de perfil

.htmlColores html


1 visualizaciones de promedio por día

HTML

Publicado el 4 de Febrero del 2004 por Administrador
8.302 visualizaciones desde el 4 de Febrero del 2004
Paletas y aplicaciones de los colores en html
Imágen de perfil

internetRecarga de página controlada en HTML


1 visualizaciones de promedio por día

HTML

Publicado el 20 de Diciembre del 2004 por Administrador
7.332 visualizaciones desde el 20 de Diciembre del 2004
Muchas páginas web usan una recarga automática para que los usuarios dispongan de la última actualización de la misma. Un ejemplo son las portadas de los periódicos digitales o las retransmisiones en vivo. Sin embargo, en muchas ocasiones la recarga no ofrece una página nueva al usuario. Este artículo intenta ofrecer una manera que permita recargar la página sólo si ésta ha cambiado. Asumo conocimientos elevados de Javascript y básicos sobre el funcionamiento de los servidores web y la arquitectura cliente/servidor.
Imágen de perfil

.videoResponsive menu responsive website with HTML / CSS / BOOTSTRAP


1 visualizaciones de promedio por día

Bootstrap

,

HTML

,

CSS

Publicado el 13 de Abril del 2020 por Monica
396 visualizaciones desde el 13 de Abril del 2020
navbar-bootstrap-2020-css