タグ

cssに関するTsumuRiのブックマーク (3)

  • CSSの単位px、em、remはどれをどこで使用するのがよいか、ピクセルとアクセシビリティにおける意外な真相

    CSSの単位px、em、remは、どれをどこで使用するのがよいか。 font-sizeの値にはどの単位を使用していますか? ほかにもメディアクエリを定義する時、マージンを定義する時、widthやheightを定義する時、使用する単位はアクセシビリティに配慮する必要があります。 The Surprising Truth About Pixels and Accessibility by Josh W. Comeau 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに CSSでpxとememの各単位がどのように機能するか アクセシビリティに関する考慮事項 どの単位をどこで使用すればよいのか どの単位がベストなのかが明らかでない場合 簡単にできる小技とメンタルモデル ボーナス: remを使用すると便利なテクニック はじめに C

    CSSの単位px、em、remはどれをどこで使用するのがよいか、ピクセルとアクセシビリティにおける意外な真相
    TsumuRi
    TsumuRi 2022/06/07
  • WordPress初心者へ!SWELLの小さなカスタマイズ!CSSコピペだよ

    6 超人気テーマ「SWELL」は、組み込まれている機能だけでもかなり自分好みのデザインにできます。 たくさんのSWELLユーザーがステキなサイトを作っているのを見て、刺激を受けるのも楽しみな部分です。 この記事は、SWELLの機能を使うカスタマイズではなく、SWELLに独自のCSSを追加して小さなカスタマイズをする方法です。 SWELL公式サイト CSSを扱う練習にピッタリな気もします! CSSコードをコピペで完成メッチャ小っちゃいカスタマイズ意外と目立つ 独自CSSはSWELLのスタイルを上書きするだけなので、サイトが変になったらCSSコードの削除、これで元通り。 と~っても気が楽です。そして楽しい! 自分で設定したコードがサイトに反映された時の嬉しさ、達成感って半端ないですよ。

    WordPress初心者へ!SWELLの小さなカスタマイズ!CSSコピペだよ
    TsumuRi
    TsumuRi 2022/05/22
    コピペで使えるCSSカスタマイズ。関連記事のアイコン変えるやつイイ!
  • とほほのWWW入門

    はじめに ご使用上の注意 (1) 主な更新履歴 (24) 管理者へのメール (1) 自己紹介 (1) 基編 用語集 (82) Webページ作成入門 (7) 逆引きリファレンス (32) フォーマット HTML (400) HTML5 (7) XHTML (1) MathML (1) DTD (1) JSON (1) SVG (1) VML (1) GIF (1) CSV (1) セマンティック・ウェブ (1) CSS CSS (ABC順)(719) Bootstrap (61) Less (1) Sass (1) Tailwind CSS (1) CSSフレームワーク (1) リセットCSS (1) プログラミング言語 JavaScript (39) TypeScript (1) Java (25) Perl (4) PHP (14) Ruby (11) Python (13) Go (

    TsumuRi
    TsumuRi 2019/01/26
    20年前、初めてホームページを作ったときにHTMLを勉強したサイト。まだ残ってて嬉しい。バナーが変わってないのも嬉しい。2019年になっても更新されてるのが嬉しい!!!
  • 1