How To Guide

[GO BACK]

Here is what you need to be a HTML master from 1994.

STEPS:

  1. Download and edit the template for content / css.
  2. Get graphical assets @ https://geekalicious.design/web.assets/
  3. Convert all modern graphics into a pixelated mess (Save as JPG with 1-10% quality)
  4. Translate your content into broken English to avoid copyrights.
  5. Upload to our site! @ https://geekalicious.design/upload.html

Tada! You are now a HTML master from 1994!

SOFTWARE:

  1. Typora. Minimal markdown editor. Visually create fast html templates.
  2. Sublime Text Editor - Great text editor for code / markup

RESOURCES:

  1. Cool Archive - Collection of graphics from the 90s
  2. gifcities.org – GifCities is a special project of the Internet Archive to celebrate 20 years of preserving the web. With this website you can find all kinds of amazing old animated gif-ness.

USEFUL FILE(S):

  1. blank.html - blank html document

EXAMPLES:

External stylesheets (even better then internal stylesheets!)

<link rel="stylesheet" type="text/css" href="style.css" media="screen"/>

css grid is awesome! Great for galleries.

#gallery-container {
	/* responsive by nature */
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	/* auto-fit = stretch items in grid */
	/* 1fr = max width of grid */
	grid-gap: 20px;
}

the blink html tag was deprecated but never fear it can be reproduced with css!

@keyframes blink {  
    0% { color: pink; }
    100% { color: black; }
}

@-webkit-keyframes blink {
    0% { color: pink; }
    100% { color: black; }
}

.blink {
    -webkit-animation: blink 0.5s linear infinite;
    -moz-animation: blink 0.5s linear infinite;
    animation: blink 0.5s linear infinite;
    text-align: center;
}