SUEATY 발은 개발

Web Safe Fonts많은 운영체제들에 설치되어있는 폰트들을 web safe fonts라고 불러요. 그래서 구글에 web safe fonts 치면 알아서 딱딱 나오는데 한 곳에 모여있는 곳을 찾았어요. https://www.cssfontstack.com/ 어떤 운영체제에서 %로 정도 비슷하게 구현되는지도 나오구요, 하나 골라서 들어가보면 다양한 속성들을 미리 테스트해 볼 수 있어요!그리구 나서 그대로 쓰는거죠~

색상을 고를 때 매번 구글 이미지에 '색상표', '색상 코드', 'color table'쳐서 눈을 부릅뜨고 찾곤 했는데 더 이상 그러지 않아도 된다. https://www.rapidtables.com/web/color/RGB_Color.html 에서 원하는 색의 코드를 뽑아주기 때문이다! 이 표 밑에 다양한 색깔에 대한 코드가 더 많다또 좋은 점은 헥스코드가 나와있는 것 보다 HTML/CSS에서 쓸 수 있는 이름이 적혀져 있다는 것. 흔히 쓰는 색에 대한 헥스코드와 RGB가 나와있다. 제일 신기하고 신박하지만 뭔가 사용할 것 같지는 않은?ㅋㅋㅋㅋ 비전문가라 그런지는 모르겠지만 나는 제일 처음에 있었던 일반 색상표를 제일 많이 쓸 것 같다.

CSS를 하다보면 원하는 모양대로 사진을 자르고 싶어집니다. 단순히 width 또는 height를 조정하면 사진이 찌그러들기만 하지 원하는것 처럼 뚝 잘리지가 않습니다. 그래서 오늘은 원하는 모양대로 사진 자르기를 해보려고 합니다. 1. 사진 가져오기 /* 사용할 이미지 불러오기 */ 2. width 줄이기 먼저 가로를 반으로 뚝 잘라보겠습니다. 지금 2000 x 1332 이니 width를 1000으로 만들어 보겠습니다. .cropping{ max-width: 1000px; overflow: hidden; } .cropping img{ max-width: initial; } 3. 원하는 방향으로 줄이기 그런데 끝이 그냥 잘라나가서 미관상 별로 인 것 같습니다. 가로가 1000인 것 까지는 좋은데 조금 가..