S6 with one-click translation
2008.04.20
Yusuke Kawasaki【川﨑有亮】
http://www.kawa.net/
Keyboard operation
- [→] next
- [←] prev
- [↑] index
- [↓] back
This presentation uses the S6 library created by amachang.
One-click translation
|
|
Example: Welcome!
Powered by
Google AJAX Language API
Translation tests
- Hello, World!
- This is a pen.
- I like dogs.
- World Wide Web
- The Internet
fade
<div class="s6_fade"> <h3>...</h3> <p>...</p> </div>
fadeScale
<div class="s6_fadeScale"> <h3>...</h3> <p>...</p> </div>
fadeScaleFromUp
<div class="s6_fadeScaleFromUp"> <h3>...</h3> <p>...</p> </div>
S6 basic
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta http-equiv="content-style-type" content="text/css"> <meta http-equiv="content-script-type" content="text/javascript"> <title>...</title> <script type="text/javascript" src="s6set/s6.js"></script> <script type="text/javascript" src="s6set/s6setup.js"></script> </head> <body>
additional libraries
<script type="text/javascript" src="//www.google.com/jsapi"></script> <script type="text/javascript" src="s6set/s6.effects.js"></script> <script type="text/javascript" src="s6set/s6.translate.js"></script> </body> </html>
Download:
http://www.kawa.net/works/js/s6/s6-translate.zip
See also:
http://d.hatena.ne.jp/amachang/20071121/1195627344
http://syuki.skr.jp/s6maker/
http://kawa.at.webry.info/200804/article_7.html