【前半】『CSS設計完全ガイド』の著者による「CSS設計のキホンと王道パターン」/半田 惇志(100/パンセ)

『CSS設計完全ガイド ~詳細解説+実践的モジュール集』の著者、半田 惇志さんをお迎えし、書籍のおさらい+最新動向を交えてお話しいただきます。 https://cssnite.doorkeeper.jp/events/... (2021年4月14日開催) #cssnite #CSS設計完全ガイド #半田惇志 #assialiholic ※講演者のプロフィールは、セミナー時点での情報です。 アーカイブ一覧    • 『CSS設計完全ガイド』の著者による「CSS設計のキホンと王道パターン」   ────────────────────────────── 発売以来、長く好評を博している『CSS設計完全ガイド』。書籍の内容をおさらいしつつ、さらに深掘りして ・CSS設計の基本的な考え方や方法論 から ・実作業時に気をつけるべきこと ・設計の王道パターン まで、実際のコードを交えながら解説します。 書籍が未読であれば一気に効率よくCSS設計のポイントを学ぶことができ、既読の方はより理解が深まるでしょう。 〈予定内容〉 ・なぜCSS設計が必要か ・CSS設計のポイント ・モジュール設計の方法論 ・CSS設計は将来不要になるのか? ────────────────────────────── 半田 惇志(はんだ・あつし) 株式会社100/パンセ テクニカルディレクター/デザインエンジニア フロントエンドの開発からテクニカルディレクション、全体のワークフロー設計・改善、マーケティングオートメーションまで幅広く業務を行う。特に強い専門領域はCSS設計とHubSpot CMS。   / assialiholic   【主な成果物】 『CSS設計完全ガイド ~詳細解説+実践的モジュール集』http://www.amazon.co.jp/dp/B0856YMH7L/ 『Webのための次世代エディタ Bracketsの教科書』https://www.amazon.co.jp/dp/B019SPFHX2 PRECSS - Manage your CSS with prefixes. https://precss.io/ ────────────────────────── CSS Niteは下記の企業に協賛、協力をいただいています。 ・KDDIウェブコミュニケーションズ  (レンタルサーバー「CPI」、簡単ホームページ作成「ジンドゥー」などを提供)  http://www.kddi-webcommunications.co.jp/ ・Webクリエイター能力認定試験(サーティファイ)  年間受験者数15,000人以上  http://www.sikaku.gr.jp/web/wc_new.html ・Webフォント・サービス「FONTPLUS」  https://fontplus.jp/service また、多くの制作会社に協賛いただいて運営しています。 http://cssnite.jp/about/sponsor2022-l... ・un-T factory! https://www.un-t.com/ ・株式会社コンセントhttps://www.concentinc.jp/ ・株式会社ヘルツ https://hertz.ne.jp/ ・有限会社アップルップル https://www.appleple.com/ ・ともすた(H2O space) https://tomosta.jp/ ・株式会社トゥーアール(to-R) https://www.to-r.net/ ・株式会社Gear8 https://gggggggg.jp/ ・Qiita株式会社 https://corp.qiita.com/ ・株式会社エイチーム https://www.a-tm.co.jp/recruit/requir... ・株式会社まぼろし https://maboroshi.biz/ ・一般社団法人ウェブコンサルタント・ウェブアドバイザー協会 https://www.webconsultant.or.jp/ ・株式会社ふわっと http://fuwhat.com/ ・株式会社エスファクトリー https://sfactory.co.jp/ ・株式会社株式会社ゴンウェブイノベーションズ http://www.gonweb.co.jp/ ・株式会社HAMWORKS https://ham.works/ ・株式会社LINICA https://linica.jp/ ・株式会社マジカルリミックス https://www.magical-remix.co.jp/ ・株式会社necco https://necco.inc/ ・株式会社CODE54 https://www.code54.net/ ・株式会社サービシンク https://servithink.co.jp/ ・株式会社エンタミナ https://webdirection.jp/ ・株式会社FLAT http://wd-flat.com/ ・モチヤ株式会社 https://www.mochiya.ad.jp/ ・ONiWA株式会社 https://oniwa.co.jp/ ・ましじめ株式会社 https://masizime.com/ ・株式会社ウェブエイト https://www.web8.co.jp/ ・WizMu https://wizmu.co.jp

