Dark / Light mode Switch ( data attributes technique )
-
Updated
Apr 15, 2021 - HTML
A light-on-dark color scheme —also called black mode, dark mode, dark theme, night mode, or lights-out — is a color scheme that uses light-colored text, icons, and graphical user interface elements on a dark background. It is often discussed in terms of computer user interface design and web design.
Dark / Light mode Switch ( data attributes technique )
A social media dashboard with dark mode built to solve a Frontend Mentor challenge.
🤖 "The automated testing of WordPress plugin installation, activation, and customization is demonstrated in this project. The plugin used for this automated process is WP Dark Mode, a widely used plugin that allows users to enable a dark mode or dark theme for WordPress websites." 🌐🛠️
This is the demo repository for the npm package real-dark-mode.
Page navigation via anchor links in fixed nav. No set height required on the nav.
Neste projeto desenvolvemos uma página simples usando HTML e CSS. Aplicamos responsividade com media query, conceito de variáveis CSS, funcionalidade de modo escuro e claro de acordo com as preferências do sistema.
A full-stack solution built with Angular, TypeScript, Tailwind CSS, Node.js, and MongoDB for managing invoices. Features include CRUD operations, PDF downloads, form validations, responsive design, and secure user authentication.
A small overview page of services hosted under my domain.
Originsix
This project serves as a demonstration of effectively integrating Tailwind CSS with Vite and post-processing. Additionally, it showcases seamless compatibility with the Tailwind CSS class order corrector plugin and features a dark-light mode switcher.
Landing page dynamique pour un magasin de sneakers. Slider synchronisé texte/image, menu burger, animations ScrollReveal, newsletter, badges promo et responsive adapté à tous écrans.
🌚🌞 A Toggle between Day and Night mode using a framework called Darkmode.js
Creación de un diseño de un panel de red social, con los efectos del modo obscuro
This GitHub-hosted clone site mirrors the design of the popular web hosting service, Hostinger.com.
HTML Email with good render on most Email Clients
A modern, performance-focused portfolio website built with vanilla JavaScript. Features include dynamic GitHub repository integration, intelligent caching system, responsive design, dark/light theme switching, and progressive enhancement. Built without frameworks to demonstrate core web development principles and modern JavaScript capabilities.
⚙️ DevOps Portfolio Website with GitHub Pages, CI/CD, analytics, dark mode, and downloadable resume — built from scratch to showcase skills, projects & certifications.
Full-featured Todo App built with Flask — login, dark mode, email reminders, CSV export, calendar view.