Front-end/코코아톡 클론 코딩

#6 Cloning Time

탱 'ㅅ' 2021. 3. 10. 11:27

#6.2 BEM

BEM: Block Element Modifier

css가 더 쉽게 읽히는 방법(규칙)

 

BEM — Block Element Modifier

BEM is a highly useful, powerful, and simple naming convention that makes your front-end code easier to read and understand, easier to work with, easier to scale, more robust and explicit, and a lot more strict.

getbem.com

 

BEM 101 | CSS-Tricks

The following is a collaborative post by guest Joe Richardson, Robin Rendle, and a bunch of the CSS-Tricks staff. Joe wanted to do a post about BEM, which

css-tricks.com

 

#6.3 Font Awesome

 

Heroicons

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.

heroicons.com

 

Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

fontawesome.com

 

Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

 

Material Icons

Get Material Icons

material.io

 

#6.5 Status Bar

<head>
    link:css
    // 엔터하면
    <link rel="stylesheet" href="css/styles.css" />
</head>

 

 

#6.6 Sign Up Screen pt.3

 

CSS Tools: Reset CSS

CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're inter

meyerweb.com

 

 

 

'Front-end > 코코아톡 클론 코딩' 카테고리의 다른 글

#5 Git and Github  (0) 2024.04.22
#0 INTRODUCTION  (0) 2021.03.02
#4 CSS ⅱ  (0) 2020.11.18
#3 CSSⅰ  (1) 2020.08.26
#2 HTML  (0) 2020.08.21