はてなブックマークアプリ

サクサク読めて、
アプリ限定の機能も多数!

アプリで開く

はてなブックマーク

  • はてなブックマークって?
  • アプリ・拡張の紹介
  • ユーザー登録
  • ログイン
  • Hatena

はてなブックマーク

トップへ戻る

  • 総合
    • 人気
    • 新着
    • IT
    • 最新ガジェット
    • 自然科学
    • 経済・金融
    • おもしろ
    • マンガ
    • ゲーム
    • はてなブログ(総合)
  • 一般
    • 人気
    • 新着
    • 社会ニュース
    • 地域
    • 国際
    • 天気
    • グルメ
    • 映画・音楽
    • スポーツ
    • はてな匿名ダイアリー
    • はてなブログ(一般)
  • 世の中
    • 人気
    • 新着
    • 新型コロナウイルス
    • 働き方
    • 生き方
    • 地域
    • 医療・ヘルス
    • 教育
    • はてな匿名ダイアリー
    • はてなブログ(世の中)
  • 政治と経済
    • 人気
    • 新着
    • 政治
    • 経済・金融
    • 企業
    • 仕事・就職
    • マーケット
    • 国際
    • はてなブログ(政治と経済)
  • 暮らし
    • 人気
    • 新着
    • カルチャー・ライフスタイル
    • ファッション
    • 運動・エクササイズ
    • 結婚・子育て
    • 住まい
    • グルメ
    • 相続
    • はてなブログ(暮らし)
    • 掃除・整理整頓
    • 雑貨
    • 買ってよかったもの
    • 旅行
    • アウトドア
    • 趣味
  • 学び
    • 人気
    • 新着
    • 人文科学
    • 社会科学
    • 自然科学
    • 語学
    • ビジネス・経営学
    • デザイン
    • 法律
    • 本・書評
    • 将棋・囲碁
    • はてなブログ(学び)
  • テクノロジー
    • 人気
    • 新着
    • IT
    • セキュリティ技術
    • はてなブログ(テクノロジー)
    • AI・機械学習
    • プログラミング
    • エンジニア
  • おもしろ
    • 人気
    • 新着
    • まとめ
    • ネタ
    • おもしろ
    • これはすごい
    • かわいい
    • 雑学
    • 癒やし
    • はてなブログ(おもしろ)
  • エンタメ
    • 人気
    • 新着
    • スポーツ
    • 映画
    • 音楽
    • アイドル
    • 芸能
    • お笑い
    • サッカー
    • 話題の動画
    • はてなブログ(エンタメ)
  • アニメとゲーム
    • 人気
    • 新着
    • マンガ
    • Webマンガ
    • ゲーム
    • 任天堂
    • PlayStation
    • アニメ
    • バーチャルYouTuber
    • オタクカルチャー
    • はてなブログ(アニメとゲーム)
    • はてなブログ(ゲーム)
  • おすすめ

    Google I/O

