1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

HTMLAdvent Calendar 2023

Day 7

HTMLで画面実装したときに閲覧したページ

Last updated at Posted at 2023-12-07

+* HTML *+

要素と属性
https://so-zou.jp/web-app/tech/html/specification/element-attribute.htm

idとclassとの違い
https://www.sejuku.net/blog/85629

+* CSS *+

IDを指定
https://www.tagindex.com/stylesheet/basic/format3.html

CSSの無効化
https://magazine.techacademy.jp/magazine/38815

+* JavaScript *+

タグを追加
https://www.javadrive.jp/javascript/before/index2.html

タグに属性を追加
https://kasumiblog.org/javascript-setattribute/

+* jQuery *+

指定したid属性の要素へHTMLタグを追加
https://qiita.com/sola-msr/items/6e3cfa2e90a7abb06999
https://www.buildinsider.net/web/jqueryref/007

+* Bootstrap *+

色の値(文字色とカラーコード)
https://getbootstrap.jp/docs/5.0/utilities/colors/

要素の枠線を調節
https://getbootstrap.jp/docs/5.0/utilities/borders/

要素のサイズを調整
https://getbootstrap.jp/docs/5.3/utilities/sizing/

要素の余白を調整(クラスに指定)
https://design-studio-f.com/blog/bootstrap-utilities-spacing/

チェックボックスの大きさを変更する
https://qumeru.com/magazine/443

フレックス(直下の子要素の位置を変更)
https://getbootstrap.jp/docs/5.3/utilities/flex/

バッジ
https://getbootstrap.jp/docs/5.3/components/badge/

モーダル(ポップアップみたいな画面)
https://getbootstrap.jp/docs/5.3/components/modal/

モーダルのネスト
https://qiita.com/tomlaw/items/1fd8edc9ca1522ad270e
https://qiita.com/a__i__r/items/165ed939438300e083d9

スイッチ(トグル)
https://getbootstrap.jp/docs/5.3/forms/checks-radios/#%E3%82%B9%E3%82%A4%E3%83%83%E3%83%81

検索フォーム
https://nllllll.com/bootstrap/bootstrap5-searchform/

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?