Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
JavaScript
Branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
data
js
README.md
index.html
script.txt
style.css

README.md

checkmate

Web-native verision of "checkmate" by Tele'jon Quinn

video on youtube: http://www.youtube.com/watch?v=xUY2_w89_4k

script doc: https://docs.google.com/document/d/1NGd5Sqnm-3LSmJC2Mv9m3pIoyEm-CnL6tKdIKFZhP4s/edit

js/css animation reference:

type:
http://tylergaw.com/articles/you-did-what-with-what http://daneden.me/labs/bigdeal/
http://tympanus.net/codrops/2012/04/17/rotating-words-with-css-animations/
http://lab.simurai.com/tilt-shift/
http://www.zachstronaut.com/lab/text-shadow-box/text-shadow-box2.html
http://tympanus.net/codrops/2011/11/28/typography-effects-with-css3-and-jquery/

animation:
https://developer.mozilla.org/en-US/demos/detail/the-letter-heads/launch
http://media.24ways.org/2009/15/space.html
http://neography.com/journal/our-solar-system-in-css3/

http://lab.simurai.com/monster/
http://www.the-art-of-web.com/javascript/css-animation/
http://www.marcofolio.net/css/css3_animations_and_their_jquery_equivalents.html
http://tympanus.net/Tutorials/ItemBlur/

articles:
http://www.hongkiat.com/blog/css3-animation-transition-demos/
http://www.1stwebdesigner.com/css/50-awesome-css3-animations/
http://www.1stwebdesigner.com/css/advanced-css-text-effects-web-typography-tips/
http://snook.ca/archives/html_and_css/css-text-rotation

possible links for video:
http://lab.tylergaw.com/themanfromhollywood/
--transitions, fades, replacement text
http://andrew-hoyer.com/experiments/
--possibly drawing out sketch to convey sentence or word
http://app-solut.com/blog/2011/03/display-additional-overlay-elements-on-top-of-an-html5-video-element-with-javascript/ --reference site
http://playdulla.com/
--background movement, text entry/transitions
http://lea.verou.me/2011/09/pure-css3-typing-animation-with-steps/
--pure css type animation with steps()
http://lukeas14.github.io/animateText.js/
--js text animation
http://codecanyon.net/item/jquery-text-animation/full_screen_preview/233445?ref=lvraa&ref=lvraa&clickthrough_id=127470269&redirect_back=true
--js text effects
http://codecanyon.net/item/textfx-a-jquery-text-animation-tool/309565?ref=lvraa
--more js text effects

misc:
http://www.webkit.org/blog-files/3d-transforms/morphing-cubes.html
--3d cube toggle
http://www.gesteves.com/experiments/starwars.html
--css star wars intro
http://srobbin.com/jquery-plugins/approach/

Something went wrong with that request. Please try again.