Page navigation via anchor links in fixed nav. No set height required on the nav.
- Updated
Jan 16, 2024 - HTML
Page navigation via anchor links in fixed nav. No set height required on the nav.
JavaScript practice for managing category selection
Dynamically highlight the primary menu link for the current page using the 'aria-current' attribute.
GitHub Pages site template built from the '/docs' folder using an automated front-end build process with minified HTML, CSS and (transpiled) JavaScript.
Portfolio básico realizado solo con HTML y CSS. para el informatorio 2024. Integro algunas de las últimas características de CSS como variables (lightmode y darkmode), nesting y animation-scroll
Admin interface for setting daily pool schedules, simulating an intranet page for internal use and a page to view results. Supports schedule creation, editing, and storage.
A simple, accessible online calculator built with HTML, CSS, and JavaScript without using any external resources. The focus was on accessibility and use of ARIA.
Various use cases of the Intersection Observer API across a four-page website
A collection of quotes from philosophers, artists, and writers. You can filter the list by author or tag to view related quotes.
An online wellness platform that draws design inspiration from leading platforms. Built to reflect an understanding in user-experience and best practices used for front-end development.
Dropdown menu using the HTML details element and anchor positioning.
A responsive mobile menu with accessibility features designed for both screen reader users and keyboard-based navigation.
Responsive, accessible tabs with full keyboard support and ARIA semantics.
A checkbox-driven meal item manager that enforces selection limits for precise user input control.
A modular, lightweight and accessible pagination system for displaying content from various (and varied) JSON data sources. Supports multiple pages with a customisable number of items per page and dynamic pagination buttons.
If your browser supports 'animation-timeline: scroll()' CSS, a horizontal line will appear at the top of the screen as you scroll, indicating how far you have travelled down the page.
Convert text with swearwords to text with euphemisms. Copy new text to clipboard, if required.
Add a description, image, and links to the css-nesting topic page so that developers can more easily learn about it.
To associate your repository with the css-nesting topic, visit your repo's landing page and select "manage topics."