{"id":13741470,"url":"https://github.com/westonruter/ipa-chart","last_synced_at":"2025-04-22T23:11:03.075Z","repository":{"id":1164906,"uuid":"1055859","full_name":"westonruter/ipa-chart","owner":"westonruter","description":"International Phonetic Alphabet (IPA) Unicode Chart and Character Picker","archived":false,"fork":false,"pushed_at":"2021-04-28T21:36:32.000Z","size":1602,"stargazers_count":131,"open_issues_count":7,"forks_count":30,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-04-20T14:40:54.027Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"http://westonruter.github.io/ipa-chart/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/westonruter.png","metadata":{"files":{"readme":"README.md","changelog":"changelog-old.html","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2010-11-06T01:05:42.000Z","updated_at":"2025-02-23T18:10:12.000Z","dependencies_parsed_at":"2022-08-16T12:20:55.662Z","dependency_job_id":null,"html_url":"https://github.com/westonruter/ipa-chart","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/westonruter%2Fipa-chart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/westonruter%2Fipa-chart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/westonruter%2Fipa-chart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/westonruter%2Fipa-chart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/westonruter","download_url":"https://codeload.github.com/westonruter/ipa-chart/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":250337946,"owners_count":21414104,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-08-03T04:00:59.526Z","updated_at":"2025-04-22T23:11:03.055Z","avatar_url":"https://github.com/westonruter.png","language":"HTML","funding_links":[],"categories":["Software","HTML"],"sub_categories":["Utilities"],"readme":"\u003ch1\u003eInternational Phonetic Alphabet (\u003cabbr title=\"International Phonetic Alphabet\"\u003eIPA\u003c/abbr\u003e)\u003c/h1\u003e\n\u003cp\u003ein Unicode and XHTML/CSS\u003c/p\u003e\n\n\u003cp\u003e\u003ca title=\"View the chart\" href=\"http://westonruter.github.com/ipa-chart/\"\u003e\u003cimg src=\"screenshot.png\" width=\"320\" alt=\"Screenshot of the IPA Chart\"\u003e\u003c/a\u003e\u003c/p\u003e\n\n\u003cp\u003e\u003cem\u003e(This is an old project that I moved from my site over to be fully hosted by GitHub, so I haven't updated the writeup below of much of the code in many years.)\u003c/em\u003e\u003c/p\u003e\n\n\u003cp\u003eThe symbols defined in the International Phonetic Alphabet are used extensively in Phonetics and Phonology, and it is therefore essential that the symbols be easily  \t\t\taccessible and displayed. Before \u003ca href=\"http://www.unicode.org/\"\u003eUnicode\u003c/a\u003e,  \t\t\tthis was difficult: linguists were forced to create custom ASCII fonts (such as \u003ca href=\"http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi\u0026amp;id=encore-ipa\"\u003eSIL IPA93\u003c/a\u003e),  \t\t\tuse ASCII glyphs themselves (eg. \u003ca href=\"http://www.phon.ucl.ac.uk/home/sampa/home.htm\"\u003e\u003cacronym title=\"Speech Assessment Methods Phonetic Alphabet\"\u003eSAMPA\u003c/acronym\u003e\u003c/a\u003e), or drop using text  \t\t\tand use images of IPA symbols instead (see \u003ca title=\"University of Victoria's Graphical IPA Keypad\" href=\"http://web.uvic.ca/hrd/ipa/main.htm\"\u003eGraphical IPA Keypad\u003c/a\u003e). For a 1999 snapshot of these problems, see \u003ca href=\"http://www.gsu.edu/%7Elawmmb/phonweb/webIPA.htm\"\u003eMatthew Brooks\u003c/a\u003e. \t\t\tWith Unicode, which is now widely used and supported by browsers such as \u003ca href=\"http://www.mozilla.org/\"\u003eFirefox\u003c/a\u003e, Internet Explorer, and \u003ca href=\"http://www.opera.com/\"\u003eOpera\u003c/a\u003e, \t\t\tIPA symbols can be displayed efficiently and semantically.  To showcase the capabilities of Unicode, I replicated the chart created by the \u003ca href=\"http://www2.arts.gla.ac.uk/IPA/ipa.html\"\u003eInternational Phonetic Association\u003c/a\u003e, which  \t\t\tappears in most of the Phonetics and Phonology texts. \t\t\tThe chart is written in fully compliant XHTML 1.1 and CSS2.\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"http://westonruter.github.com/ipa-chart/\"\u003eView the chart →\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003eAdditionally, I’ve also built an \u003ca href=\"http://westonruter.github.com/ipa-chart/keyboard/\"\u003eIPA “keyboard”\u003c/a\u003e off of the chart in order to facilitate copying the Unicode symbols and making transcriptions. It keeps track of recently used symbols and allows you to insert the symbols encoded in HTML entities. \u003cem\u003eIt works best in \u003ca href=\"http://www.getfirefox.com/\"\u003eFirefox\u003c/a\u003e\u003c/em\u003e and \u003ca href=\"http://opera.com/\"\u003eOpera 9+\u003c/a\u003e, \t\t\tbut also works in Internet Explorer 6 (but not in version 5).\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"http://westonruter.github.com/ipa-chart/keyboard/\"\u003eView the “keyboard” →\u003c/a\u003e\u003c/p\u003e\n\nChangelog\n=========\n\nSee [old changelog](http://westonruter.github.com/ipa-chart/changelog-old.html) for previous changes.\n\nTodo List\n=========\n\n1. Add a look-alike search functionality. Type \"a\" into a search box and a æ ɑ ɒ will be highlighted (via Su W.)\n2. More information on hover over of character (via Shu W.)\n   - Link to Wikipedia entry of character.\n   - Link to play audio file (HTML5 Audio)\n3. Update to not use frames; just show the character buffer when URL fragment is present.\n4. Option to customize the chart, changing the default layout, adding additional characters not found on the official chart, or replacing some with your own, for example:\n   - in the line of ieɛa an additional vowel between /i/ and /e/  (via Hermann F.)\n   - in the line of uoɔɒ an additional vowel between /o/ and /ɔ/  (via ibid.)\n   - in the line of yøœɶ an additional vowel between /ø/ and /œ/  (via ibid.)\n   - raised 'm' symbol like the nasalised 'n', used in transcibing the word /amahlombe/ from Zulu, found in South Africa\n   - putting the epiglottal consonants together up with the main consonants (via Percy W.)\n   - the superscript equal sign to mark an unaspirated stop (eg. '40' = /'fɔr t⁼i/) (via James N.)\n   - adding u025D ɝ\n   - alternate voiceless diacritic for glyphs with descenders? e.g. U+030A (via Jason T.)\n   - It would be nice if it were possible to insert a small raised schwa offglide for short US English vowels like [ʊ], which tend to be diphthongal, and a small raised [ɑ] for the American English [ɔ], which tends to have such an offglide. (via Karen C.)\n5. Ability to change default font\n6. Isolate text-directionality into another file... ltr.css and rtl.css\n7. Make other stylesheets for other media and media queries (e.g. mobile devices)\n8. Make an SVG vowel quadrilateral that is used by default and then falls back to the HTML table\n9. Consolidate stylesheet, taking out repetitious statements (eg. TH {font-weight})\n10. Position tables better to make the chart more compact.\n\nOld Issues (may no longer be valid)\n===================================\n\n - Mozilla cannot display the colgroup borders correctly in dir=rtl, see bug 89856\n - Opera does not have bidi support\n - MSIE cannot apply colgroup styles to the table\n - Note: Lucida Sans Unicode cannot display the tie bar and SILDoulosUnicodeIPA (correctly) requires the tiebar be placed in between the characters to be tied. Arial Unicode MS is the most widely supported and tied the previous two characters together. Lucida Sans Unicode cannot render an upper tiebar.\n - Lucida Sans Unicode chops lower diacritics in half.\n - SILDoulosUnicodeIPA does not support the nasal release diacritic.\n - The embed element is not defined by the W3C, but it is the only tag that Internet Explorer and Mozilla recognize.\n\n\u003chr\u003e\n\u003cp\u003eDeveloped by \u003ca href=\"https://weston.ruter.net/\" rel=\"author\"\u003eWeston Ruter\u003c/a\u003e (\u003ca href=\"https://twitter.com/westonruter\"\u003e@westonruter\u003c/a\u003e).\u003c/p\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwestonruter%2Fipa-chart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwestonruter%2Fipa-chart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwestonruter%2Fipa-chart/lists"}