HTML32

• 

  (HTML/CSS/Javascript) 코드 정리해주는 사이트 모음 HTML / CSS / Javascript 코드 정리해 주는 사이트 아래 사이트를 참고하여 깔끔하고 보기좋은 코드를 정리할 수 있습니다 :) 1. ⭐️ Online JavaScript Beautifier : 사용자에게 맞게 코드를 정렬해주는 사이트 Online JavaScript beautifier HTML , formatting: Keep indent level of the tag Add one indent level Separate indentation beautifier.io 2. Cleancss : CSS 코드 정리 CSS Formatter Format your CSS to clean it up and beautify it. Make your CSS easier to read and validat.. FRONT-END/CSS 2021. 4. 15.

• 

  (티스토리) 사용자 테마에 따라 다크모드 적용하기 이번에는 사용자가 다크모드인지 라이트모드인지에 따라 티스토리 블로그의 스킨을 변경해보려고 합니다. 우선 제가 꾸민 화면부터 보여드릴께요 :) 라이트모드 다크모드 다크모드로 지정하면 라이트와는 다르게 색이 다르게 보이게 됩니다 :) 저는 맥에서 낮에는 라이트모드, 밤에는 다크모드로 자동으로 설정되게 해놨는데 블로그도 이방법을 사용하면 자동으로 스킨이 변경되는 방식입니다. 이것을 적용하려면 CSS 를 이해하고 계셔야 합니다. 사용 방법 /* 다크 모드 */ @media (prefers-color-scheme: dark) { #main { background-color: #555; } ... } 위 코드는 CSS에서 운영체제가 선호하는 색상 테마가 다크모드인지 감지해 다크모드 일때만 해당 코드를 실행하는 구조.. FRONT-END/CSS 2021. 4. 14.