Logo MiniTutorialesWebDev

No importa si eres experto o estas empezando, siempre puedes aprender un poco más

Es un espacio con el objetivo de apoyar a Desarrolladores Web a través de pequeños consejos sobre sus tecnologías base (HTML, CSS y JavaScript), seguro encontraras consejos útiles a la hora de codear.

1
2
3
4
5

ONCLICK

Icono HTML5

Onclick es un atributo para etiquetas HTML que permite detectar el evento CLICK sobre la etiqueta que posee el atributo, a este atributo se le pasa como valor una función previamente establecida en Javascript.

Images 1 de tutorial ONCLICK
Images 2 de tutorial ONCLICK
Images 3 de tutorial ONCLICK
Images 4 de tutorial ONCLICK
icono de atras
icono de siguiente

CLASSLIST.TOGGLE

Icono JS

ClassList.toggle es un método que usamos en javascript para agregar o retirar clases de una etiqueta HTML, (.classList) te da un listado de las clases que tiene la etiqueta y (.toggle) busca la clase que se le pasa por parámetro en el listado, si existe la retira y si no la agrega.

Images 1 de tutorial CLASSLIST.TOGGLE
Images 2 de tutorial CLASSLIST.TOGGLE
Images 3 de tutorial CLASSLIST.TOGGLE
Images 4 de tutorial CLASSLIST.TOGGLE
Images 5 de tutorial CLASSLIST.TOGGLE
icono de atras
icono de siguiente

CLIP-PATH

Icono CSS3

Clip-Path es una propiedad de CSS que visualmente genera la impresión de recortar un elemento HTML, al sobreponer una mascara alrededor del elemento con la forma especificada como valor de la propiedad.

Images 1 de tutorial CLIP-PATH
Images 2 de tutorial CLIP-PATH
Images 3 de tutorial CLIP-PATH
Images 4 de tutorial CLIP-PATH
Images 5 de tutorial CLIP-PATH
Images 6 de tutorial CLIP-PATH
icono de atras
icono de siguiente

FILTER

Icono CSS3

Filter es una propiedad de CSS que permite aplicar efectos de colores de sobre una imagen, variaciones de brillo y contraste entre otros mas, sin tener que hacer cambios permanentes sobre la imagen original.

Images 1 de tutorial FILTER
Images 2 de tutorial FILTER
Images 3 de tutorial FILTER
Images 4 de tutorial FILTER
Images 5 de tutorial FILTER
Images 6 de tutorial FILTER
Images 7 de tutorial FILTER
Images 8 de tutorial FILTER
icono de atras
icono de siguiente

ATRIBUTOS

Icono HTML5 Icono JS

HTML esta construido por etiquetas, las cuales pueden o no tener atributos, estos tienen diferentes funciones, tales como una forma de acceder a las etiquetas, modificar su funcionamiento e información de la misma, pero de ser necesario nosotros podemos crear atributos nuevos.

Images 1 de tutorial ATRIBUTOS
Images 2 de tutorial ATRIBUTOS
Images 3 de tutorial ATRIBUTOS
Images 4 de tutorial ATRIBUTOS
icono de atras
icono de siguiente

SELECCIONAR-DOM

Icono JS

Como sabes el DOM está constituido por diferentes elementos o etiquetas HTML, las cuales podemos seleccionar desde Javascript para manipular sus características, la selección la podemos hacer por medio del id, class, name, tag y el CSS selector del elemento.

Images 1 de tutorial SELECCIONAR-DOM
Images 2 de tutorial SELECCIONAR-DOM
Images 3 de tutorial SELECCIONAR-DOM
Images 4 de tutorial SELECCIONAR-DOM
Images 5 de tutorial SELECCIONAR-DOM
Images 6 de tutorial SELECCIONAR-DOM
Images 7 de tutorial SELECCIONAR-DOM
Images 8 de tutorial SELECCIONAR-DOM
icono de atras
icono de siguiente

ATRIBUTOS

Icono HTML5 Icono JS