【後半】『CSS設計完全ガイド』の著者による「CSS設計のキホンと王道パターン」/半田 惇志(100/パンセ)
▶︎

【後半】『CSS設計完全ガイド』の著者による「CSS設計のキホンと王道パターン」/半田 惇志(100/パンセ)

【応用編】初心者必見!もっとSassを使いこなすテクニックを解説!mixinの引数/レスポンシブ対応【HTML・CSS コーディング】
▶︎

【応用編】初心者必見!もっとSassを使いこなすテクニックを解説!mixinの引数/レスポンシブ対応【HTML・CSS コーディング】

[In-Depth Comparison] The Definitive Difference Between Codex and Claude Code: Recommended Usage ...
▶︎

[In-Depth Comparison] The Definitive Difference Between Codex and Claude Code: Recommended Usage ...

意外と簡単!エンジニアが使っている効率の良いCSSの書き方(Sass・SCSS)
▶︎

意外と簡単!エンジニアが使っている効率の良いCSSの書き方(Sass・SCSS)

HTMLサイトのWordPress化!WordPressの仕組みを理解しながら学ぼう!
▶︎

HTMLサイトのWordPress化!WordPressの仕組みを理解しながら学ぼう!

Which CSS should I use with React?
▶︎

Which CSS should I use with React?

CSS class naming conventions, FLOCSS and BEM.
▶︎

CSS class naming conventions, FLOCSS and BEM.

【初心者向け】知っておくと超便利で頻出するCSS4選をご紹介!
▶︎

【初心者向け】知っておくと超便利で頻出するCSS4選をご紹介!

【実践】HTML・CSSでホームページを作りながら解説します【コーディングLIVE】
▶︎

【実践】HTML・CSSでホームページを作りながら解説します【コーディングLIVE】

【初心者向け】BEMを使ったCSS設計を学ぼう/コーディング練習基礎講座⑥
▶︎

【初心者向け】BEMを使ったCSS設計を学ぼう/コーディング練習基礎講座⑥

SASSの超便利な使い方【HTML/CSSコーディング】
▶︎

SASSの超便利な使い方【HTML/CSSコーディング】

【HTML/CSSレイアウト】聖杯レイアウトのコーディング実践、デザイン解説【ヤフー出身エンジニアの初心者向けプログラミング講座】
▶︎

【HTML/CSSレイアウト】聖杯レイアウトのコーディング実践、デザイン解説【ヤフー出身エンジニアの初心者向けプログラミング講座】

Norwegen – Frankreich Highlights | Gruppe I, FIFA WM 2026 | sportstudio
▶︎

Norwegen – Frankreich Highlights | Gruppe I, FIFA WM 2026 | sportstudio

Two practical ways to use SVG in HTML CSS professionally
▶︎

Two practical ways to use SVG in HTML CSS professionally

【永久保存版】宇宙一簡単なJavaScript入門講座!プログラミング初心者でもこれ1本でOK
▶︎

【永久保存版】宇宙一簡単なJavaScript入門講座!プログラミング初心者でもこれ1本でOK

HTMLとCSSでオシャレなナビゲーションサイドバーの作り方 - HTML/CSS/Javascript -
▶︎

HTMLとCSSでオシャレなナビゲーションサイドバーの作り方 - HTML/CSS/Javascript -

【衝撃の結果!】最新の研究でAIに相談する人ほど不幸になる事が判明!
▶︎

【衝撃の結果!】最新の研究でAIに相談する人ほど不幸になる事が判明!

What to teach when AI writes the code | Rainer Stropek | TEDxLinz
▶︎

What to teach when AI writes the code | Rainer Stropek | TEDxLinz

【全部教えます!】WEBデザインの作り方紹介!できるまでの流れ-adobe Illustrator-
▶︎

【全部教えます!】WEBデザインの作り方紹介!できるまでの流れ-adobe Illustrator-

【HTML/CSSレイアウト】Gridを使うとFlexboxより簡単に複雑なレイアウトを組めます【ヤフー出身エンジニアの初心者向けプログラミング講座】
▶︎

【HTML/CSSレイアウト】Gridを使うとFlexboxより簡単に複雑なレイアウトを組めます【ヤフー出身エンジニアの初心者向けプログラミング講座】