Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

CSS legível e escalável com BEM CSS

Avatar for Edgard Kozlowski Edgard Kozlowski
November 25, 2017
Programming
36
0

CSS legível e escalável com BEM CSS

Avatar for Edgard Kozlowski

Edgard Kozlowski

November 25, 2017

Other Decks in Programming

See All in Programming
TechTown - Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
130
iOS 27でニュースアプリはどう変わる！？ 〜日経電子版の新機能対応と、開発事例から〜
Avatar for Kazuki Nakashima lynnswap
7
13k
UPDATE をやめる — EF Core でマスタをバージョン管理する
Avatar for HideyukiKitao panda728
PRO
0
1.2k
Simple Storage Service(S3) is not simple
Avatar for Yura Iwatsuka iwatsukayura
0
290
ChromeでローカルLLM
Avatar for ryu ryu1013
0
140
コードで差別化できない時代の ソフトウェアエンジニアリング / Software Engineering in an Era Where Code Doesn’t Differentiate
Avatar for Naoki Kishida kishida
2
180
Compiling a real-world CLI tool to native with Static Hermes
Avatar for Tzvetan Mikov tmikov2023
0
120
當我們開始不讀 Code - AI Agent 時代，Code Review 與 Clean Code 還剩下什麼？
Avatar for James Wang jame2408
1
190
【加筆修正版】Laravel のアプリケーションをどこにデプロイするか #phpcon_ehime
Avatar for akase244 akase244
0
150
Findy - エンジニア向け会社紹介/Findy Company Deck
Avatar for Findy findyinc
6
400k
最近”作らせてる” ローカルAIアプリの話
Avatar for ITO Akihiro akit37
0
470
ハーネス設計入門 〜 基礎知識の整理から実務へのステップアップ 〜
Avatar for kinopee kinopeee
28
32k

Featured

See All Featured
brightonSEO & MeasureFest 2025 - Winning Strategies for Black Friday CRO & PPC - Christian Goodrich
Avatar for Christian Goodrich cargoodrich
3
870
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
540
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
Avatar for Aleyda Solis aleyda
2
12k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.5k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
280
4 Signs Your Business is Dying
Avatar for Josh Pigford shpigford
187
23k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
1
1.6k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.4k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
590
What Being in a Rock Band Can Teach Us About Real World SEO
Avatar for Ade Holder 427marketing
0
1.1k
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.6k

Transcript

  1. BEM CSS CSS LEGÍVEL E ESCALÁVEL COM @EDKF

  2. EDGARD KOZLOWSKI SOU DE VR =) TUUT CREATIVE BALACOBA.CO

  3. BEM CSS CSS LEGÍVEL E ESCALÁVEL COM @EDKF

  4. "WRITING CSS IS EASY; LOOKING AFTER IT IS NOT” HARRY

    ROBERTS
  5. None

  6. CONVENÇÃO QUE SUGERE UMA FORMA ESTRUTURADA DE NOMEAR SUAS CLASSES

    CSS

  7. BLOCK ELEMENT MODIFIER

  8. None

  9. .BLOCK { }

  10. None
  11. None

  12. .BLOCK__ELEMENT { }

  13. None

  14. DEVO CRIAR UM BLOCO OU UM ELEMENTO?

  15. None
  16. None

  17. .BLOCK__ELEMENT—MODIFIER { }

  18. None
  19. None

  20. .block { } .block__element { } .block—modifier{ } .block__element—modifier{ }

  21. VANTAGENS • DRY • FACILIDADE DE LEITURA • SEPARATION OF

    CONCERNS • FACILITA SEU ENTENDIMENTO DE COMO SEU CÓDIGO ESTÁ ESTRUTURADO

  22. BEM EXTENDENDO O

  23. NAMESPACES

  24. None

  25. UTILITIES

  26. None

  27. JS TRIGGERS

  28. None

  29. ONDE BUSCAR + INFOS SOBRE • BEM.INFO • CSSWIZARDRY.COM •

    BRADFROST.COM/BLOG • CSSGUIDELIN.ES

  30. OBRIGADO! EDKF.COM.BR GITHUB.COM/EDKF TWITTER.COM/EDKF