2021年に記事にするには今更過ぎますが、文字や画像などの要素を縦横にスクロールさせる<marquee>タグは非推奨、廃止となっています。 この記事では、<marquee>タグの代わりにCSSで同じ動作をさせ […]…
HTML | テキストを中央揃え、右寄せ、左寄せにする
HTMLのタグでstyle属性でtext-alignを指定してテキストを中央揃え、あるいは左寄せ、右寄せにする方法を紹介しています。 余談ですが、text-align の align は「整列」という意味で、text a […]
HTML | 太字、斜体の強調文字の種類や違いまとめ
HTMLで文字・テキストを太字、斜体にする強調文字はいくつも手段があります。この記事ではその種類と違い、非推奨または廃止されているスタイルタグも合わせて紹介しています。 <b>タグ <b>タグは「 […]…
HTML | おすすめのタグチェックが可能なツール
最低限足りてないタグを検出したり、閉じタグ忘れや記述ミスの確認がおすすめの可能なHTMLチェッックツールを紹介しています。 ローカル上でもネットワーク上でも、作成・編集中のWEBコンテンツの確認にはブラウザを使うものと思 […]…
HTML | おすすめのタグチェックが可能なツール
最低限足りてないタグを検出したり、閉じタグ忘れや記述ミスの確認がおすすめの可能なHTMLチェッックツールを紹介しています。 ローカル上でもネットワーク上でも、作成・編集中のWEBコンテンツの確認にはブラウザを使うものと思 […]…
HTML | target=”_blank”でリンクを別タブで開く方法と脆弱性対策
target属性を使ってHTMLのリンク（aタグ）をクリックした場合にブラウザに別タブで開くようにする方法を紹介しています。 リンクを別タブで開くようにする リンクを別タブで開くようにするにはリンクタグに target= […]…
HTML | target=”_blank”でリンクを別タブで開く方法と脆弱性対策
target属性を使ってHTMLのリンク（aタグ）をクリックした場合にブラウザに別タブで開くようにする方法を紹介しています。 リンクを別タブで開くようにする リンクを別タブで開くようにするにはリンクタグに target= […]…
HTML | draggableの使い方、ドラッグを有効または無効にする方法など
HTMLのグローバル属性「draggable」を使って要素のドラッグを有効または無効に設定する方法やデフォルト値、JavaScriptやjQueryで切り替える方法を紹介しています。 HTML要素のドラッグを有効または無 […]…
HTML | draggableの使い方、ドラッグを有効または無効にする方法など
HTMLのグローバル属性「draggable」を使って要素のドラッグを有効または無効に設定する方法やデフォルト値、JavaScriptやjQueryで切り替える方法を紹介しています。 HTML要素のドラッグを有効または無 […]…
今までのCSS本とはかなり異なる！ 現在主流の実装・設計・管理方法を徹底解説した良書 -ざっくりつかむ CSS設計
CSSの解説書はたくさんありますが、今までのCSS本とはかなり異なる面にフォーカスされたCSS設計についての解説書を紹介します。 かなり実践的な解説書です、CSSの何に気をつけて、CSSをどのように書き、CSSをどのように管理するとよいか、現在主流の実装・設計・管理方法について、最適解となるためのアプローチや思考プ…