自作のChrome拡張機能 Chord Dictionary 修正内容 manifest.json { - "manifest_version": 2, + "manifest_version":…

IE11のサポートが終了して遂に色々なタグが自由に使えるようになってきました。 今まで使いたくても対応が面倒なので全部divにしていた要素の一つ、dialog要素を実装していて::backdropの…

初めに〜PyScriptとは〜 最近、PyScriptというものが少しホットな話題になっているようです。 これまでHTMLの中に書くことができるのはJavaScriptだけだったのですが、PySc…

Bootstrapの水平方向の中央配置の設定が、いまいち理解できていなかったので、軽くまとめました。 特に * text-center * justify-content-center の使い方が理…

レイアウトとは 何をどこに、どのように配置するかという割り付けのこと 出典 https://saruwakakun.com/design/tips/what-is-layout 最も重要なレイアウト …

<div class="relative"> <!-- 対象の親要素 --> <a class="absolute top-0 left-0 w-full h-full cursor-pointer…

「border-radiusが効かなくてテーブルの角を丸く出来ない...!」と、お困りなそこのあなたに 今回は角の丸いテーブルを作成する方法を解説していきます。 再現したいデザイン 実装方法 実装の…

QiitaでのQ&Aに２回ほど助けられましたが、それ以外すべて自力で作りました。 今後コードの簡略化と勝敗の判定の追加に励みます。 アドバイスやご意見等お待ちしております。 ```html <!DO…

特定のセレクタだけプロパティをつける <ul> <li class="selected">HTML</li> <li>...</li> <li>...</li> </ul> .selected { …

1. はじめに HTMLを勉強したての人間による勉強記事です。 随時更新していきます 他にも追加すべき属性があればご教示いただけると幸いです 1-2.この記事について HTMLを実装するにあたって…

1. はじめに HTML/CSSに関する備忘録のまとめ記事です。 完全に自分用です。 随時更新していきます。 2. THML 2-1.テンプレート https://qiita.com/Rice_C…