Como todo lenguaje, CSS tiene una sintaxis estricta para poder aplicar estilos en nuestras páginas web o aplicaciones. A cada estilo se le define como regla CSS y todo el archivo .css simplemente son un conjunto de reglas de estilos. Anatomía de una regla CSS El primer elemento de la regla es el selector, pseudo […]
Sintaxis básica de una regla CSS Read More »
Algunas veces, quizá pasas un tiempo intentando aplicar ciertos estilos CSS y no obtienes los resultados esperados o, quizá si obtienes un resultado, pero cuando visualizas el mismo diseño en otro navegador, este se ve completamente diferente. Esto ocurre porque cada navegador web aplica estilos por defecto a los documentos HTML; esto, para mostrar de
Cuando generamos un formulario, es necesario proporcionar a las personas diferentes opciones a la hora de ingresar la información. Y más allá de proporcionarles una buena experiencia, también es importante garantizar que la información captada, se almacenará de forma adecuada en nuestra base de datos. Las listas de selección en los formularios HTML, existen con
Cómo generar una lista de selección en un formulario HTML Read More »
Normalmente los campos de un formulario son validados con Javascript. Sin embargo, existe una posibilidad de validar un campo requerido a través de HTML que es poco utilizada. required es un atributo de la etiqueta <input> de tipo booleano que devuelve “True” o “False” al validar si el <input> tiene algún valor. En caso de
Atributo required de un input en formularios HTML Read More »
Si captar y mantener la atención de las personas en nuestras aplicaciones es tarea difícil, ahora, lograr que ingresen información a través de un formulario lo es mucho más. Y La verdad sea dicha: A las personas no les gusta mucho la idea de diligenciar formularios en Internet; lo hacen cuando es estrictamente necesario o
Cómo autocompletar datos en formularios HTML Read More »
En este artículo aprenderás los conceptos básicos sobre la creación de formularios con HTML, conocerás las etiquetas form, input y label, y la manera en la que se envía esa información al backend de una aplicación. La creación de formularios en una página web es clave, porque así las personas que visitan nuestros proyectos podrán
Cómo crear formularios HTML: etiquetas form, Input y label Read More »
En este artículo aprenderás a incrustar videos en tu página o proyecto web haciendo uso de la etiqueta HTML: video. Actualmente, los navegadores web soportan una gran cantidad de formatos de video: mp4, m4v, WebM, Ogg. Sin embargo, los formatos: mp4 y Ogg, son los formatos más compatibles con los navegadores, incluso los navegadores con
Uso correcto de la etiqueta HTML: video Read More »
Una vez conocidos los tipos de imágenes disponibles para incrustar en una página web y la manera de optimizarlas, el paso siguiente es incrustarlas en nuestros proyectos. Etiqueta HTML <figure></figure> La etiqueta figure es contenedora de la etiqueta imagen y su función simplemente es indicarle al navegador que el contenido que está dentro de ella
Uso correcto de las etiquetas HTML para imágenes: img y figure Read More »
En este artículo aprenderás cómo optimizar imágenes para colocarlas en una página web. Esto, garantizará que el sitio web cargue de forma ágil y eficiente. Antes de continuar leyendo este artículo, te recomiendo leer: los tipos de imágenes que se utilizan para la web. Optimizar imágenes de forma adecuada para una página o proyecto web,
Cómo optimizar imágenes para una página web Read More »
En este artículo hablaré sobre el tipo de imágenes que existen para Internet, cómo funcionan, cuáles son sus formatos y cuál es el adecuado dependiendo del objetivo de uso. Antes de conocer los formatos que existen para la web, es importante que reconozcas primero que los formatos de imágenes están dentro de dos categorías: imágenes
Formatos de imágenes que funcionan en las páginas web Read More »
