Skip to content
master
Go to file
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
img
 
 
js
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 

readme.md

CSS Creatures

Screenshot of CSS Creatures

Live: https://bennettfeely.com/csscreatures/

This is a new version of CSS Creatures, which was originally released in December 2012.

How it works

This project utilizes the Twitter Search API, showing tweets sent to the account @csscreatures. Tweets are parsed looking for colors and specific keywords, which are then used to build a creature.

Syntax

Colors

The color of creatures can be customized by including a 3 or 6 digit hexadecimal color (e.g. #AAA, #3b81ba) or a recognized CSS color keyword (see below) in your tweet.

Modifiers

Modifiers are appearances and behaviors to customize a creature. In many cases, more than one can be used at a time. Each modifier has a main keyword, and one or more synonyms that are also recognized.

  • angry (furious, mad, shake, shaking)
  • camouflage (camo, ghillie, hidden, military, soldier, troop)
  • cyclops (one-eye, one-eyed, monster, wazowski)
  • ghost (casper, scary, spooky, scary, spooky)
  • hungry (eating, fat, plump, talk, talking)
  • hyper (animated, excited, happy, pumped, super, smiley)
  • jack-o-lantern (halloween, pumpkin)
  • moustache (mustache, hairy)
  • nervous (anxious, scared)
  • rainbow (colorful, colors, tiedye, hippy, hippie)
  • sad (crying, depressed, upset)
  • sleepy (asleep, sleep, sleeping, sleepy, tired, rest, resting, quiet)
  • square (box, boxy, minecraft, robot, robotic)
  • tall (big, giant, gigantic, huge, skinny, thin)
  • tiny (baby, dwarf, little, mini, miniature, petite, short, small)
  • teeth (smile, smiling, smiley)
  • transparent (checker, checkerboard, checkered, hidden, invisible, see-through, translucent)
  • tooth (hillbilly)
  • upside-down (backwards, flip, flipped, upsidedown, reverse, rollover)
  • wink (winking)

List of supported CSS color keywords

aliceblue, antiquewhite, aqua, aquamarine, azure, beige, bisque, black, blanchedalmond, blue, blueviolet, brown, burlywood, cadetblue, chartreuse, chocolate, coral, cornflowerblue, cornsilk, crimson, cyan, darkblue, darkcyan, darkgoldenrod, darkgray, darkgreen, darkgrey, darkkhaki, darkmagenta, darkolivegreen, darkorange, darkorchid, darkred, darksalmon, darkseagreen, darkslateblue, darkslategray, darkslategrey, darkturquoise, darkviolet, deeppink, deepskyblue, dimgray, dimgrey, dodgerblue, firebrick, floralwhite, forestgreen, fuchsia, gainsboro, ghostwhite, gold, goldenrod, gray, green, greenyellow, grey, honeydew, hotpink, indianred, indigo, ivory, khaki, lavender, lavenderblush, lawngreen, lemonchiffon, lightblue, lightcoral, lightcyan, lightgoldenrodyellow, lightgray, lightgreen, lightgrey, lightpink, lightsalmon, lightseagreen, lightskyblue, lightslategray, lightslategrey, lightsteelblue, lightyellow, lime, limegreen, linen, magenta, maroon, mediumaquamarine, mediumblue, mediumorchid, mediumpurple, mediumseagreen, mediumslateblue, mediumspringgreen, mediumturquoise, mediumvioletred, midnightblue, mintcream, mistyrose, moccasin, navajowhite, navy, oldlace, olive, olivedrab, orange, orangered, orchid, palegoldenrod, palegreen, paleturquoise, palevioletred, papayawhip, peachpuff, peru, pink, plum, powderblue, purple, rebeccapurple, red, rosybrown, royalblue, saddlebrown, salmon, sandybrown, seagreen, seashell, sienna, silver, skyblue, slateblue, slategray, slategrey, snow, springgreen, steelblue, tan, teal, thistle, tomato, transparent, turquoise, violet, wheat, white, whitesmoke, yellow, yellowgreen

About

Make a creature by tweeting to @csscreatures

Topics

Resources

License

Releases

No releases published

Packages

No packages published