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

テクノロジーカテゴリーの変更を依頼記事元:

qiita.com/croco_works

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

コメント

2

記事へのコメント2件

注目コメント
新着コメント

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

2020/03/09 リンク

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

2020/02/27 リンク

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

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

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

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

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

techtech05212024/03/22
hachi8octo2021/11/25
thotentry_hatebu1972020/12/11
batta2020/04/16
kyaido2020/03/30
atsublue2020/03/18
sig2020/03/09
k_oshima2020/03/09
d4-19772020/03/09
kjtec2020/03/05
montdsichel2020/03/04
torounit2020/03/02
satom9to52020/03/02
mako07172020/03/01
shirotorabyakko2020/03/01
yonyon_yossy2020/02/28
roro12312020/02/28
noguful2020/02/28

同じサイトの新着

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

いま人気の記事

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

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

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

新着記事 - テクノロジー

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

設定を変更しましたx