tech memo-HTML/CSS

【Visual Studio Code】入れておきたい拡張機能と設定 -jinja2篇-

「入れておきたい拡張機能と設定 -jinja2篇-」はじめに 「入れておきたい拡張機能と設定 -jinja2篇-」導入した拡張機能 「入れておきたい拡張機能と設定 -jinja2篇-」拡張機能の設定方法 「入れておきたい拡張機能と設定 -jinja2篇-」設定 setting.json の開…

【完全版】「最悪のUI」なウェブサイトの悪い部分を解説をしてみる

『「最悪のUI」なウェブサイトの最悪な部分を解説をしてみる』①・②のまとめ記事です。 「最悪のUI」を参考に「最高のUI」とはなんなのかを考えましょう!

【UI】「最悪のUI」なウェブサイトの悪い部分を解説をしてみる②

はじめに フォームページ(2) ローディングアイコン アップロードの仕方 Download image choose 3 interests Cancelボタン フォームページ(3) Country Country Age お問い合わせタブ フォームページ(4) チェックボックスの位置 ロボットチェックの内容 …

【UI】「最悪のUI」なウェブサイトの悪い部分を解説をしてみる①

はじめに 「最悪のUIサイト」を作ったのは誰? トップページ 謎の「NO」ボタン どこをクリックしたら次のページに行けるのか フォームページ(1) クッキーの使用許可のタブ お問い合わせタブの謎の動き 残りフォームページを表す緑丸アイコンの点滅 テキス…

【bootstrap】モーダルのダイアログが影に隠れちゃう現象

はじめに そもそもモーダルとは? 発生した問題と対処法 1. z-indexの値が影レイヤより小さくないか 2. HTMLのtopレベルにmodalを記載していない まとめ ***** はじめに 皆さんこんにちは、こんばんは。 techblogchan( @techblogchan )です。 今回はw…

【HTML】「空白のみのテキストノード」の謎に迫る!!

今回はHTMLを書いていると稀に登場する「空白のみのテキストノード」とは何なのかと、発生してしまった場合の対処法についてお話したいと思います。