chrisnajman Goto Github PK

accessible-accordions

Single and multiple item(s) accessible accordions.

accessible-dark-mode-toggle-button

An accessible dark mode toggle button using the ARIA-pressed attribute

accessible-darkmode-lightmode-toggle-buttons

Choose the default state (Light Mode or Dark Mode) of a page. Toggle between states.

accessible-mobile-menu

A responsive mobile menu with accessibility features designed for both screen reader users and keyboard-based navigation.

baltimore-classification

Slideshow of the seven classes of viral genomes as defined by the Baltimore Classification of Viruses. The slides show an example virus for each class.

bookmark-landing-page

Response to the Frontend Mentor Bookmark landing page challenge.

choose-language-dictionary

Choose a language then create a dictionary. You can add, edit and delete entries.

code-snippets

A collection of loosely-grouped code fragments.

costs-calculator

A simple calculator that tracks how much you spend per day over a number of days. An average spend is given for the period.

costs-calculator-v2

Record and save your daily spend and see the average over a number of days.

css-horizontal-media-scroller

Scroll images and other media using CSS grid. Accessible.

custom-video-player

Accessible video player with custom controls.

deploy-yml

filter-items

Filter items by category.

frontend-practice-project-webpack-5

A page built from the Abstract Project design at Frontend Practice using Webpack 5

full-bleed-alternate-rows

Using CSS box-shadow and clip-path to produce full bleed rows.

genetic-drift

A discussion of the the effects of genetic drift. The page includes a simulator for charting different genetic drift scenarios.

git-experiment

git-notes

Review of basic processes, resolving simple merge conflicts....

git-pages-index

Filter Git Pages by category

grid-flexbox-page-layouts

Three-row template using CSS Grid or Flexbox for laying out header, main and footer.

hardy-weinberg-equilibrium-model

A discussion of the Hardy-Weinberg equilibrium model. Includes a calculator for getting the genotype, allele and phenotype frequencies.

hiv

The classification, structure and replication cycle of HIV, its effect on the infected host cell (Helper T-cell) and on the infected organism (AIDS).

images

Test to see if I can embed images in a README file generated from index.html. Test to see if JavaScript DOM styling and CSS have any effect on the README. They don't.

job-list

Job listings pulled in via .json file. Use of :has(), clamp() and nesting in CSS. Includes a dark mode theme switcher.

journal-with-local-storage

A simple journal that stores entries in local storage. Entries can be edited or deleted.

journal-with-local-storage-v2

A simple journal that stores entries in local storage. Entries can be edited or deleted. V2 adds image uploading to a journal entry.

loader

CSS and JavaScript page loader which displays a loading animation or message, depending on the user's preferences.

markdown-notes-app-firestore

Create, edit, preview, save, and delete Markdown notes. Save notes to a Firestore database.

markdown-notes-app-localstorage

Create, edit, preview, save, and delete Markdown notes.