Movatterモバイル変換


[0]ホーム

URL:


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

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

アプリで開く

はてなブックマーク

  • はてなブックマーク
  • テクノロジー
  • 脱・Atomic Design - HTML+CSSコーディングの粒度分類法(HTML Parts) - Qiita
  • Twitterでシェア
  • Facebookでシェア

気に入った記事をブックマーク

  • 気に入った記事を保存できます
    保存した記事の一覧は、はてなブックマークで確認・編集ができます
  • 記事を読んだ感想やメモを書き残せます
  • 非公開でブックマークすることもできます
適切な情報に変更

エントリーの編集

loading...

エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。

タイトルガイドライン

このページのオーナーなので以下のアクションを実行できます

タイトル、本文などの情報を
再取得することができます
コメントを非表示にできますコメント表示の設定

ブックマークしました

ここにツイート内容が記載されますhttps://b.hatena.ne.jp/URLはspanで囲んでください

Twitterで共有

ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します

113usersがブックマークコメント2

    ガイドラインをご確認の上、良識あるコメントにご協力ください

    0/0
    入力したタグを追加

    現在プライベートモードです設定を変更する

    おすすめタグタグについて

      よく使うタグ

        脱・Atomic Design - HTML+CSSコーディングの粒度分類法(HTML Parts) - Qiita

        ガイドラインをご確認の上、良識あるコメントにご協力ください

        0/0
        入力したタグを追加

        現在プライベートモードです設定を変更する

        おすすめタグタグについて

          よく使うタグ

            はてなブックマーク

            はてなブックマークで
            関心をシェアしよう

            みんなの興味と感想が集まることで
            新しい発見や、深堀りがもっと楽しく

            ユーザー登録

            アカウントをお持ちの方はログインページ

            記事へのコメント2

            • 注目コメント
            • 新着コメント
            d4-1977
            なんかボリューム感たっぷり。モジュールやブロックの分け方を感覚にしないで明文化しているのいいな。

            その他
            laptice
            AtomicDesignって銀の弾丸じゃなかったよね、Sassと絡めてどうやって作っていったもんかね?っていう考察。後でちゃんと読む。

            その他

            注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

            リンクを埋め込む

            以下のコードをコピーしてサイトに埋め込むことができます

            プレビュー
            アプリのスクリーンショット
            いまの話題をアプリでチェック!
            • バナー広告なし
            • ミュート機能あり
            • ダークモード搭載
            アプリをダウンロード

            関連記事

              usersに達しました!

              さんが1番目にブックマークした記事「脱・Atomic Design...」が注目されています。

              気持ちをシェアしよう

              ツイートする

              脱・Atomic Design - HTML+CSSコーディングの粒度分類法(HTML Parts) - Qiita

              はじめにHTML+CSSコーディング専用の粒度分類を紹介します。 この仕組みは、デザインやワイヤーフレー...はじめにHTML+CSSコーディング専用の粒度分類を紹介します。 この仕組みは、デザインやワイヤーフレームなどの視覚情報を分解することに焦点をあて、分解した対象を部品化する流れも併せてガイド化した汎用手法です。 世の中には、コーポレートサイト / ポータルサイト / サービスサイト / システム管理画面 / ブログサイト… といった様々な種別のサイト、Webページがありますが、これらの「完成予想図(視覚情報)」を同じ方法で分解して、コーディング用の部品にできます。 粒度と言えばAtomic Designが有名ですが、この「HTML Parts」も粒度そのものの考え方についてはAtomic Designの踏襲です。その上で「思考の入り方・捉え方」や「名称と定義」をコーディング側に寄せることで、CSS設計やコーディング業務を標準化しやすくしています。 ※この記事は標準化ノウハウ公開の一環とし

              ブックマークしたユーザー

              • techtech05212024/03/22techtech0521
              • hachi8octo2021/11/25hachi8octo
              • thotentry_hatebu1972020/12/11thotentry_hatebu197
              • batta2020/04/16batta
              • kyaido2020/03/30kyaido
              • atsublue2020/03/18atsublue
              • sig2020/03/09sig
              • k_oshima2020/03/09k_oshima
              • d4-19772020/03/09d4-1977
              • kjtec2020/03/05kjtec
              • montdsichel2020/03/04montdsichel
              • torounit2020/03/02torounit
              • satom9to52020/03/02satom9to5
              • mako07172020/03/01mako0717
              • shirotorabyakko2020/03/01shirotorabyakko
              • yonyon_yossy2020/02/28yonyon_yossy
              • roro12312020/02/28roro1231
              • noguful2020/02/28noguful
              すべてのユーザーの
              詳細を表示します

              ブックマークしたすべてのユーザー

              同じサイトの新着

              同じサイトの新着をもっと読む

              いま人気の記事

              いま人気の記事をもっと読む

              いま人気の記事 - テクノロジー

              いま人気の記事 - テクノロジーをもっと読む

              新着記事 - テクノロジー

              新着記事 - テクノロジーをもっと読む

              同時期にブックマークされた記事

              いま人気の記事 - 企業メディア

              企業メディアをもっと読む

              はてなブックマーク

              公式Twitter

              はてなのサービス

              • App Storeからダウンロード
              • Google Playで手に入れよう
              Copyright © 2005-2025Hatena. All Rights Reserved.
              設定を変更しましたx

              [8]ページ先頭

              ©2009-2025 Movatter.jp