Search Menu
Sep 30, 2024 · 2 min read · Crearemos un menú con cuadro de búsqueda para filtrar enlaces con JavaScript. Crear menú de búsqueda <input type="text" id="buscar" onkeyup="funcionBuscar()" placeholder="Buscar..."/> <ul id="menu"> <li><a href="#">HTML</a></li> <li><a href=...
XSantos commented
Navbar with Icons
Jun 25, 2024 · 1 min read · Crea una barra de navegación responsive con íconos, usando CSS. Ejemplo: https://codepen.io/frontend-club/pen/rNgKmze Referencias El contenido de este artículo es inspiración y traducción de: How TO - Navbar with Icons "La mejor manera de apren...
Join discussion
Split Navigation
Jun 21, 2024 · 1 min read · Aprende a crear una barra de "navegación dividida" usando CSS. Ejemplo: https://codepen.io/frontend-club/pen/bGyaymq Referencias El contenido de este artículo es inspiración y traducción de: How TO - Split Navigation "La mejor manera de aprende...
Join discussion
Responsive Topnav
Jun 20, 2024 · 1 min read · Aprende a crear un menú de navegación superior responsive, usando CSS y JavaScript. Ejemplo: https://codepen.io/frontend-club/pen/MWdrdBQ Referencias El contenido de este artículo es inspiración y traducción de: How TO - Responsive Top Navigation ...
Join discussion
Hover Tabs
Jun 18, 2024 · 1 min read · Crea pestañas mostrando contenido, con el selector ::hover, usando HTML, CSS y JavaScript. Ejemplo: https://codepen.io/frontend-club/pen/mdYqeJM Referencias El contenido de este artículo es inspiración y traducción de: How TO - Hover Tabs "La me...
Join discussion
Full Page Tabs
Jun 17, 2024 · 1 min read · Crea pestañas de contenido completo, usando HTML, CSS y JavaScript. Descarga el código fuente y personaliza según tus necesidades. Ejemplo: https://codepen.io/frontend-club/pen/BaemNJZ Referencias El contenido de este artículo es inspiración y trad...
Join discussion
Vertical Tabs
Jun 13, 2024 · 2 min read · Crea una pestaña vertical paso a paso, usando HTML, CSS y JavaScript. Ejemplo: https://codepen.io/frontend-club/pen/mdYBeRL Marcado HTML <h2>Pestañas verticales</h2> <p>Haz clic en los botones dentro de la pestaña del menú:</p> <div class="tab"> ...
Join discussion
Tabs Miniproject
Jun 12, 2024 · 2 min read · Aprende a crear pestañas sencillas, usando HTML, CSS, y JavaScript. Ejemplo: https://codepen.io/frontend-club/pen/eYaGNwO Marcado HTML <div class="tab"> <button class="tablinks" onclick="openCity(event, 'Sucre')" id="defaultOpen">Sucre</button>...
Join discussion