html & css まとめメモ

I'm revicing the home page of my company, now.
It helps me study again HTML & CSS deapely.

The next are re-findments of HTML & CSS.

The modern style for smart phones is lectured in w3scholls.com.
And the Japanese explanations of HTML & CSS is とほほのＷＷＷ入門
More, PHP is here, ... etc, etc,...

I always use Chrome web browser on iPhone, Mac and Windows-PC because it has a developper tools for PC.
It is usefull for debugging and comprehension.

I have finished top page and contact page with W3.CSS (modern cool style) & jQuery (easy to parse tags to change attribute and easy to do Ajax). It's cool!.

But there are many other pages to waiting my modification.

I study the size & position of CSS.

The margin, border and padding is outside of the width and height of object like DIV tag.

What is the width and height of object? it is controled by box-sizing, (border-box, padding-box, content-box(default));

We must know unis, px, %, em, ...;

Every tag has original properties, but I can't know them clearly. So To start from all zero (margin:0px, border:0px; and padding:0px) is faster than to try and error with worry.

The position of object is the biger mystery of HTML.

The style of "position: fixed" is usefull for a menubar. And I strongly recommend you to use "position: fixed" unit "px" for the width and height of objects when you use DIV tag with "position: fixed".

In a menubar, the menu button may be layouted many ways.

If you want to align an object to left or right, top or bottom, please use "position: absolute; left: 0px", left/right/top/bottom.

If you want to align an object to center before knowing its width, please use "text-align: center".

If you want to align 5 objects with the same width, please use "width:20%", but use of  "width:20%" and "position: absolute;" at the same time will cause chaos.

If you want precisely to control the width or height of an object, "calc(expression)" is good way.

If you want precisely to control the position of an object, "position: relative: top/bottom/left/rigt" is good way.

The font is the biggest mystery of HTML.
I can't know the real size of each absolute-size of font-size.

length := 24px | ...

absolute-size := xx-small | x-small | small | medium (default) | large | x-large | xx-large

relative-size := larger | smaller 

percentage := 80% 

Oh my goodness. The struggles will be continued.

Windows 10 が起動しないときの対策

昨日 15:30  に 私の DELL Inspiron 3647 機のWindows10が起動しなくなった。

直前にWindows Update があった模様。

起動の障害画面の「個人用ファイルを保持したままWindowsを初期状態に戻す」を選択すると、一時間後に、再起動できた。

再起動後、Windowsにインストールされているユーザ・アプリケーション・プログラムはDELL社製の物も含めてすべて削除されていた。ただし、Documents, Pictures, Downloads などのデータファイルは保持されていた。一安心。

これで3時間以上無駄になってしまった。

必要なユーザ・アプリケーション・プログラム(とりあえず Chrome, clamwin, FileZilla, npp putty)を再インストールして、システム開発を継続していたが、電源off時にまた Windows Update が始まっていたことを確認している。

今朝、早朝から、本機の電源On すると、またもや、起動しない。

昨日と同じ症状である。

起動メニューを調査している内に "system restore point"が利用できそうなので、利用して起動してみたが、「このレストア・ポイントは不完全で使えない」という意味の英語メッセージが出てしまった。

動画をまとめてみた。

再度昨日と同じ「個人用ファイルを保持したままWindowsを初期状態に戻す」を選択すると、一時間後に、再起動できた。


起動直後、あわてて、LANケーブルを外して、インターネット接続を遮断してから、「Windows Update を停止する方法」をiPhoneで調査し、実施した。
参考にしたサイトは、
How to Prevent Windows 10 From Automatically Downloading Updates
How to set an Ethernet Connection as Metered in Windows 8 and 10
である。

具体的には、regeditで
HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows NT\CurrentVersion\NetworkList\DefaultMediaCost \ Ethernet を 1 から 2 に変更
ロックがかかっていて簡単に変更できない、詳しい変更手順は上記リンクを見てほしい。
また、この方法をあなたにはお勧めしない、あくまで自己責任で、とお願いする。

これを実行すると自動では Windows Update するかどうかはまだ不明
(3時間後、検証結果を最後に記載する)。

この後、とりあえず必要なユーザ・アプリケーション・プログラム(Chrome, clamwin, FileZilla, npp putty, LibreOffice)をインストールした。

そして "system restore point" を作成した。
参考 How to Create a system restore point
次に同じ現象が出たらこの"system restore point"が使えるかもしれない。

今日は、ここまでで 4時間以上無駄になってしまった。

3時間後、検証結果
「Windows Update を停止する方法」は嘘だった。
確かにregistry 値は、変更できたが、期待する効果がない。
調査は、電源停止の直前画面で "Update" が、かかろうとしていることだ。

