{なおかつ}{制御しやすい}{握接出来る}{選り手を開く}{操作手順}{複製輪郭}{ボタンを押す}{ずっと考えていた}{視認出来る}{スクロール完了}...=}(116)

{希哲16年5月18日の開発 K#F85E/A-E74C-2BA8}

長い間課題だった描写拡縮ボタン輪郭複製機能について大きな進展があった。

描写拡縮ボタン

昨日の開発最大化アイコン出来たことをきっかけに,描写拡縮ボタン実装イメージ固まり,実装手定めまで概ね完了した想像以上に早く上手くまとまった下見機能との相性も良い。ただし輪郭選り手抜控機能整備途中であるため未出振るい

描写拡縮機能的には単純だが,用合い特に領当て難しかった最近描写部下境界重ねる形での実装考えていたが,描写部飛び出す他の要素干渉してしまう。かといって余白無駄に広げたくない。これは,下部陰影重ねつつ,初期化時点スクロール可能な場合は下余白追加することで解決した文字暗い背景色重なっても視認出来るように,半透明白背景付けた

拡大ボタンスクロール可能であることの目印としても効果的なので,これを活かしてスクロール完了時には透明度を上げ,それと分かるようにした。

これで,外観操作感ともにデライト調和した描写拡縮ボタン出来た描写部高さ固定一覧性確保するために必要なものだったが,用合い上弊害小さくなかった陰影付きスクロール最大化アイコン,そして描写拡縮ボタンによって,ようやくこの問題解決した

輪郭複製機能

輪郭複製機能課題としてずっと考えていたが,用合い上難しさがあった。

ボタンを押すことで複製輪郭出来る,というのは使用頻度考える誤操作懸念の方が大きい。となると,目立たないように置くしかない。かといって,操作手順増えると,選り手を開いて写し貼りするのと大差ない

簡単に握接出来て,なおかつ制御しやすい用合い必要だった。ここで,「知名描写複製して新規描出フォーム移動するボタン」があればいいことに気付いた。これなら,自輪郭常に表示しておいてもいいだろう。

輪郭選り手では×ボタンがある位置置けそうだ。

{👍}{希哲16年4月7日の開発}{希哲16年4月7日の進捗}{ページ遷移無し}{停止する}{フォームの送信}{`-webkit-tap-highlight-color`}{妙な効果}{タップ時}{用意されている}...=}(75)

{希哲16年4月7日14歩 K#F85E/A-E74C-D3A9}

進捗時限記録中略

細かい装体調整など。

iOS上のSafariで,横方向での閲覧時に引き入れ輪郭が不自然に大きく表示される」という不具合報告があったが,確かに手元iPhone同様現象があり,気になっていたデライトの不具合にしては不可解なのでもしかしたら舞覧稀なバグなのかと思ったが,再現性があるらしいことが分かったため調査した。

結局諸場舞覧自動拡大機能であり,text-size-adjust-webkit-text-size-adjust)という制御用CSS プロパティまで用意されていることが分かった。以下のようにして解決

-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;

もう一つ諸場舞覧気になっていたことに,輪結ボタンタップ時妙な効果入るというのがあったので,ついでに調べてみると,これも諸場舞覧特有機能で,-webkit-tap-highlight-color不可視出来た


スマホ弄っているうちに,iOSSafari全知検索ボタン動き付け止まっていることに気付いた

これはフォームの送信などで描画処理停止する Safari 特有仕様であることが分かったSafari の問題といえばそうだが,実用上の問題はなく,まともな解決策無さそうなので放っておくことにした。

全知検索整備方針定まったことだし,そろそろページ遷移無し輪郭一覧更新出来るようにしてもいい頃だろう。

=}
{出振るい}{希哲16年4月6日の開発}{希哲16年4月6日の進捗}{領当てが崩れる}{足りず}{然るべき時期}{ごつい}{ボタン装体}{もともと}{過度に}...=}(101)

{希哲16年4月6日16歩 K#F85E/A-E74C-04AD}

進捗時限記録中略

フォーム部品装体調整デライト扉装体調整

一段落したため出振るい手定めして終了


まず,2日の開発思い付いた全知検索ボタン改良案導入した装体調整前

この検索ボタン装体は,もともと全知検索演算子連動させることを考えていたため,入力欄切り離したようなデザインになっている。一体感ボタンとしての分かりやすさ両立させたもので方向性としては悪くない。ただ,若干無駄があった2日の開発合体選り手同じ見せ方使えそうなことに気付き,これでまとめた

全知検索窓デライト最初期作り込んだ部分だったため,基本的にフォーム部品はこの装体間に合わせ継承していたが,全知検索窓以外では過度に重々しく見える問題があった先日描出ボタン改良好感触得たため,汎用的なボタン装体はそれに合わせてまとめることにした。

ボタン装体軽くなったことで全体的な釣り合い変わったため,一通り関連する装体調整行った設定ページ装体調整前だいぶ良い感じになったが,特に装体調整前大きく洗練されたこれまでの重々しくごつい印象が,だいぶ軽く柔らかく見えるようになった。スクリプト挙動おかしい所もいくつか修正した

新生デライト完成目前丁度良い然るべき時期出来て良かった


下見アイコンもここで出振るい出来た

足りず領当てが崩れることに気付いたため,幅狭領当てでは字数計をいったん非表示にすることにした。

{ボタン}

{}