• Stars
    star
    1,167
  • Rank 40,028 (Top 0.8 %)
  • Language
    CSS
  • Created over 10 years ago
  • Updated 10 months ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

Recreating After Dark screensavers in CSS.

After Dark in CSS

Flying Toasters in CSS

Do you longingly reminisce about the days when flying toasters graced your screen? Do words like "Confetti Factory" and "Daredevil Dan" make your heart skip a beat?

If so, then never fearโ€”CSS is here! Using modern CSS techniques like animations and transforms, we can imitate several of your favorite After Darkโ„ข screensavers.

The animations were made with CSS alone. No animated gifs or JavaScript.

See them here!

Why?

Just for fun.

License?

Full reuse is probably ok, but use at your own risk! For more details, see this comment.

Thanks to:

Jonathon Sampson, Keith Clark, Rob Glazebrook, Ryan Justice and others for posting tutorials & demos on CSS animations. N. Landsteiner, David Donarumo, and Lazy Game Reviews for online preservation of what the original screensavers looked like. Robin Casady for the Public Domain ChicagoFLF font. The original screensavers and artwork are ยฉ 1989 Berkeley Systems Inc.

More Repositories

1

checkboxland

Render anything as HTML checkboxes
JavaScript
946
star
2

anchorjs

Add deep anchor links to your docs.
JavaScript
883
star
3

poor-mans-styleguide

A frontend styleguide for the pragmatic.
HTML
471
star
4

your-life

HTML
249
star
5

franklin

A static site framework for online books.
CSS
140
star
6

twitter-listbot

A simple twitter bot that retweets the contents of a twitter list.
JavaScript
61
star
7

music-box-fun

A web app for making music box songs.
JavaScript
54
star
8

middleman-navtree

For building navigation trees & menus in Middleman.
Ruby
45
star
9

bryanbraun.github.io

My personal website.
HTML
23
star
10

alt-react-demo

Demo for a build-free alternative to React, written in vanilla JS.
JavaScript
18
star
11

connect-four

Connect Four, in Javascript.
JavaScript
17
star
12

lets-get-creative

A collection of high-quality, free, online creativity tools.
TypeScript
12
star
13

infinitely-nested-iframes

I N C E P T I O N
HTML
7
star
14

africa-map-raphael

A Javascript-friendly map of Africa using the Raphael.js library.
7
star
15

tiny-book-of-rules

A online book about the Drupal Rules module, written by Johan Falk.
5
star
16

twitter-timeline-eradicator

This Chrome Extension displays all of Twitter except the Timeline.
JavaScript
4
star
17

writer

A Drupal Blogging Theme For Developers
PHP
3
star
18

hubot-answers

Let Hubot answer your yes/no questions.
CoffeeScript
3
star
19

lit-element-demo

A demo app for exploring a web-component-based React alternative
JavaScript
3
star
20

landmark-articles

My personal list of landmark articles for personal/professional development in the web industry.
HTML
2
star
21

github-wiki-html-test

Testing which html tags are supported in Github Wikis
2
star
22

advent-of-code

My collection of advent of code exercises
TypeScript
2
star
23

petitions-newslink

Tracking public engagement by linking news items to White House petitions.
JavaScript
2
star
24

googly

A chrome extension for adding Googly eyes to any webpage.
JavaScript
1
star
25

propagate

A series of demos about Javascript Events
JavaScript
1
star
26

jTutor

Real-time javascript programming feedback in the browser.
JavaScript
1
star
27

hello

A classy introduction page.
HTML
1
star
28

alchemist

A simple, incomplete javascript game, built as a personal javascript exercise.
JavaScript
1
star
29

gdi-personal-website

Slides for a Girl Develop It workshop: Building a Personal Website with Github Pages
JavaScript
1
star