設定画面を確認すると "KB4013429"がWindowsを起動できなくする犯人らしい。

では、再起動してみよう。また、起動しなくなるはずだ。
やはり、起動しない。同じ現象だ。
"system restore point"を利用できると表示されたので、先ほどのユーザ・アプリケーション・プログラム(Chrome, clamwin, FileZilla, npp putty, LibreOffice)をインストール直後の"system restore point"を指定したが、60分前後かけて失敗の画面

に、がっかりだ。

今度の作戦は、Windows update のサービス・プロセスを止めてることにしようと思う。

手順は、
(1)LANケーブルを外す。
(2)電源on
(3)「個人用ファイルを保持したままWindowsを初期状態に戻す」で復旧(一時間必要)
(4) LOGIN
(5) Windows Settings/System/About/Additional administrative tools/Services/Windows Update/(right-click)properties/Start up type => disable & Service status => stop & OK
(6) 再起動して Windows Update がもう起動しないことをWindows Settings以下で確認する。
(7) この後、ユーザ・アプリケーションをインストールする。
(8) Windows Settingsで、"system restore point" を作成する。

宗教の落とし穴五つ

宗教の落とし穴は五つ。

(1) 一度入信したら棄教できない、棄教すると抹殺され地獄へ堕ちると脅す。
(2) 信者に、その配偶者・子どもの入信を強いる。
(3) 異教徒・別宗派の存在を認めず暴力攻撃・殺戮をする。
(4) 金欲がないはずの宗教指導者が、定価を明示せずに信者に金を要求する。
(5) 信者を集会・儀式に呼び出し拘束して時間を奪う。

もし、棄教自由、布教無し、異教への寛容、完全無料、集会無しの宗教があれば画期的である。

どの宗教思想も正しいと思われることと疑わしいと思われることが含まれている。
どの宗教思想も大規模な思想のため精査すると矛盾点が見つかる。
論理上、矛盾点が一つでもあれば、そこから三段論法を展開してあらゆる嘘を正しいと言い張ることができる。
矛盾点を含む宗教思想は、全体として論理的に完全無欠ではない。

宗教思想には神秘的な内容が付きまとう、それを再現できたという事実はない。

追い詰められて弱気になった人に少し親切なことをしてあげれば、
判断力が麻痺しているから宗教に入信させることは容易であろう。

宗教とヤクザ・マフィアは似ている。

(1) 一度仲間になったら足抜けできない、裏切り者は殺される掟。
(2) 仲間に、子分を増やすように強いる。
(3) 他の組織を暴力攻撃・殺戮する。
(4) いつもは義理だ人情だといいながら、すぐ金を強制的に巻き上げる。
(5) 子分を集会・儀式に強制参加させ拘束する。

宗教と共産主義、社会主義、権威主義といった全体主義思想も似ている。

(1) 一度仲間になったら脱退できない、裏切り者は殺される掟。
(2) 仲間に、子分を増やすように強いる。
(3) 暴力革命・侵略戦争を正当化する。
(4) 私有財産を認めず、権力者がすべてを奪い去る。
(5) 子分をデモ集会に強制参加させ拘束する。

ビジネスで顧客と売上を増やす策として宗教の落とし穴を応用することもできる。

(1) 一度購入したら止められない、止めると社会的評判が落ちると心配させる。
(2) 家族・知人・友人に買わせると割引特典を受けられるようにする。
(3) 他社製品を直接的・間接的に批判する。売り場を独占しようとする。
(4) 契約内容を複雑化する、不要なオプション品を売る、毎月一定額が支払われるようにする。
(5) イベントを行い顧客を集め興奮させ一体感を醸し出す。

「宗教の落とし穴」は法に違反せず企業の評判を落とさない範囲で活用されている。

公正なる自由主義と民主制の政治が目指しているところは

(1) 思想信教の自由には棄教の自由も含まれる。話は現世に限りあの世話については関わらない。
(2) 思想信教の自由には、他人に思想信教を強制できないことを明示している。
(3) 法の下の権利の平等、少数派の存在を認める。多数決の原理で平和的に短時間で全体方針を決定する。
(4) 私有財産を保護し、事前に公開された法律・契約・価格に従い、物・労務の対価・税の支払いを求める。
(5) 行動・住居の自由を認め集会参加を強制しない。

自由主義の良さを理解できない国民に民主制を導入すると
宗教原理主義、共産主義、社会主義、権威主義といった全体主義が勢いを増し
自由と民主的選挙が亡ぶのは歴史的事実であり、イスラム教文化圏で現在進行形の事実。

自由主義と民主制の優位を説明し続けることが重要。