GitHub - bennettfeely/csscreatures: Make a creature by tweeting to @csscreatures
source link: https://github.com/bennettfeely/csscreatures
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
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
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK