frontend

A collection of 3 post

프론트엔드가 알고 있으면 좋을 디자인 이야기 - 다크모드

프론트엔드가 알고 있으면 좋을 디자인 이야기 - Darkmode 블로그를 만들고 나서, 이런 저런 기능들을 추가하다가 이젠 대세가 되어버린 Darkmode를 구현해야 겠다는 생각이 들었다. 단순히 글씨는 하얗게() & 배경은 어둡게() 하는 것이 아닌 눈에 피로감이 덜하고 안정감 있는 다크모드를 구현하고 싶었고 디자인으로서 다크모드를 어떻게 접근해야하는지, 어떻게 풀어내는 것이 좋은지 찾아보았다. 디자이너 없이 개발자 스스로 디자인을 해야할 때 참고하면 좋을 것 같다. 왜 Darkmode를 만드나요? 크게…

CSS 프로퍼티 선언 순서

CSS 프로퍼티 선언 순서 CSS 프로퍼티 나열 방식에 대한 여러 방법론(Randomly, Grouped by type, By line length, lphabeitcal…)이 존재하지만, 다수에 의해 보편적으로 선호되는 방식은 타입에 의한 분류법(Grouped by type)이다. CSS…

인쇄 시 background 제거 이슈 해결법

해당 글은 2019년 1월에 작성된 글 입니다. 🙏 인쇄 시 background 제거 이슈 해결 특정 버튼을 누를 때 Chrome에서 Print를 하는 기능을 구현했었다. 위 이미지에서 프린트 버튼을 누르면 아래와 같이 결과물이 나온다. 위와 다른 색상이지만 색상은 사용자가 선택한 계절에 어울리는 색상이 나오는 것이며 문제는.. 해당 퍼센트 Bar와 오른쪽에 년도에 나오는 밑줄과 년도만 색상이 다르게 나오는 것… 프린트 시에 보여질 CSS를 따로 설정하기 때문에 혹시 Print 시 render 하는 CSS…

🌝동글동글 🌚