Frontend Clubfrontend-club.hashnode.dev·Oct 4, 2024Hoja de trucos de GitAquí tienes una hoja de trucos de Git que puedes utilizar para tus futuros hackeos. 1) Configuración de Git Cuando comiences a utilizar Git por primera vez (en una máquina nueva), hay algunas configuraciones que debes establecer. # establece nombre y...Git
Frontend Clubfrontend-club.hashnode.dev·Oct 3, 2024Fixed SidebarAprenda a crear un menú de navegación lateral fijo con CSS. https://codepen.io/frontend-club/pen/jOgWazJ Crea un sidebar Paso 1) Marcado HTML <!-- Barra lateral (sidebar) --> <div class="sidenav"> <a href="#nosotros">Nosotros</a> <a href="...Mini projects#fixedsidebar
Frontend Clubfrontend-club.hashnode.dev·Jun 21, 2024Split NavigationAprende 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...30 readsMini projectssplit-navigation
Frontend Clubfrontend-club.hashnode.dev·Feb 24, 2024PROY48: Sign Up FormBienvenido, Nuestra misión será crear un formulario de suscripción de noticias, usando HTML y CSS; y lograr que se parezca lo más posible al diseño. Los usuarios deberían poder: Ver un mensaje de error si envían el campo vacío. Ver un mensaje de er...ChallengesSign up form
Frontend Clubfrontend-club.hashnode.dev·Feb 23, 2024PROY47: Social Media Dashboard Theme SwitcherBienvenido, Nuestra misión será crear un control deslizante de testimonios, usando HTML, CSS y JavaScript; y lograr que se parezca lo más posible al diseño. Los usuarios deberían poder: Cambiar el tema (dark mode) de color según sus preferencias. V...Challengessocial-media-dashboard-theme-switcher
Frontend Clubfrontend-club.hashnode.dev·Feb 22, 2024PROY46: Apps ListBienvenido, Nuestra misión será crear un componente de lista de aplicaciones, usando HTML y CSS; y lograr que se parezca lo más posible al diseño. Los usuarios deberían poder: Ver un diseño óptimo en pantallas grandes(1200px) y pequeñas(375px). Ver...Challengesapps-list
Frontend Clubfrontend-club.hashnode.dev·Feb 21, 2024PROY45: Coding Bootcamp Testimonials SliderBienvenido, Nuestra misión será crear un control deslizante de testimonios, usando HTML, CSS y JavaScript; y lograr que se parezca lo más posible al diseño. Los usuarios deberían poder: Navegar por el control deslizante usando el mouse o teclado. V...Challengescoding-bootcamp-testimonials-slider
Frontend Clubfrontend-club.hashnode.dev·Feb 19, 2024PROY43: Interactive Pricing ComponentBienvenido, Nuestra misión será crear un componente de precios interactivo, usando HTML, CSS y JavaScript; y lograr que se parezca lo más posible al diseño. Los usuarios deberían poder: Utilizar el control deslizante y alternar para ver los precios ...Challengesinteractive-pricing-component
Frontend Clubfrontend-club.hashnode.dev·Feb 18, 2024PROY42: Crowdfunding Product PageBienvenido, Nuestra misión será crear una Página de Crowdfunding, usando HTML, CSS y JavaScript; y lograr que se parezca lo más posible al diseño. Los usuarios deberían poder: Ver un diseño óptimo en pantallas grandes(1200px) y pequeñas(375px). Ver...Challengescrowdfunding-product-page
Frontend Clubfrontend-club.hashnode.dev·Feb 17, 2024PROY41: Blogr Landing PageBienvenido, Nuestra misión será crear una Landing Page Blogr, usando HTML, CSS y JavaScript; y lograr que se parezca lo más posible al diseño. Los usuarios deberían poder: Ver un diseño óptimo en pantallas grandes(1200px) y pequeñas(375px). Ver íco...Challengesblogr-landing-page