Jump to content
Search In
  • More options...
Find results that contain...
Find results in...

You Probably Need BEM CSS in Your Life (Tutorial)


Started by -  |  Views: 73 | Comments: 0   

Today, we're going to cover the BEM method for writing CSS. BEM is an acronym for Block Element Modifier, and it's an approach to defining and structuring your CSS. When you're dealing with medium to large size projects, it helps you develop a maintainable code base and one that doesn't run into issues with specificity. While this is a beginner's level tutorial, we will be jumping into more intermediate and advanced tutorials later on down the road.

Codepen demo for this tutorial:
https://codepen.io/designcourse/pen/KKwjKNE

 




User Feedback

  • Similar Content

    • By ©Jimi Wikman
      In this cartoon effect Photoshop tutorial, you'll learn how to make cartoon in Photoshop without using the pen tool. at the end of the tutorial you'll be able to know how to cartoon yourself in Photoshop and also you can cartoonize any photo with the same previous method. you also can download a cartoon Photoshop action from the description below (for Patrons only). Let's start turning any photo to cartoon effect now. Don't forget the LIKE & SUBSCRIBE for the upcoming tutorials.
    • By ©Jimi Wikman
      In this video we look at how to make a fully responsive card with HTML and CSS, with a big helping hand from flexbox!
    • By ©Jimi Wikman
      Today, we're going to check out some crazy CSS backgrounds you can create while harnessing the power of repeating linear (or radial) gradients. This affect gives you the ability to create very complex and interesting backgrounds for your projects.
    • By ©Jimi Wikman
      CSS has come a long way, but min(), max(), and clamp() make a lot of things a lot easier than they used to be, and really open up the world of responsive typography like we never had before! Clamp() is the ingredient that we've needed for a long time to really be able to make type fully responsive in our CSS, and to be able to do it on one line is absolute magic!
×
×
  • Create New...