【前半】『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/パンセ)

【応用編】初心者必見!もっとSassを使いこなすテクニックを解説!mixinの引数/レスポンシブ対応【HTML・CSS コーディング】
![[In-Depth Comparison] The Definitive Difference Between Codex and Claude Code: Recommended Usage ...](https://i.ytimg.com/vi/-iOvbw544hI/hqdefault.jpg?sqp=-oaymwEjCNACELwBSFryq4qpAxUIARUAAAAAGAElAADIQj0AgKJDeAE=&rs=AOn4CLDs7eGR2PjFR6Hjo94yD6GWSmThSA)
[In-Depth Comparison] The Definitive Difference Between Codex and Claude Code: Recommended Usage ...

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

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

Which CSS should I use with React?

CSS class naming conventions, FLOCSS and BEM.

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

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

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

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

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

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

Two practical ways to use SVG in HTML CSS professionally

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

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

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

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

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

