djt/kana/index.html

455 lines
26 KiB
HTML
Raw Normal View History

2017-02-08 08:41:14 +01:00
<!DOCTYPE html>
<!--
Kana audio from Tae Kim: http://www.guidetojapanese.org/learn/grammar/hiragana
Stroke order animations from Wikimedia Commons: https://commons.wikimedia.org/wiki/Category:Animations_of_katakana
Word audio from JapanesePod101: http://assets.languagepod101.com/dictionary/japanese/audiomp3.php?kana=にっぽん&kanji=日本
-->
2017-02-08 08:41:14 +01:00
<html>
<head>
<meta charset="UTF-8">
<title>DJT Kana</title>
2017-05-05 01:31:19 +02:00
<link rel="stylesheet" href="djtkana.css" />
2017-02-08 08:41:14 +01:00
</head>
<body>
2017-05-05 01:31:19 +02:00
<script src="djtkana.js"></script>
2017-02-08 08:41:14 +01:00
<h1>DJT Kana</h1>
<div id="kanabox">
<div id="answer">&nbsp;</div>
<div id="kana_con"><span id="kana"></span></div>
<div id="input"><input type="text" id="input_box" autofocus /></div>
<div id="message">Hover over the kana to show its romanization and type the answer.</div>
<ul id="tools">
<li id="tool_sound"><a>Play sound</a></li>
<li id="tool_stroke"><a>Stroke order</a></li>
<!-- <li id="tool_mnemonic"><a>Mnemonic</a></li> -->
</ul>
<div id="count"></div>
</div>
<div id="options">
<h2>
<label class="collapse" for="show_options">Options <span class="checkall"><a>show/hide</a></span></label>
</h2>
<input id="show_options" type="checkbox" />
<div id="options_inner">
<h3>Hiragana <span class="checkall"><a onclick="check('hcheck')">check all</a> | <a onclick="uncheck('hcheck')">uncheck all</a></span></h3>
<table>
2017-02-08 20:49:33 +01:00
<tr class="checkrow hcheck">
2017-02-08 08:41:14 +01:00
<td><input type="checkbox" class="kanacheck" id="hsingle" checked /></td>
<td><input type="checkbox" class="kanacheck" id="hk" /></td>
<td><input type="checkbox" class="kanacheck" id="hs" /></td>
<td><input type="checkbox" class="kanacheck" id="ht" /></td>
<td><input type="checkbox" class="kanacheck" id="hn" /></td>
<td><input type="checkbox" class="kanacheck" id="hh" /></td>
<td><input type="checkbox" class="kanacheck" id="hm" /></td>
<td><input type="checkbox" class="kanacheck" id="hy" /></td>
<td><input type="checkbox" class="kanacheck" id="hr" /></td>
<td><input type="checkbox" class="kanacheck" id="hw" /></td>
<td><input type="checkbox" class="kanacheck" id="hn1" /></td>
<td><input type="checkbox" class="kanacheck" id="hg" /></td>
<td><input type="checkbox" class="kanacheck" id="hz" /></td>
<td><input type="checkbox" class="kanacheck" id="hd" /></td>
<td><input type="checkbox" class="kanacheck" id="hb" /></td>
<td><input type="checkbox" class="kanacheck" id="hp" /></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">a</span></td>
<td><span class="kana"></span> <span class="romaji">ka</span></td>
<td><span class="kana"></span> <span class="romaji">sa</span></td>
<td><span class="kana"></span> <span class="romaji">ta</span></td>
<td><span class="kana"></span> <span class="romaji">na</span></td>
<td><span class="kana"></span> <span class="romaji">ha</span></td>
<td><span class="kana"></span> <span class="romaji">ma</span></td>
<td><span class="kana"></span> <span class="romaji">ya</span></td>
<td><span class="kana"></span> <span class="romaji">ra</span></td>
<td><span class="kana"></span> <span class="romaji">wa</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ga</span></td>
<td><span class="kana"></span> <span class="romaji">za</span></td>
<td><span class="kana"></span> <span class="romaji">da</span></td>
<td><span class="kana"></span> <span class="romaji">ba</span></td>
<td><span class="kana"></span> <span class="romaji">pa</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">i</span></td>
<td><span class="kana"></span> <span class="romaji">ki</span></td>
<td><span class="kana"></span> <span class="romaji">shi</span></td>
<td><span class="kana"></span> <span class="romaji">chi</span></td>
<td><span class="kana"></span> <span class="romaji">ni</span></td>
<td><span class="kana"></span> <span class="romaji">hi</span></td>
<td><span class="kana"></span> <span class="romaji">mi</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ri</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">gi</span></td>
<td><span class="kana"></span> <span class="romaji">ji</span></td>
<td><span class="kana"></span> <span class="romaji">ji</span></td>
<td><span class="kana"></span> <span class="romaji">bi</span></td>
<td><span class="kana"></span> <span class="romaji">pi</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">u</span></td>
<td><span class="kana"></span> <span class="romaji">ku</span></td>
<td><span class="kana"></span> <span class="romaji">su</span></td>
<td><span class="kana"></span> <span class="romaji">tsu</span></td>
<td><span class="kana"></span> <span class="romaji">nu</span></td>
<td><span class="kana"></span> <span class="romaji">fu</span></td>
<td><span class="kana"></span> <span class="romaji">mu</span></td>
<td><span class="kana"></span> <span class="romaji">yu</span></td>
<td><span class="kana"></span> <span class="romaji">ru</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">gu</span></td>
<td><span class="kana"></span> <span class="romaji">zu</span></td>
<td><span class="kana"></span> <span class="romaji">zu</span></td>
<td><span class="kana"></span> <span class="romaji">bu</span></td>
<td><span class="kana"></span> <span class="romaji">pu</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">e</span></td>
<td><span class="kana"></span> <span class="romaji">ke</span></td>
<td><span class="kana"></span> <span class="romaji">se</span></td>
<td><span class="kana"></span> <span class="romaji">te</span></td>
<td><span class="kana"></span> <span class="romaji">ne</span></td>
<td><span class="kana"></span> <span class="romaji">he</span></td>
<td><span class="kana"></span> <span class="romaji">me</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">re</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ge</span></td>
<td><span class="kana"></span> <span class="romaji">ze</span></td>
<td><span class="kana"></span> <span class="romaji">de</span></td>
<td><span class="kana"></span> <span class="romaji">be</span></td>
<td><span class="kana"></span> <span class="romaji">pe</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">o</span></td>
<td><span class="kana"></span> <span class="romaji">ko</span></td>
<td><span class="kana"></span> <span class="romaji">so</span></td>
<td><span class="kana"></span> <span class="romaji">to</span></td>
<td><span class="kana"></span> <span class="romaji">no</span></td>
<td><span class="kana"></span> <span class="romaji">ho</span></td>
<td><span class="kana"></span> <span class="romaji">mo</span></td>
<td><span class="kana"></span> <span class="romaji">yo</span></td>
<td><span class="kana"></span> <span class="romaji">ro</span></td>
<td><span class="kana"></span> <span class="romaji">o</span></td>
<td><span class="kana"></span> <span class="romaji">n</span></td>
<td><span class="kana"></span> <span class="romaji">go</span></td>
<td><span class="kana"></span> <span class="romaji">zo</span></td>
<td><span class="kana"></span> <span class="romaji">do</span></td>
<td><span class="kana"></span> <span class="romaji">bo</span></td>
<td><span class="kana"></span> <span class="romaji">po</span></td>
</tr>
</table>
<h3>Hiragana combinations <span class="checkall"><a onclick="check('hccheck')">check all</a> | <a onclick="uncheck('hccheck')">uncheck all</a></span></h3>
<table>
2017-02-08 20:49:33 +01:00
<tr class="checkrow hccheck">
2017-02-08 08:41:14 +01:00
<td><input type="checkbox" class="kanacheck" id="hdk" /></td>
<td><input type="checkbox" class="kanacheck" id="hds" /></td>
<td><input type="checkbox" class="kanacheck" id="hdc" /></td>
<td><input type="checkbox" class="kanacheck" id="hdn" /></td>
<td><input type="checkbox" class="kanacheck" id="hdh" /></td>
<td><input type="checkbox" class="kanacheck" id="hdm" /></td>
<td><input type="checkbox" class="kanacheck" id="hdr" /></td>
<td><input type="checkbox" class="kanacheck" id="hdg" /></td>
<td><input type="checkbox" class="kanacheck" id="hdj" /></td>
<td><input type="checkbox" class="kanacheck" id="hdj2" /></td>
<td><input type="checkbox" class="kanacheck" id="hdb" /></td>
<td><input type="checkbox" class="kanacheck" id="hdp" /></td>
</tr>
<tr>
<td><span class="kana">きゃ</span> <span class="romaji">kya</span></td>
<td><span class="kana">しゃ</span> <span class="romaji">sha</span></td>
<td><span class="kana">ちゃ</span> <span class="romaji">cha</span></td>
<td><span class="kana">にゃ</span> <span class="romaji">nya</span></td>
<td><span class="kana">ひゃ</span> <span class="romaji">hya</span></td>
<td><span class="kana">みゃ</span> <span class="romaji">mya</span></td>
<td><span class="kana">りゃ</span> <span class="romaji">rya</span></td>
<td><span class="kana">ぎゃ</span> <span class="romaji">gya</span></td>
<td><span class="kana">じゃ</span> <span class="romaji">ja</span></td>
<td><span class="kana">ぢゃ</span> <span class="romaji">ja</span></td>
<td><span class="kana">びゃ</span> <span class="romaji">bya</span></td>
<td><span class="kana">ぴゃ</span> <span class="romaji">pya</span></td>
</tr>
<tr>
<td><span class="kana">きゅ</span> <span class="romaji">kyu</span></td>
<td><span class="kana">しゅ</span> <span class="romaji">shu</span></td>
<td><span class="kana">ちゅ</span> <span class="romaji">chu</span></td>
<td><span class="kana">にゅ</span> <span class="romaji">nyu</span></td>
<td><span class="kana">ひゅ</span> <span class="romaji">hyu</span></td>
<td><span class="kana">みゅ</span> <span class="romaji">myu</span></td>
<td><span class="kana">りゅ</span> <span class="romaji">ryu</span></td>
<td><span class="kana">ぎゅ</span> <span class="romaji">gyu</span></td>
<td><span class="kana">じゅ</span> <span class="romaji">ju</span></td>
<td><span class="kana">ぢゅ</span> <span class="romaji">ju</span></td>
<td><span class="kana">びゅ</span> <span class="romaji">byu</span></td>
<td><span class="kana">ぴゅ</span> <span class="romaji">pyu</span></td>
</tr>
<tr>
<td><span class="kana">きょ</span> <span class="romaji">kyo</span></td>
<td><span class="kana">しょ</span> <span class="romaji">sho</span></td>
<td><span class="kana">ちょ</span> <span class="romaji">cho</span></td>
<td><span class="kana">にょ</span> <span class="romaji">nyo</span></td>
<td><span class="kana">ひょ</span> <span class="romaji">hyo</span></td>
<td><span class="kana">みょ</span> <span class="romaji">myo</span></td>
<td><span class="kana">りょ</span> <span class="romaji">ryo</span></td>
<td><span class="kana">ぎょ</span> <span class="romaji">gyo</span></td>
<td><span class="kana">じょ</span> <span class="romaji">jo</span></td>
<td><span class="kana">ぢょ</span> <span class="romaji">jo</span></td>
<td><span class="kana">びょ</span> <span class="romaji">byo</span></td>
<td><span class="kana">ぴょ</span> <span class="romaji">pyo</span></td>
</tr>
</table>
<h3>Katakana <span class="checkall"><a onclick="check('kcheck')">check all</a> | <a onclick="uncheck('kcheck')">uncheck all</a></span></h3>
<table>
2017-02-08 20:49:33 +01:00
<tr class="checkrow kcheck">
2017-02-08 08:41:14 +01:00
<td><input type="checkbox" class="kanacheck" id="ksingle" /></td>
<td><input type="checkbox" class="kanacheck" id="kk" /></td>
<td><input type="checkbox" class="kanacheck" id="ks" /></td>
<td><input type="checkbox" class="kanacheck" id="kt" /></td>
<td><input type="checkbox" class="kanacheck" id="kn" /></td>
<td><input type="checkbox" class="kanacheck" id="kh" /></td>
<td><input type="checkbox" class="kanacheck" id="km" /></td>
<td><input type="checkbox" class="kanacheck" id="ky" /></td>
<td><input type="checkbox" class="kanacheck" id="kr" /></td>
<td><input type="checkbox" class="kanacheck" id="kw" /></td>
<td><input type="checkbox" class="kanacheck" id="kn1" /></td>
<td><input type="checkbox" class="kanacheck" id="kg" /></td>
<td><input type="checkbox" class="kanacheck" id="kz" /></td>
<td><input type="checkbox" class="kanacheck" id="kd" /></td>
<td><input type="checkbox" class="kanacheck" id="kb" /></td>
<td><input type="checkbox" class="kanacheck" id="kp" /></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">a</span></td>
<td><span class="kana"></span> <span class="romaji">ka</span></td>
<td><span class="kana"></span> <span class="romaji">sa</span></td>
<td><span class="kana"></span> <span class="romaji">ta</span></td>
<td><span class="kana"></span> <span class="romaji">na</span></td>
<td><span class="kana"></span> <span class="romaji">ha</span></td>
<td><span class="kana"></span> <span class="romaji">ma</span></td>
<td><span class="kana"></span> <span class="romaji">ya</span></td>
<td><span class="kana"></span> <span class="romaji">ra</span></td>
<td><span class="kana"></span> <span class="romaji">wa</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ga</span></td>
<td><span class="kana"></span> <span class="romaji">za</span></td>
<td><span class="kana"></span> <span class="romaji">da</span></td>
<td><span class="kana"></span> <span class="romaji">ba</span></td>
<td><span class="kana"></span> <span class="romaji">pa</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">i</span></td>
<td><span class="kana"></span> <span class="romaji">ki</span></td>
<td><span class="kana"></span> <span class="romaji">shi</span></td>
<td><span class="kana"></span> <span class="romaji">chi</span></td>
<td><span class="kana"></span> <span class="romaji">ni</span></td>
<td><span class="kana"></span> <span class="romaji">hi</span></td>
<td><span class="kana"></span> <span class="romaji">mi</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ri</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">gi</span></td>
<td><span class="kana"></span> <span class="romaji">ji</span></td>
<td><span class="kana"></span> <span class="romaji">ji</span></td>
<td><span class="kana"></span> <span class="romaji">bi</span></td>
<td><span class="kana"></span> <span class="romaji">pi</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">u</span></td>
<td><span class="kana"></span> <span class="romaji">ku</span></td>
<td><span class="kana"></span> <span class="romaji">su</span></td>
<td><span class="kana"></span> <span class="romaji">tsu</span></td>
<td><span class="kana"></span> <span class="romaji">nu</span></td>
<td><span class="kana"></span> <span class="romaji">fu</span></td>
<td><span class="kana"></span> <span class="romaji">mu</span></td>
<td><span class="kana"></span> <span class="romaji">yu</span></td>
<td><span class="kana"></span> <span class="romaji">ru</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">gu</span></td>
<td><span class="kana"></span> <span class="romaji">zu</span></td>
<td><span class="kana"></span> <span class="romaji">zu</span></td>
<td><span class="kana"></span> <span class="romaji">bu</span></td>
<td><span class="kana"></span> <span class="romaji">pu</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">e</span></td>
<td><span class="kana"></span> <span class="romaji">ke</span></td>
<td><span class="kana"></span> <span class="romaji">se</span></td>
<td><span class="kana"></span> <span class="romaji">te</span></td>
<td><span class="kana"></span> <span class="romaji">ne</span></td>
<td><span class="kana"></span> <span class="romaji">he</span></td>
<td><span class="kana"></span> <span class="romaji">me</span></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">re</span></td>
<td></td>
<td></td>
<td><span class="kana"></span> <span class="romaji">ge</span></td>
<td><span class="kana"></span> <span class="romaji">ze</span></td>
<td><span class="kana"></span> <span class="romaji">de</span></td>
<td><span class="kana"></span> <span class="romaji">be</span></td>
<td><span class="kana"></span> <span class="romaji">pe</span></td>
</tr>
<tr>
<td><span class="kana"></span> <span class="romaji">o</span></td>
<td><span class="kana"></span> <span class="romaji">ko</span></td>
<td><span class="kana"></span> <span class="romaji">so</span></td>
<td><span class="kana"></span> <span class="romaji">to</span></td>
<td><span class="kana"></span> <span class="romaji">no</span></td>
<td><span class="kana"></span> <span class="romaji">ho</span></td>
<td><span class="kana"></span> <span class="romaji">mo</span></td>
<td><span class="kana"></span> <span class="romaji">yo</span></td>
<td><span class="kana"></span> <span class="romaji">ro</span></td>
<td><span class="kana"></span> <span class="romaji">o</span></td>
<td><span class="kana"></span> <span class="romaji">n</span></td>
<td><span class="kana"></span> <span class="romaji">go</span></td>
<td><span class="kana"></span> <span class="romaji">zo</span></td>
<td><span class="kana"></span> <span class="romaji">do</span></td>
<td><span class="kana"></span> <span class="romaji">bo</span></td>
<td><span class="kana"></span> <span class="romaji">po</span></td>
</tr>
</table>
<h3>Katakana combinations <span class="checkall"><a onclick="check('kccheck')">check all</a> | <a onclick="uncheck('kccheck')">uncheck all</a></span></h3>
<table>
2017-02-08 20:49:33 +01:00
<tr class="checkrow kccheck">
2017-02-08 08:41:14 +01:00
<td><input type="checkbox" class="kanacheck" id="kdk" /></td>
<td><input type="checkbox" class="kanacheck" id="kds" /></td>
<td><input type="checkbox" class="kanacheck" id="kdc" /></td>
<td><input type="checkbox" class="kanacheck" id="kdn" /></td>
<td><input type="checkbox" class="kanacheck" id="kdh" /></td>
<td><input type="checkbox" class="kanacheck" id="kdm" /></td>
<td><input type="checkbox" class="kanacheck" id="kdr" /></td>
<td><input type="checkbox" class="kanacheck" id="kdg" /></td>
<td><input type="checkbox" class="kanacheck" id="kdj" /></td>
<td><input type="checkbox" class="kanacheck" id="kdj2" /></td>
<td><input type="checkbox" class="kanacheck" id="kdb" /></td>
<td><input type="checkbox" class="kanacheck" id="kdp" /></td>
</tr>
<tr>
<td><span class="kana">キャ</span> <span class="romaji">kya</span></td>
<td><span class="kana">シャ</span> <span class="romaji">sha</span></td>
<td><span class="kana">チャ</span> <span class="romaji">cha</span></td>
<td><span class="kana">ニャ</span> <span class="romaji">nya</span></td>
<td><span class="kana">ヒャ</span> <span class="romaji">hya</span></td>
<td><span class="kana">ミャ</span> <span class="romaji">mya</span></td>
<td><span class="kana">リャ</span> <span class="romaji">rya</span></td>
<td><span class="kana">ギャ</span> <span class="romaji">gya</span></td>
<td><span class="kana">ジャ</span> <span class="romaji">ja</span></td>
<td><span class="kana">ヂャ</span> <span class="romaji">ja</span></td>
<td><span class="kana">ビャ</span> <span class="romaji">bya</span></td>
<td><span class="kana">ピャ</span> <span class="romaji">pya</span></td>
</tr>
<tr>
<td><span class="kana">キュ</span> <span class="romaji">kyu</span></td>
<td><span class="kana">シュ</span> <span class="romaji">shu</span></td>
<td><span class="kana">チュ</span> <span class="romaji">chu</span></td>
<td><span class="kana">ニュ</span> <span class="romaji">nyu</span></td>
<td><span class="kana">ヒュ</span> <span class="romaji">hyu</span></td>
<td><span class="kana">ミュ</span> <span class="romaji">myu</span></td>
<td><span class="kana">リュ</span> <span class="romaji">ryu</span></td>
<td><span class="kana">ギュ</span> <span class="romaji">gyu</span></td>
<td><span class="kana">ジュ</span> <span class="romaji">ju</span></td>
<td><span class="kana">ヂュ</span> <span class="romaji">ju</span></td>
<td><span class="kana">ビュ</span> <span class="romaji">byu</span></td>
<td><span class="kana">ピュ</span> <span class="romaji">pyu</span></td>
</tr>
<tr>
<td><span class="kana">キョ</span> <span class="romaji">kyo</span></td>
<td><span class="kana">ショ</span> <span class="romaji">sho</span></td>
<td><span class="kana">チョ</span> <span class="romaji">cho</span></td>
<td><span class="kana">ニョ</span> <span class="romaji">nyo</span></td>
<td><span class="kana">ヒョ</span> <span class="romaji">hyo</span></td>
<td><span class="kana">ミョ</span> <span class="romaji">myo</span></td>
<td><span class="kana">リョ</span> <span class="romaji">ryo</span></td>
<td><span class="kana">ギョ</span> <span class="romaji">gyo</span></td>
<td><span class="kana">ジョ</span> <span class="romaji">jo</span></td>
<td><span class="kana">ヂョ</span> <span class="romaji">jo</span></td>
<td><span class="kana">ビョ</span> <span class="romaji">byo</span></td>
<td><span class="kana">ピョ</span> <span class="romaji">pyo</span></td>
</tr>
</table>
2017-02-08 20:49:33 +01:00
<h3>Fonts <span class="checkall"><a onclick="check('allfonts')">check all</a> | <a onclick="uncheck('allfonts')">uncheck all</a></span></h3>
2017-02-08 08:41:14 +01:00
<table>
2017-02-08 20:49:33 +01:00
<tr class="checkrow allfonts">
2017-02-08 08:41:14 +01:00
<td><input type="checkbox" class="fontcheck" id="default" checked /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-BokutohNStd-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-FolkPro-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-HappyNStd-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-KumoyaStd-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-KyokaICAPro-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-Shuuei3Std-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="A-OTF-ZenGoNStd-Regular" /></td>
<td><input type="checkbox" class="fontcheck" id="ArmedBanana" /></td>
</tr>
<tr>
<td><span class="font_example"></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-BokutohNStd-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-FolkPro-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-HappyNStd-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-KumoyaStd-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-KyokaICAPro-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-Shuuei3Std-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/A-OTF-ZenGoNStd-Regular/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/ArmedBanana/ぎ.png" /></span></td>
</tr>
2017-02-08 20:49:33 +01:00
<tr class="checkrow allfonts">
2017-02-08 08:41:14 +01:00
<td><input type="checkbox" class="fontcheck" id="DFCry5_0" /></td>
<td><input type="checkbox" class="fontcheck" id="DFMrg3_0" /></td>
<td><input type="checkbox" class="fontcheck" id="F5AJCCPE_0" /></td>
<td><input type="checkbox" class="fontcheck" id="F5AJCMHG" /></td>
<td><input type="checkbox" class="fontcheck" id="MT_TARE" /></td>
<td><input type="checkbox" class="fontcheck" id="SM-WIN" /></td>
<td><input type="checkbox" class="fontcheck" id="SNsanafon" /></td>
<td><input type="checkbox" class="fontcheck" id="sea" /></td>
<td><input type="checkbox" class="fontcheck" id="KOI-WIN" /></td>
</tr>
<tr>
<td><span class="font_example"><img src="fonts/DFCry5_0/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/DFMrg3_0/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/F5AJCCPE_0/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/F5AJCMHG/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/MT_TARE/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/SM-WIN/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/SNsanafon/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/sea/ぎ.png" /></span></td>
<td><span class="font_example"><img src="fonts/KOI-WIN/ぎ.png" /></span></td>
</tr>
</table>
<p>(The last font above is difficult and you may want to skip it as a beginner.)</p>
2017-02-08 20:49:33 +01:00
<h3>Explanation</h3>
<div id="explanation">
2017-05-05 01:31:19 +02:00
<p>Grind a row of kana until you stop making mistakes, then add another row. Press the <code>Play sound</code> link to make sure you are pronouncing the kana correctly. If you wish to write, the <code>Stroke order</code> link will show you the proper form. You can save a few keystrokes on DJT Kana and your <span class="help" title="Input Method Editor: program that converts romaji keyboard input to kana">IME</span> with <a href="shortcuts.png">these shortcuts</a>.</p>
2017-02-08 20:49:33 +01:00
<p>The two dots (<a href="https://en.wikipedia.org/wiki/Dakuten">dakuten</a>) next to certain kana indicate that the consonant is "muddied". For example, か (ka) becomes が (ga). The consonants transform as follows:
2017-02-08 20:49:33 +01:00
<ul>
<li>k -> g</li>
<li>t -> d</li>
<li>h/f -> b</li>
2017-02-09 00:35:52 +01:00
<li>s/ts -> z</li>
<li>sh/ch -> j</li>
2017-02-08 20:49:33 +01:00
</ul>
<p>A few kana add a circle to indicate a "p" transformation. For example, ほ (ho) becomes ぽ (po).</p>
2017-02-08 20:49:33 +01:00
<p>The smaller kana ゅ, ょ, and ゃ are used to combine kana sounds. For example, in <span style="white-space:nowrap">ぎゃ</span> the consonant of ぎ (gi) combines with the sound from や (ya): gya. The small っ (distinct from つ/tsu) is not itself pronounced, but lengthens the consonant that follows, as in <a onclick="play_other('nippon')"><img src="play.png" /> にっぽん</a> (nippon); the effect of holding your mouth in the consonant's position resembles a small pause. Contrast: <a onclick="play_other('gakou')"><img src="play.png" /> がこう</a>, <a onclick="play_other('gakkou')"><img src="play.png" /> がっこう</a>. <a href="http://www.guidetojapanese.org/learn/grammar/hiragana">Tae Kim</a> has more information.</p>
2017-02-08 20:49:33 +01:00
<p></p>
</div>
2017-02-08 08:41:14 +01:00
</div>
</div>
2017-02-08 20:49:33 +01:00
</body>
</html>