Web Programming Projects

- Joel Mundy.

This is a place to put small programming projects I do.

Some of these might be half-complete, or work on problems which have already been solved elsewhere. The purpose for me is to learn how I might solve some problems, and for my own curiosity.

Layouts:

layout_10_velogames.html
- recreate a simple layout. using HAML to generate table html.
- html, css, haml
layout_08_background_pattern.html
- experiment using several small repeating background images of different sizes to create a larger, less obviously repeating background.
- html, css
layout_04_fringe.html
- a larger, more detailed website
- html, css
layout_03.html
-
- html, css
layout_02.html
- a typical, boring layout. JQuery to change colour scheme using CSS variables
- html, css, jquery
layout_05_japan.html
-
-
layout_11_bike_shop.html
- bike shop layout copy
- html, css, haml
layout_09_animated_splash.html
- css animated splash screen
- html, css
layout_01.html
- minimal layout
- html, css
layout_06_event.html
-
-

Miscellaneous:

random_names.php
- Generate some random names
- bash script, php, html
display_csv.php
- Display .csv files as a table
- csv, php, css, html
index.html
-
-
bicycle_gearing.html
- Calculate speed for various bicycle gears
- AngularJS, JavaScript, css, html
fractal_tree.html
- a randomly drawn fractal/recursive tree
- svg, javascript
svg_pattern_02.html
- Make an SVG pattern according to some rules
- svg, javascript, css, html, instagram
solar_system.html
- model of the solar system
- html, css, scss, haml, codepen
01_fractal_path.html
- generate an svg path in a kind of fractal way
- svg, javascript, css
mysql_01.php
- Experiment with creating a MySQL database
- MySQL, php, html
map.php
- Display large collection of maps from google api
- python, php, google maps api, html
graph_01.html
- Generate some points and connect them with lines
- svg, javascript, css, html
colours.html
- Generate hex colours
- javascript, jquery css, html
fractal_triangle.html
- generate that classic fractal triangle image using a bit of recursion
- svg, javascript
graph_02.html
- generate random points and connect to the n closest points
- javascript, svg, css, html
svg_pattern.html
- A pattern of svg hexagons
- svg, JavaScript, css, html
solar_system_to_scale.html
- model of solar system with orbit speeds, planet sizes and orbit radiuses relatively accurate
- html, css, scss, haml, codepen
mortgage_calculator.html
- Calculate mortgage repayments
- AngularJS, JavaScript, css, html