HTML esta construido por etiquetas, las cuales pueden o no tener atributos, estos tienen diferentes funciones, tales como una forma de acceder a las etiquetas, modificar su funcionamiento e información de la misma, pero de ser necesario nosotros podemos crear atributos nuevos.

Images 1 de tutorial ATRIBUTOS
Images 2 de tutorial ATRIBUTOS
Images 3 de tutorial ATRIBUTOS
Images 4 de tutorial ATRIBUTOS
icono de atras
icono de siguiente

ATRIBUTOS

Icono HTML5 Icono JS

HTML esta construido por etiquetas, las cuales pueden o no tener atributos, estos tienen diferentes funciones, tales como una forma de acceder a las etiquetas, modificar su funcionamiento e información de la misma, pero de ser necesario nosotros podemos crear atributos nuevos.

Images 1 de tutorial ATRIBUTOS
Images 2 de tutorial ATRIBUTOS
Images 3 de tutorial ATRIBUTOS
Images 4 de tutorial ATRIBUTOS
icono de atras
icono de siguiente

ATRIBUTOS

Icono HTML5 Icono JS

HTML esta construido por etiquetas, las cuales pueden o no tener atributos, estos tienen diferentes funciones, tales como una forma de acceder a las etiquetas, modificar su funcionamiento e información de la misma, pero de ser necesario nosotros podemos crear atributos nuevos.

Images 1 de tutorial ATRIBUTOS
Images 2 de tutorial ATRIBUTOS
Images 3 de tutorial ATRIBUTOS
Images 4 de tutorial ATRIBUTOS
icono de atras
icono de siguiente

CLIP-PATH

Icono CSS3

Clip-Path es una propiedad de CSS que visualmente genera la impresión de recortar un elemento HTML, al sobreponer una mascara alrededor del elemento con la forma especificada como valor de la propiedad.

Images 1 de tutorial CLIP-PATH
Images 2 de tutorial CLIP-PATH
Images 3 de tutorial CLIP-PATH
Images 4 de tutorial CLIP-PATH
Images 5 de tutorial CLIP-PATH
Images 6 de tutorial CLIP-PATH
icono de atras
icono de siguiente

CLIP-PATH

Icono CSS3

Clip-Path es una propiedad de CSS que visualmente genera la impresión de recortar un elemento HTML, al sobreponer una mascara alrededor del elemento con la forma especificada como valor de la propiedad.

Images 1 de tutorial CLIP-PATH
Images 2 de tutorial CLIP-PATH
Images 3 de tutorial CLIP-PATH
Images 4 de tutorial CLIP-PATH
Images 5 de tutorial CLIP-PATH
Images 6 de tutorial CLIP-PATH
icono de atras
icono de siguiente

CLIP-PATH

Icono CSS3

Clip-Path es una propiedad de CSS que visualmente genera la impresión de recortar un elemento HTML, al sobreponer una mascara alrededor del elemento con la forma especificada como valor de la propiedad.

Images 1 de tutorial CLIP-PATH
Images 2 de tutorial CLIP-PATH
Images 3 de tutorial CLIP-PATH
Images 4 de tutorial CLIP-PATH
Images 5 de tutorial CLIP-PATH
Images 6 de tutorial CLIP-PATH
icono de atras
icono de siguiente

CLIP-PATH

Icono CSS3

Clip-Path es una propiedad de CSS que visualmente genera la impresión de recortar un elemento HTML, al sobreponer una mascara alrededor del elemento con la forma especificada como valor de la propiedad.

Images 1 de tutorial CLIP-PATH
Images 2 de tutorial CLIP-PATH
Images 3 de tutorial CLIP-PATH
Images 4 de tutorial CLIP-PATH
Images 5 de tutorial CLIP-PATH
Images 6 de tutorial CLIP-PATH
icono de atras
icono de siguiente

DESARROLLADOR WEB FRONTEND

Soy un Ingeniero Civil con 7 años de experiencia en diseño y gestión de proyectos de redes hidrosanitarias. Durante la pandemia decidí reinventarme al descubrir en el Desarrollo Web un apasionante camino para desarrollar una nueva carrera profesional, construyéndola con motivación, dedicación y un constante aprendizaje.