よさげなモバイル向け編集UI
よさそうと思ったUI例を書いてけ
リンクメモ
code editors for android
other editors
この辺りの使い勝手はどうなのだろうか
workflowy
evernote
notion
google document
WPS OfficeMijikko.icon
ソフトウェアキーボードの上に、追加で記号キーが出てくるUIMijikko.icon
https://gyazo.com/32743cbe67cb7487b7086b13a443ac01
コードエディターなどで割と見かける
Scrapboxではブラケティングで活用できそう
記号ではなくよく使いそうなショートカットボタンを表示してもよさそう
Android版が無い…Mijikko.icon
Webページ上で実装できるかはわからん
position: fixed;
bottom: 0;
を使えばいける?
画面領域をわずかに占領してしまう難点がある
ボタンを追加するScript全般に言えるけど
上の画像のように表示・非表示を切り替えられるようにしておくとよさげ
https://gyazo.com/13521c4630608bc4ac700b21f6cb3656
こんなのもあるMijikko.icon
ちょっとごちゃごちゃしすぎてる感はなくもないけど
書いたあとで上のリンクを見たけど、似たようなの載ってたMijikko.icon
まあ、議論を深める為なのでヨシ!(震え声)
https://gyazo.com/dc7454511a2e481afa4741653ead6e2a
アウトライン操作、コピーカットペースト、
…と説明を書いてて自分はフォントサイズ変更を使わないことに気づいた
https://gyazo.com/4df4c8ae6206748ab6d2c8faf29c23d4
整理した
選択範囲をリンクにする、写真を挿入する、定型文、をよく使ってる キーボードと交互に使うボタンはキーボードの近くにあった方がいいかもですMijikko.icon
画面が狭くならないようnav barに置きたいところだけどtakker.icon
なんか違うような気もするけど
position: fixed; bottom: 0px;とすればいいかなtakker.icon
div#appの下に挿入するとかどうだろうか
右下の通信ステータスの下に潜り込ませる場合は.status-barのbottomの値を動的に書き換える必要があるかもですMijikko.icon position: fixed;なので他の要素に関係なく常に右下に居座り続ける
特定のclass値がついているかどうかでスタイルが変わるようにすればいいか
CSSで移動させている
参考に作ってみたtakker.icon
https://gyazo.com/f039502f1ebe38a1695fdb1a8ae34d8e
https://gyazo.com/6e0cb3c6f69f1faf2c199a67f6dd9a23
記号入力
(画像では隠れているが)インデント/デインデント