{開発}{開発記録}{}{希哲17年2月23日の副日記}{上手く動かない}{完璧に近い}{固定可能部分}{固定検索窓}{.foc}{共通化出来た}(98)

{希哲17年2月23日の開発 K#F85E/E74C-8E7D}

全知検索窓固定機能実装一段落させた10歩出振るい手定め済み

ここまでの調整基本的な挙動満足出来るものになっていたため,吊るし輪郭新規描出フォームへの輪結加え仕上げとした。概ね1月15日18歩検討通りだが,当時の案よりも小振りにすることで幅狭領当てかどうかや吊るし輪郭有無によらず装体共通化出来た吊るし輪郭無い場合上矢印グレーアウトさせつつ,ページ最上部への移動という機能残すことで無駄余白にしないようにした。結果として当初想定よりも交度用合い両面単純かつ安定感のあるものになった。

予定通り幅狭領当てでは入力欄への捕活追加輪結類隠すようにした。#sch:focus-within でも使えばかと思ったが,輪結への捕活拾ってしまい上手く動かないためスクリプト.foc付けるようにした。

固定機能実装当初iOS Safari固定時捕活固定検索窓一瞬隠れる問題悩まされたが,このあたり挙動iOS Safari 特有問題として有名らしく,固定検索窓のある他のサイトでも同じなので,こういう視覚効果なのだと思うことにした。他にも,ページ最上部上スクロールすると全知検索窓固定可能部分浮き上がるなど妙な挙動があり,最初捕活スクロール関係独自仕様由来する不具合かと思った

それ以外全体としてほとんど完璧に近い感触になっている。


ほかダークテーマ装体調整2歩不具合修正3歩

{進捗記録}{}{右下}{}{進捗}{デライト}{希哲17年1月15日の進捗}{希哲17年1月15日の開発}{二輪鎖}{希哲17年1月15日}(168)

{希哲17年1月15日18歩 K#F85E/E74C-2F5F}

進捗時限記録中略

全知検索窓固定機能吊るし輪郭への輪結新規描出フォームへの輪結加えるアイデアについてまとめ終了

画像素材は,背景用二輪鎖上矢印アイコンといずれも既存のものを使い,自我アイコン左側配置する幅狭領当てでは,入力欄への捕活時隠れ入力欄伸長するようにする開発者通類で作った案


新規描出フォームへの素早い握接長いあいだ課題だったが,これも急に解決してしまった新規描出フォーム固定機能との関連考えることがく,今回先の検討中に考え始めた

右下あたりに輪結固定させるのがよくある方式だが,何度考えてもデザイン的まとまり欠ける何より幅狭領当てでは重なり気になる明らかに邪魔だろう。

新規描出フォーム左上にある+ボタン元々新規描出フォーム固定機能兼ねていたので,これをスクロール追随させて,どこでも新規描出フォーム呼び出せるようにするか……等々これまでとにかくあらゆる検討したが,どのにも何かしら問題があったさっき方針固まった全知検索窓固定機能合わせ下スクロール現れるバーにしても,せっかく占有領域減らす工夫相殺されてしまう。

デライト構造上仕方ないこと,と新規描出フォーム固定機能のように諦めかけたが,こうなったらもう全知検索窓何とか利用するしかないのではないか,と再び考え出したのが良かった

読み込み中...
{進捗記録}{一段落}{一通り}{進捗}{希哲16年4月6日}{出振るい}{希哲16年4月6日の開発}{希哲16年4月6日の進捗}{領当てが崩れる}{足りず}(101)

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

進捗時限記録中略

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

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


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

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

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

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

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


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

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

{揮発メモ}{あれ}{あれ}{希哲15年9月5日}{希哲15年9月5日のツイスト}{ツイスト}{入力欄}{合理的}{便利}{保存}(11)
{進捗記録}{知名}{進捗}{デライト}{領当て}{希哲15年3月8日の開発}{編集時}{再調整}{装体調整}{希哲15年3月8日の進捗時限}(20)
{進捗記録}{進捗}{Firefox}{輪符}{フレックスコンテナ}{フレックスアイテム}{希哲14年10月25日の進捗時限}{希哲14年10月25日の進捗}{希哲14年10月25日}{ブロックレベル要素}(21)

{希哲14年10月25日7歩 K#F85E/E74C-749F}

輪符写し取り不具合修正続き。

途中で終了。

改行が入ってしまう原因フレックスコンテナ子要素フレックスアイテム)がブロック化されることと判明

Firefox では再現しなかったが,Chrome ではしっかり再現した。検索窓や単一行の入力欄では当然改行が無視されるため,気付かなかった。

しかし,理屈は通っているのと Chrome で再現するのだからあの不具合よりは随分マシだ。

{進捗記録}{知名}{進捗}{装体}{知名編集の様子}{希哲13年9月8日の進捗時限}{希哲13年9月8日の進捗}{希哲13年9月8日}{進捗時限記録}{進捗時限}(12)
{入力欄}

{}