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년 이전 통계 카운트를 되살리는 것과 사용자들이 이러저리 확인 요청했던 숫자의 정확성에 대한 질의 응답을 안내했..

티스토리 치환자 중 s_article_rep, s_notice_rep, s_article_protected 정리해본다. ... : 블로그 글의 고유 주소 : 블로그 글의 제목 : 카테고리 주소 : 카테고리 이름 : 글쓴 날짜 : 작성자 이름 : 작성자 이름 ... : 썸네일이 표시되는 영역입니다 (첨부된 이미지가 없는 경우 표시되지 않음) : 썸네일 이미지 주소 : 생략가능 : 블로그 글의 고유 주소 : 블로그 글의 제목 : 카테고리 링크 : 카테고리 명 : 글쓴 날짜 : 작성자 이름 (*팀블로그용 치환자), : 관리자 로그인시 글 관리 메뉴가 출력되는 영역입니다. : 수정 : 수정 온클릭 이벤트 : 글의 현재 상태 : 상태 변경 온클릭 이벤트 : 이후 상태 : 트랙백 온클릭 이벤트 : 삭제 온클릭 이벤..

최근 티스토리 블로그 중 일부가 굉장히 로딩이 느렸는데 티스토리에서는 2가지로 이 원인을 파악하고 있다. (블로그 로딩이 느리다면 확인해보세요.) 하나는 먼저 글로 이야기 했지만 jquery의 cdn 속도 문제이고 또 하나는 악성 스크립트 삽입이다. cdn은 이미 이야기를 했으니 악성 스크립트에 대해서 이야기를 해보려고 한다. 악성 스크립트의 형태 여러가지 스크립트들을 발견했는데 그 중 하나인 http://www.global21.co.kr/js/jquery-2.1.0.min.js 를 살펴보려고 한다. 이유는 다른 스크립트들은 이런저런 이유로 이미 내 PC에서 접근이 안되기 때문이다. if(document.cookie.indexOf("bot_cnaver=")==-1) { var expires=new Dat..

티스토리에 disqus를 적용하는 것과 더불어 Facebook 댓글을 적용하는 방법도 알아봤다. 댓글 count같은 것은 없고 댓글만 가능하다. Facebook SDK Facebook plugin을 사용하기 위해서는 javascript sdk를 먼저 로드해야한다. 이 sdk를 로드하고나면 다른 plugin도 쉽게 사용이 가능하다. Facebook comments Facebook SDK를 르드했으면 다음의 tag를 원하는 곳에 넣어주면 된다. 한가지 문제가 있는데 Facebook 댓글의 data-href에는 완전한 url을 넣어줘야 동작한다. 잘은 모르겠지만 도메인 정보가 없을때 document.href를 자동으로 붙여주지 않는 것 같다. 이 때문에 상대주소로 치환되는 티스토리의 로는 제대로 동작하지 않는..