Minimum viable dark mode How to create a quick and dirty dark mode for simple apps and websites using pure CSS. chasem.co 자동으로 다크모드에 어울리는 색 구성을 만들어주면 좋겠다는 생각을 했는데 css로 그것이 구현가능했다. 방법은 css의 filter function인 invert와 hue-rotate를 사용하는 것이다. invert(100%)를 사용하면 색이 반전되고 다시 invert(100%)를 하면 원래대로 돌아온다. hue-rotate는 정확히 맞는지는 모르겠지만 생상좌표를 회전하는 것같다. 그래서 hue-rotate(25deg)를 했다면 hue-rotate(-25deg)로 되돌릴 수 있다. @med..
지난 12월 티스토리의 통계가 개편이 되었다. 그동안 referer를 단순히 리스팅하고 카운팅만 해줬는데 글별로, 블로그 전체의 통계 데이터를 보여주기 시작했다. 내부 정보라 자세히 말할 순 없지만 그동안의 통계는 통계라고 말할 수 없는 수준이었다. 내 글을 몇명이 읽었는지 알 수가 없어서 referer 리스트에 의존해야하는 황당함. 그게 그동안의 통계였다. 새로운 기능이 오픈하면 여러가지 반발이 있기 마련인데 이번엔 referer 리스트를 없앤 것 때문에 반발이 컸다. 담당자들도 크게 당황했고 허둥지둥 대응을 하기 시작했다. 아래의 글은 그 대응 중 하나다. 이번 대응은 실수로 없어진 2017년 이전 통계 카운트를 되살리는 것과 사용자들이 이러저리 확인 요청했던 숫자의 정확성에 대한 질의 응답을 안내했..
티스토리에 disqus를 적용하는 것과 더불어 Facebook 댓글을 적용하는 방법도 알아봤다. 댓글 count같은 것은 없고 댓글만 가능하다. Facebook SDK Facebook plugin을 사용하기 위해서는 javascript sdk를 먼저 로드해야한다. 이 sdk를 로드하고나면 다른 plugin도 쉽게 사용이 가능하다. Facebook comments Facebook SDK를 르드했으면 다음의 tag를 원하는 곳에 넣어주면 된다. 한가지 문제가 있는데 Facebook 댓글의 data-href에는 완전한 url을 넣어줘야 동작한다. 잘은 모르겠지만 도메인 정보가 없을때 document.href를 자동으로 붙여주지 않는 것 같다. 이 때문에 상대주소로 치환되는 티스토리의 로는 제대로 동작하지 않는..