Hack x Crack - Comunidad de Seguridad informática

Programación => Programación Web => Mensaje iniciado por: R3LI4NT en Julio 24, 2021, 06:49:00 am

Título: Top Menús de Navegación [HTML] [CSS] [JS]
Publicado por: R3LI4NT en Julio 24, 2021, 06:49:00 am
AVISO
El gif genera pérdida de calidad, por lo cual adjunto imágenes de la misma.

1- Menú Lateral (Youtube)

(https://i.im.ge/2021/07/24/7GWSY.png)

(https://i.im.ge/2021/07/24/7GZND.gif)

2- Menú Bootstrap
Este menú ya lo había subido anteriormente.

(https://i.im.ge/2021/07/24/7GKV4.png)

(https://i.im.ge/2021/07/24/7GfrC.png)

3- Menú con Submenú

(https://i.im.ge/2021/07/24/7Gk5q.png)

(https://i.im.ge/2021/07/24/7Gzgp.gif)

4- Menú Responsive

(https://i.im.ge/2021/07/24/7GpMP.png)

(https://i.im.ge/2021/07/24/7GvI1.gif)

5- Menú Lateral v2

(https://i.im.ge/2021/07/24/7GJEf.png)

(https://i.im.ge/2021/07/24/7GBdr.gif)

6- Menú Responsive + Search

(https://i.im.ge/2021/07/24/7GGNW.png)

(https://i.im.ge/2021/07/24/7Gef0.gif)

7- Menú Responsive v3

(https://i.im.ge/2021/07/26/DPxpC.png)

(https://i.im.ge/2021/07/26/DPY2q.png)

(https://i.im.ge/2021/07/26/DPbwp.gif)

USO LIBRE
CODE: https://github.com/R3LI4NT/navegation-bar


#R3LI4NT
Título: Re:Top Menús de Navegación [HTML] [CSS] [JS]
Publicado por: R3LI4NT en Octubre 05, 2021, 05:11:02 pm
8- Menú ToolTip

(https://user-images.githubusercontent.com/75953873/136049985-3da289a8-0284-4a05-83fd-27e8e038a3e2.png)

(https://user-images.githubusercontent.com/75953873/136050344-bc8af549-01c1-4700-9a67-4a30ea606d2b.gif)

USO LIBRE
CODE: https://github.com/R3LI4NT/navegation-bar

#R3LI4NT
Título: Re:Top Menús de Navegación [HTML] [CSS] [JS]
Publicado por: Locura23 en Diciembre 16, 2022, 06:47:19 pm
Gracias por los menús, se ven geniales
Título: Re:Top Menús de Navegación [HTML] [CSS] [JS]
Publicado por: R3LI4NT en Diciembre 16, 2022, 11:37:47 pm
Gracias por los menús, se ven geniales
De nada. Todos los proyectos web realizados fueron trasladados a un único repositorio para organizarme mejor. Saludos


- https://github.com/R3LI4NT/proyectos-web
Título: Re:Top Menús de Navegación [HTML] [CSS] [JS]
Publicado por: Locura23 en Diciembre 20, 2022, 06:46:24 pm
Una duda maestro, aun sigo aprendiendo HTML y CSS, pero cual es la diferencia entre usar todas las divisiones de una pagina con <div> o utilizar las etiquetas de HTML5 como <section> <main> <header> ? Supone alguna diferencia en cuanto a practicas o algo asi? Saludos
Título: Re:Top Menús de Navegación [HTML] [CSS] [JS]
Publicado por: R3LI4NT en Diciembre 20, 2022, 10:13:07 pm
Una duda maestro, aun sigo aprendiendo HTML y CSS, pero cual es la diferencia entre usar todas las divisiones de una pagina con <div> o utilizar las etiquetas de HTML5 como <section> <main> <header> ? Supone alguna diferencia en cuanto a practicas o algo asi? Saludos
Buenas tardes @Locura23.

Utilizar repetidamente la etiqueta <div> se considera una mala práctica, pues, según expertos en desarrollo web solo se debe usar cuando se trabaja con bloques o para posicionar elementos más cómodamente. Las nuevas etiquetas semánticas que has nombrado (header, section, aside, footer o main) hacen que no se tengan que utilizar un <div> con atributos de id y clase para asignar nombres que representan de qué parte de división se trata. El uso actual de <div> es para estilizar con hojas de estilo contenidos de una web (orientar con CSS).

Otra desventaja de utilizar muchas etiquetas divs es que puede afectar el rendimiento de procesamiento y carga lenta, lo que conduce a un mal posicionamiento en motores de búsqueda. Un sitio bien hecho usa bien la semántica, utiliza correctamente las etiquetas para definir la función de cada componente de la página, por lo que te recomiendo utilizar los mínimos divs posibles y necesarios para tu objetivo.

Saludos!
Título: Re:Top Menús de Navegación [HTML] [CSS] [JS]
Publicado por: Locura23 en Diciembre 22, 2022, 02:58:22 am
genial gracias por la respuesta, en verdad se aprecia mucho este sitio y todo los aportes, son de gran ayuda para nosotros los principiantes, saludos!!