root/websites/twicli/index_en.html @ 39054

Revision 39046, 10.5 kB (checked in by NeoCat, 3 years ago)

remove search2.js from plugins list

  • Property svn:mime-type set to text/html; charset=UTF-8
Line 
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2<html lang="en">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5<meta http-equiv="Content-Script-Type" content="text/javascript">
6<meta name="description" content="twicli is a web browser-based Twitter client. No need for installation. Automatically fetches timeline, and show with cool animation.">
7<title>twicli - A Web Browser-Based Lightweight Twitter Client</title>
8<style type="text/css"><!--
9body { background-color: #115; margin: 0; padding: 0; }
10.whole { width: 800px; padding: 20px; margin: 0; background-color: #fff; font-size: 90%; }
11.launch { margin-left: 100px; padding: 10px; text-align: center; color: #00f; background-color: #cfc; border: 2px solid #393; width: 200px; font-size: large; }
12.button { cursor:pointer; }
13li { margin: 4px; }
14h1 { border-bottom: solid 2px red; }
15h2 { border-left: solid 1.2em #cf6; padding-left: 4px; }
16h3 { border-left: solid 1.2em #fc0; padding-left: 4px; }
17img { border: none; }
18.language_selection { float:left; margin-left:700px;}
19pre { background-color: #ddf; border: 1px solid #66f; }
20--></style>
21</head>
22<body>
23<a class="language_selection" href="index.html">Japanese</a>
24<div class="whole">
25<h1><a name="twicli"><img alt="twicli" src="images/icon_large.png" width="48" height="48"> twicli</a></h1>
26<table><tr><td>
27<p>
28twicli is a browser-based Twitter client.
29<ul>
30<li>No need for installation. All you need is a Web browser.
31<li>Automatically fetches timeline, and show with cool animation.
32<li>Use cross domain JavaScript to access Twitter directly (no server needed), so your password is sent to Twitter only.
33</ul>
34
35<p>
36Useful when you are in an Internet cafe, doing something else while viewing Twitter timeline.<br>
37Works on Firefox, Safari, Opera, IE8 at the moment, as well as
38Safari on iPhone/iPod touch<br>
39Works on IE7 too, but some parts aren't displayed properly.<br>
40<div class="launch"><a onclick="window.open('twicli.html', 'twicli', 'width=280,height=600,menubar=no,toolbar=no,scrollbars=yes,location=no,resizable=yes')" href="javascript:void window.open('http://twicli.neocat.jp/twicli.html', 'twicli', 'width=280,height=600,menubar=no,toolbar=no,scrollbars=yes,location=no,resizable=yes')">Launch twicli</a></div>
41</td><td>
42<img alt="screenshot" width="331" height="478" src="usage/usage1.png" align="right">
43</td></tr></table>
44
45<h2><a name="usage">Usage</a></h2>
46<h3><a name="launch">Launch</a></h3>
47Just click the link above, or run it as a bookmarklet.<br>
48When you get asked for authorization, please follow the instruction on each page.<br><br>
49Be careful not to hit <b>API request limit (350 requests per hour)</b> by clicking too much. :-P
50</p>
51
52<h3><a name="howto">How to Use</a></h3>
53<table width="100%"><tr>
54<td width="40"><img alt="prev" onClick="go(-1)" src="images/left.png" class="button"></td>
55<td align="center"><img alt="usage" id="usage" width="600" height="480" src="usage/usage2.en.png"></td>
56<td width="40"><img alt="next" onClick="go(1)" src="images/right.png" class="button"></td>
57</tr></table>
58<script type="text/javascript">
59var i = 0;
60function go(d) {
61        i = (i + d + 4) % 4;
62        var usage = document.getElementById("usage");
63        usage.width = [600,600,480,620][i];
64        usage.height = [480,480,480,710][i];
65        usage.src = "usage/usage"+(i+2)+".en.png";
66}
67</script>
68<img alt="usage" src="usage/usage2.en.png" width="1" height="1">
69<img alt="usage" src="usage/usage3.en.png" width="1" height="1">
70<img alt="usage" src="usage/usage4.en.png" width="1" height="1">
71<img alt="usage" src="usage/usage5.en.png" width="1" height="1">
72
73<h2><a name="faq">FAQ</a></h2>
74<ul>
75<li><b>How to send direct messages?</b><blockquote> => Please write "d username message contents" in the tweet field and send it. You can write "d username" more easily by clicking reply button in D tab. You must be followed by the destination user to send direct messages.</blockquote></li>
76<li><b>How to hide tweet which contains specified kerwords?</b><blockquote> => Write "-::keyword:1" into "Pickup Pattern" in the "+" tab.</blockquote></li>
77<li><b>My tweets are sometimes lost ...</b><blockquote> => Twitter may be too crowded. Try writing just "r" and hit enter to re-post your previous tweet.</blockquote></li>
78<li><b>Appearance is poor ...</b><blockquote> => Default appearance isn't decorated at all to display many tweets at once. You can customize twicli's appearance using CSS. Please refer <a href="#customize">"Customize" section</a> below.</blockquote></li>
79<li><b>Too much API usage when I tweet frequently ...</b><blockquote> => Disable "Update after post" in "Preferences" in "+" tab to suppress automatic update after tweet is posted.</blockquote></li>
80<li>You can find more information in <a href="http://github.com/NeoCat/twicli/wiki">twicli wiki</a>.</li>
81</ul>
82
83<h2><a name="customize">Customize</a></h2>
84There are also some information about customizing twicli in <a href="http://github.com/NeoCat/twicli/wiki">twicli wiki</a>.
85<h3><a name="css">User Stylesheet</a></h3>
86You can add your own CSS in "user stylesheet" section of the "+" tab. For example;
87<ul>
88<li>to apply corner-rounded and shadowed appearance : <tt> @import url(styles/round.css); </tt>
89<li>to hide user icons : <tt> .uicon { display: none; } </tt>
90<li>wider lines : <tt> .status { line-height: 1.5; } </tt>
91</ul>
92There are some guys publishing more stylesheets for twicli (=><a href="https://github.com/NeoCat/twicli/wiki/User-stylesheet">twicli wiki</a>).
93
94<h3><a name="plugins">Plugins</a></h3>
95You can register plugins by setting them at the "Preferences" in the "+" tab.<br>
96Currently, there are plugins below:
97<ul>
98<li>Default plugins<ul>
99<li><b>regexp.js</b> : Add a tab that extracts timeline that has specific keywords, ID, etc. <a href="http://d.hatena.ne.jp/NeoCat/20090101">Detail(in Japanese)</a>
100<li><b>lists.js</b> : Add a tab that shows lists you following. Specify the name of lists to make tab in "+" tab.
101<li><b>outputz.js</b> : Count how many letters you tweet, and send it to <a href="http://outputz.com/">Outputz</a>.
102<li><b>search.js</b> : Add keyword search by <a href="http://search.twitter.com/">Twitter Search</a> to the "+" tab.
103<li><b>favotter.js</b> : Indicate latest popular favorited tweets like <span style="background-color:#6fc; color:#00c;">[fav:3]</span>. Thanks to <a href="http://favotter.matope.com/">Favotter</a>.
104<li><b>followers.js</b> : Colorize tweets of users that you don't follow in blue. To use this, you need to fetch the list of followers by clicking the "Renew" button at the "Color followers" section.
105<li><b>translate.js</b> : Choose "translate" from ▼, then the tweet is translated into the language specified in "+" tab > Translate. (Specify "en" for English.)
106<li><b>thumbnail.js</b> : Add thumbnails to the URL of some photo sharing services. Currently supports <a href="http://twitpic.com/">twitpic</a>, <a href="http://movapic.com/">movapic</a>, <a href="http://f.hatena.ne.jp/">HatenaFotolife</a>, <a href="http://tumblr.com/">Tumblr</a>, <a href="http://yfrog.com/">yFrog</a>, <a href="http:/plixi.com/">Plixi</a>, <a href="http://img.ly/">img.ly</a>, <a href="http://ow.ly/">Ow.ly</a>, <a href="http://www.flickr.com/">Flickr</a>, <a href="http://instagr.am/">Instagram</a>, <a href="http://picplz.com/">picplz</a>, <a href="http://moby.to/">Mobypicture</a>, <a href="http://www.youtube.com/">YouTube</a>, <a href="http://www.nicovideo.jp/">Nico Nico Douga</a>, and <a href="http://www.slideshare.net/">SlideShare</a>.
107<li><b>embedsrc.js</b>: Add a button (<img src="images/jump.png">) to overlay the content of URL in tweets. (created by <a href="http://twitter.com/_wa_">@_wa_</a>)
108<li><b>resolve_url.js</b> : Replace short URLs with the originals in the timeline. (created by <a href="http://twitter.com/edvakf">@edvakf</a>)
109<li><b>shorten_url.js</b> : Typing a URL in the text area followed by three semicolons (;;;) makes a shortened URL. (created by <a href="http://twitter.com/edvakf">@edvakf</a>)
110<li><b>geomap.js</b> : Display inline Google Map by clicking the marker (<img src="images/marker.png">) of tweets with GeoLocation.
111<li><b>tweet_url_reply.js</b>: Add a button (<img src="images/jump.png">) to get the content to URL of a tweet. (created by <a href="http://twitter.com/edvakf">@edvakf</a>)
112</ul><li>Non-default plugins<ul>
113<li><b>reply_favicon.js</b>: Change favicon(not supported by IE and Safari) and the title when 'Re' is updated. (created by <a href="http://twitter.com/edvakf">@edvakf</a>)
114<li><b>related_results.js</b>: Add a menu to show the related tweets into ▼ (created by <a href="http://twitter.com/tkawa">@tkawa</a>).
115<li><b>sound.js</b>: Play sound when 'TL'/'Re' is updated.
116<li><b>insert_hashtag.js</b>: Append the hashtag to your tweets automatically while a tab for the hashtag is opened. (created by <a href="http://twitter.com/_wa_">@_wa_</a>)
117<li><b>shortcutkey.js</b>: Enable operation by shortcut keys. (-><a href="https://github.com/NeoCat/twicli/wiki/Shortcutkeys">List of the shortcut keys</a>)
118<li><b>multi_account.js</b>: Switch between multiple accounts in '+' tab. Useful with tabbed browsers.
119</ul>
120
121<h2><a name="source">Source</a></h2>
122"twicli" is developed at <a href="http://coderepos.org/share/browser/websites/twicli/">CodeRepos</a> and <a href="http://github.com/NeoCat/twicli/">github</a> under <a href="LICENSE.txt">MIT license</a>.
123<p>Please report any bugs/wishes to <a href="http://twitter.com/NeoCat">@NeoCat</a>. Your patches are also appreciated.</p>
124
125<h2><a name="link">Links <small><small>(all in Japanese)</small></small></a></h2>
126<ul>
127<li><a href="http://github.com/NeoCat/twicli/wiki">twicli wiki</a>
128<li><a href="http://d.hatena.ne.jp/NeoCat/20080819/1219133294">Development Memo</a>
129<li><a href="http://d.hatena.ne.jp/NeoCat/20110206/1296934235">About API call from JavaScript</a>
130<li><a href="http://d.hatena.ne.jp/NeoCat/20080819/1219133294">About development of Plugins</a>
131<li><a href="http://d.hatena.ne.jp/NeoCat/20081121/1227282584">About Outputz plugin</a>
132<li><a href="http://d.hatena.ne.jp/NeoCat/20090101/1230838882">About Regexp plugin(1)</a>
133<li><a href="http://d.hatena.ne.jp/NeoCat/20090101/1230913660">About Regexp plugin(2)</a>
134<li><a href="http://d.hatena.ne.jp/NeoCat/20110119/1295391840">About Regexp plugin(3)</a>
135<li><a href="http://d.hatena.ne.jp/NeoCat/20090824/1251125679">About Sound plugin</a>
136<li><a href="http://d.hatena.ne.jp/NeoCat/20091101/1257088158">About Lists plugin</a>
137<li><a href="http://d.hatena.ne.jp/NeoCat/20100722/1279741190">About Geomap plugin</a>
138</ul>
139
140<h2><a name="author">Author</a></h2>
141<a href="http://twitter.com/NeoCat">@NeoCat</a>
142
143</div>
144</body>
145</html>
Note: See TracBrowser for help on using the browser.