chrisnajman

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.

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.

deploy-yml

genetic-drift

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

git-pages-index

Filter Git Pages by category

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).

journal-with-local-storage

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

self-hosting-fonts

How to self-host Google Fonts on a web page.

chrisnajman/meme-generator

Built from Scrimba's 'Build a meme generator' tutorials. Dynamically add text to the top and bottom of the image. Click the button to generate a new image.

chrisnajman/twenty-four-hour-timer

Add a time in hours/minutes/seconds and launch a countdown timer.

chrisnajman/code-snippets

A collection of loosely-grouped code fragments.

chrisnajman/css-horizontal-media-scroller

Scroll images and other media using CSS grid. Accessible.

chrisnajman/deploy-yml

chrisnajman/git-pages-index

Filter Git Pages by category

chrisnajman/blackjack

Accessible Blackjack game

chrisnajman/choose-language-dictionary

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

chrisnajman/cookie-cutter-chrome-extension

Home page for the Cookie Cutter Chrome Extension

chrisnajman/costs-calculator-v2

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

chrisnajman/custom-video-player

Accessible video player with custom controls.

chrisnajman/frontend-practice-project-webpack-5

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

chrisnajman/git-experiment

chrisnajman/markdown-notes-app-firestore

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

chrisnajman/markdown-notes-app-localstorage

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

chrisnajman/one-page-site-template

One-page site template with multiple elements, including accordion, carousel, modal and slide-in.

chrisnajman/react-form

Form built with React. Extension of Scrimba React Forms tutorials.

chrisnajman/react-layout-template

App template with layout component. Includes simple theme-switcher

chrisnajman/react-router-tutorial

A contacts demo built from the React Router tutorial - link in the README.md

chrisnajman/rgb

Demo site using React Router Dom V6

chrisnajman/scrimba-airbnb

A simple Scrimba React project, practising passing props from a parent to a child component.

chrisnajman/scroll-page-watcher

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.

chrisnajman/sortable-dictionary-v2

Sortable dictionary with edit and delete functionality.

chrisnajman/styling-svgs

CSS limitations when styling SVGs

chrisnajman/tenzies-game

Tenzies dice game, built with React

chrisnajman/to-do-list-v2

Edit, complete or delete to-do tasks. You can also reorder to-dos, if they get out of synch.

chrisnajman/vanlife

Demo site using React Router Dom V6

chrisnajman/vanlife-images

chrisnajman/vite-basic-with-routing

Vite routing setup with easy publish to Git Pages. Includes a custom 404 page, and dynamic sub-routes.

chrisnajman/webpack5-basic-setup

Basic Webpack 5 Setup