『qiita.com』

  • 人気
  • 新着
  • すべて
  • モダンCSSへのアップデート(実践編) - Qiita

    7 users

    qiita.com

    目次 はじめに アップデートによるメリット サンプルページ 解説1-スタイルの優先順位を管理 解説2-擬似クラスセレクター 解説3-上下限つきのレスポンシブ文字サイズ 解説4-親要素いっぱいまで広げる 解説5-上下左右中央寄せ 解説6-親要素を子要素のサイズに合わせて左右中央寄せ 解説7-要素の切り抜き 解説8-親行列の行や列に子行列を整列 解説9-ピルボタン 解説10-ホバー 解説11-親要素サイズでの切り替え まとめ 参考サイト はじめに そもそもなぜモダンCSSへのアップデートが必要なのだろうか? 学習コストに恩恵が見合わない気がする わざわざ Can I use で対応状況を確認する手間をかけてまで使う必要ある? 使い慣れた記述のほうが悩まないで済むし安心 忙しくて余裕がないから今はまだいい。そのうち、そのうちにね… アップデートによるメリット 調べたり考えたりしたことをまとめてみ

    • テクノロジー
    • 2025/04/23 19:00
    • css
    • web制作
    • 資料
    • 開発
    • プログラミング
    • まとめ
    • 有名サイトで使用されているCSSテクニックまとめ - Qiita

      494 users

      qiita.com/k__watanabe

      Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

      • テクノロジー
      • 2022/09/07 21:57
      • css
      • あとで読む
      • webデザイン
      • テクニック
      • web制作
      • qiita
      • デザイン
      • web
      • coding
      • 今日から始める負担にならないWAI-ARIA - Qiita

        17 users

        qiita.com/k__watanabe

        WAI-ARIAとはなにか 「Web Accessibility Initiative - Accessible Rich Internet Applications」 の略で、 「ウェイ・アリア」 と読みます。 WAI-ARIAをつかえば、HTMLだけでは不足している セマンティクス(意味) を属性で補完することができ、 支援技術(スクリーンリーダーなど)を通じて、障害をもつ人に対し適切な情報を伝えられる ようになります。 WAI-ARIAの注意点 あくまでも 「必要な場合のみ使用する」 技術です。 HTML5タグのセマンティクスで解決できるのであれば、 HTMLで対応するのが基本 です。 WAI-ARIAのつかいかた 決められた 「属性」 をHTMLタグに追記して使用します。 以下、すぐにでも導入が可能で効果が期待できそうな項目を挙げてみました。 (その他、詳細については参考サイトをご

        • テクノロジー
        • 2021/10/07 14:08
        • Web標準
        • アクセシビリティ
        • Accessibility
        • Web制作
        • webデザイン
        • フロントエンドの慣習のまとめ - Qiita

          325 users

          qiita.com/k__watanabe

          Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

          • テクノロジー
          • 2021/08/25 09:15
          • フロントエンド
          • あとで読む
          • テクニック
          • web制作
          • javascript
          • css
          • qiita
          • coding
          • まとめ
          • CSScombについてのおさらい - Qiita

            3 users

            qiita.com/k__watanabe

            #CSScombとは? CSScomb is a coding style formatter for CSS. You can easily write your own configuration to make your style sheets beautiful and consistent. (CSScombは、CSSのコーディングスタイルフォーマッタです。 独自の構成を簡単に記述して、スタイルシートを美しく一貫性のあるものにすることができます。) https://github.com/csscomb/csscomb.js README.mdより抜粋 つまりCSSのプロパティを決められたルールで並び替えることができるツールです。 現在、CSSはたいてい何かしらのメタ言語で書かれていると思いますが、CSScombはコンパイル後のCSSだけでなくSCSSにも対応1しているので、作業

            • テクノロジー
            • 2019/12/10 09:55
            • 5分で作るChrome拡張機能 - Qiita

              3 users

              qiita.com/k__watanabe

              { "name": "拡張機能の名前", "description": "拡張機能の説明", "version": "1.0", "content_scripts": [{ "js": ["js/jquery-3.2.1.min.js", "js/background.js"], "css": ["css/style.css"], "matches": ["http://*/*", "https://*/*"] }], "browser_action": { "default_icon": "拡張機能のアイコン画像", "default_title": "ツールバーのアイコンにマウスオーバーで表示されるツールチップ" }, "manifest_version": 2 } 本当は、ChromeのAPIの利用やDOM操作、動作状況などに違いのあるcontent-scriptsやbackgrou

              • テクノロジー
              • 2017/12/12 01:30
              • Chrome
              • jquery
              • javascript
              • あとで読む

              このページはまだ
              ブックマークされていません

              このページを最初にブックマークしてみませんか?

              『qiita.com』の新着エントリーを見る

              キーボードショートカット一覧

              j次のブックマーク

              k前のブックマーク

              lあとで読む

              eコメント一覧を開く

              oページを開く

              はてなブックマーク

              • 総合
              • 一般
              • 世の中
              • 政治と経済
              • 暮らし
              • 学び
              • テクノロジー
              • エンタメ
              • アニメとゲーム
              • おもしろ
              • アプリ・拡張機能
              • 開発ブログ
              • ヘルプ
              • お問い合わせ
              • ガイドライン
              • 利用規約
              • プライバシーポリシー
              • 利用者情報の外部送信について
              • ガイドライン
              • 利用規約
              • プライバシーポリシー
              • 利用者情報の外部送信について

              公式Twitter

              • 公式アカウント
              • ホットエントリー

              はてなのサービス

              • はてなブログ
              • はてなブログPro
              • 人力検索はてな
              • はてなブログ タグ
              • はてなニュース
              • ソレドコ
              • App Storeからダウンロード
              • Google Playで手に入れよう
              Copyright © 2005-2025 Hatena. All Rights Reserved.
              設定を変更しましたx