terkel / mojik Goto Github PK

要素に左パディングがあるとき行頭の検出がうまくいかない

CSSのfont-kerningプロパティの初期値がautoであるため、意図せずツメられた結果行末が揃わないことがある。対処すべき？
https://developer.mozilla.org/en-US/docs/Web/CSS/font-kerning
https://twitter.com/monokano/status/652642843941404672

たとえば「強い禁則」と「弱い禁則」を選択できるようにするとか。
http://d.hatena.ne.jp/ogwata/20111112/p1

EM DASH（U+2014）やHORIZONAL BAR（U+2015）を複数並べたときに隙間ができないようにしたい

The throttle function is using requestAnimationFrame - but does not check whether or not it is available this can lead to Uncaught ReferenceError: requestAnimationFrame is not defined. This throttle function should be updated to only use requestAnimationFrame if available.

hugoという静的ページジェネレータで作ったプロジェクトで使用しています。
hugo には、記事の要約の表示の際に、文章内に <!--more--> を入れると、 <!--more--> より前の部分だけが表示される、という仕様があります（<!--more--> を <!-- more -->などと少し変えるだけでその機能が動かなくなります）。

mojikを適用させるブロック内に <!--more--> という文字が入ると、

エラーが出てしまいましたので報告させていただきます。

スクリーンリーダーで問題がないかを検証

スクリーン用と印刷用でコンテンツ幅が異なる場合など、印刷したときに改行位置などがおかしくなることがある。Window.matchMedia()などで印刷時に再レイアウトできないか？

※（U+203B）がGeneral Punctuationに含まれるため欧文扱いだが、除外したい。

無理っぽいけど…

文字組みをコントロールするための<span lang="en" style="hyphens: auto;">JavaScript</span>ライブラリ

というように、英数字にはハイフネーションを設定できればよさそうだと思いました。どうですか？

文字サイズなども考慮しつつ、うまくレイアウトする方法を探りたい

連続約物のアキを詰めたとき、選択範囲が見た目と実際とでズレる

displayプロパティがnoneの要素も対象になってしまっているが、無視したい。

三点リーダー（U+2026）と二点リーダー（U+2025）を、前後の文脈から和文と欧文で使い分けたい。和文としてのリーダーなら和文フォントを使い、かつ和欧間のアキをなくす。欧文なら欧文フォントで和欧間アキあり。

いまはまだいいけど、今後内容が増えたときに読みづらくなるので

括弧類と句読点類のツメは、ボディがいわゆる全角で、字面の幅がボディの½以下かつ左右の端に寄せて配置されていることを前提としているが、モトヤの一部の約物やMS Pゴシックなど、この条件に合致しない場合にどうするか。MS系はメイリオを指定してしまえば済むが、モトヤについてはAndroidのバージョンで切り分けるしかない…？

　「など、「和字間隔+始め括弧類」のパターンをツメるべきか？

japanese 接頭辞は不要だったかも。japaneseOpeningBrackets → openingBrackets

タグがあった場合に検出できてない

querySelectorAllとかaddEventListenerとかのサポートを検出して古いブラウザーをはじく

要素の先頭と末尾の空白文字も欧文としてマークアップされてしまうため、たとえば先頭の空白文字のあとに始め括弧類が来た場合などに意図しない挙動になる。要素の先頭と末尾の空白文字は無視すべき。

どこまで含めるべきか？

content: open-quoteなどが指定されていたときも、同じように処理できると良さそうです。

上げていきたい

うまい略し方が思いつかない

requestAnimationFrame使ってるけどそんなに必要ない。

かっこよくしたい。図版もほしい。
https://terkel.github.io/mojik/

‘（U+2018）、’（U+2019）、“（U+201C）、”（U+201D）を全角にしたい。font-feature-settings: "fwid"？