본문 바로가기

IT

디스커스 코맨트에서 코드뷰를 써보자 디스커스 코맨트 플러그인에서 코드뷰(SyntaxHighlight) 쓰는 방법을 알아보도록 하겠습니다. 디스커스는 아무래도 일반사이트에서 부터, 웹개발자 포털이나, 개인 개발자 블로그까지 아주 널리쓰이다 보니 이 Syntax Highlight 기능을 아주 강력하게 지원합니다. (라이브리가 이런기능을 지원할까요? 글쎄요... 죽었다 깨어나도 그런일은 없을겁니다.) 사용하는 방법은 사이에 코드를 넣으면 됩니다. 디스커스 플러그인은 생각보다 똑똑해서 어떤 코드 인지 지정해줄 필요 없이 자동으로 인식합니다. 디스커스에서 지원하는 언어는 다음과 같습니다. BashDiffJSONPerlC#HTML/XML JavaPythonC++HTTPJavaScriptRubyCSSIniPHPSQL※HTML/XML 같은 경우에는 < .. 더보기
티스토리 기본 요소 스타일 적용 스타일 적용하기 정말 까다로운 주석 말풍선 부분도 스타일을 적용했습니다. 티스토리에서 기본 제공하는 사진 2개, 3개 베치는 무려 테이블(-_-)이 적용되서 반응형 만들기가 상당히 까다롭지만, 이 역시 삽질로 해결했습니다. 다음지도도 스타일 적용했습니다. 웹킷 브라우저에서만 보이는데, 지도가 흑백으로 뜹니다. 그냥 심심해서 한번 해봤어요 슬라이더 스타일을 개선했습니다. 이전에는 슬라이더 컨트롤이 화면을 완전 가리는 구조였지만, 이제는 양옆으로 밀어 버리고, 전체적인 요소 크기를 줄였습니다. 각종 외부 정보 표시도 스타일을 적용했습니다. 테이블과 dl이 섞여서 상당히 스타일 적용하기가 까다 롭더군요 -_-;;;; 이것보다 더 이쁘게 만들고 싶었지만, 능력한계 입니다. 마이피플 스티커도 gif 아이콘 처럼 .. 더보기
섬네일 방식의 다른 글 보기 위젯 도입 기존의 있던 티스토리의 카테고리 다른글이 자리만 너무 많이 차지하고, 방문자가 다른 항목으로 이동하는데 별로 도움을 주지 않는 것 같아서 없애버리고 다른 섬네일 방식의 추천글로 바꾸었습니다. 사진 크기가 좀 작게 떠서 아쉽긴한데, 일단은 만족합니다. 써보다가 맘에 안들면 다른 플러그인을 알아봐야 겠습니다. 더보기
와치독스 스토리 트레일러 공개 간단하게 감상평 데브 트레일러는 무슨 GTA5 씹어먹고 로스산토스에는 2달만 있으면 충분할 것 같았지만 개발 연기로 사람들이 '시카고 따윈 안가도됨 ㅋ' 하게 만든 전설의 와치독스 데브 트레일러(E3)때는 "내가 바로 넥스트 제너레이션이다!!" 라고 외치면서 패기 개쩌는 그래픽, 테셀레이션, 광원효과, 재질 질감을 뽐냈으나 스토리 트레일러에서는 그것보다 한 참 못한 그래픽을 선보이고 있음. 진짜 눈에 확 뛸 정도로 그래픽이 퇴화 했고, 심지어 그래픽 때문에 에이든의 얼굴도 이전보다 못 나보임. 가만히 보니까 데브 트레일러는 PC로 했던데, 유비하면 그래픽 쩔고 영양가 없는 게임 플레이로 유명하지만 이번에는 그래픽도 좀 별로 인듯? 아니면 PC용이아니라 엑박 원이라서 920p라는 변태 해상도에 맞추느라 저.. 더보기
스킨 압축 완료 했습니다. 기나긴 개발 기간 끝에 드디어 압축한 버전의 스킨을 적용하였습니다. css 파일을 하나로 합치고, 스크립트도 하나로 압축, html 파일도 압축했습니다. 평균 페이지 로드시간은 연결상황에 따라 다르지만 약 4초 정도 소요 됩니다. 압축이 스킨 제작에서 제일 마지막 과정인데, 더 이상 손댈게 없다(면 좋겠지만)라는 것을 가정하에 하는 작업입니다. 나름 열심히 계획을 짜서 만들어서, 더 이상은 손댈 일이 많이 없으면 좋겠내요 ㅎㅎ 패이지 스피드는 94점이 나옵니다. 이전 스킨이 91점대였는데 3점올랐네요 킥킥 더보기
구글의 새 반응형 광고 코드와 그에 따른 딜레마 구글이 며칠전부터 새로 업그래이드 된 반응형 광고 코드를 지원합니다. 새로 생긴 옵션인 스마트 크기 조정(권장)을 선택하면 됩니다. 기존 반응형 광고 코드가 미디어 쿼리를 이용해서 컨테이너의 크기를 조절하는 방식이었다면, 이제는 스크립트 자체가 화면의 너비를 계산해서 알맞는 광고를 보여줍니다. 게다가 가로인지 새로 인지도 자동인식해서 모바일 기기에서 가로새로 모드 변경시 광고를 리프레시하는 기능까지 갖추게 되었습니다. (이건 정말 사랑하는 기능입니다.) 그리고 반응형 광고단위를 쓰시는 분들이 속을 많이 썩는 부분이 "중앙정렬" 인데요, 예전에는 미디어 쿼리로 margin:auto를 breakpoint마다 넣어줘야 했던데 비해서 이제는 스크립트가 알아서 중앙정렬을 시킵니다. 벌써부터 인생이 한결 편해진것 .. 더보기
다음 검색 등록하는법 네이버에 이어 다음 검색 등록하는 방법을 알아보겠습니다. 다음 검색 등록 홈페이지로 가서 신규등록하기를 누릅니다. 사이트 검색 선택후 url을 입력합니다. 약관 동의후 양식을 입력합니다. 아주 간단하게 등록이 끝납니다. 더보기
스킨 갤러리 오픈 가만 보니 제가 티스토리에 이주한 이후로 스킨을 꽤 많이 만들었더군요 보관용 장식장을 만든다는 기분으로 스킨 갤러리를 한번 만들어 보았습니다. 각 스킨 별로 스팩이 기제 되어있어, 무슨 언어가 사용되었는지, 무슨 플러그인이 사용되었는지, 무슨 프레임웍 바탕인지, 심지어 IE 호환성도 알 수 있습니다. 게다가 현재 배포 중인 스킨은 바로 다운로드 페이지로 접근 할 수 있습니다. 깨알 같은 비하인드 스토리는 덤입니다. 절반으로 자르는 레이아웃은 처음 시도해 보았는데, 생각보다 반응형 만들기가 까다로워서 지원하지 않고, 아직까지는 PC에서, 그것도 1440px이상의 모니터에서 보시는 것을 권장합니다. 스킨 갤러리 바로가기 더보기
프로필 페이지 개편 간결하고 깔끔하게 프로필 페이지를 새로 디자인 했습니다. 취미란과 좋아하는것/싫어하는것 란은 따로 만들 계획을 가지고 있으나 귀찮아서 언제할지는 의문이네요 -_-a 더보기
블로그 스킨 마이너 업데이트 Entypo Glyphcon을 도입하였습니다. 하단 프로필의 메일 주소를 아이콘으로 교체. 하단부에 다음뷰 추천과 addthis share button을 묶어서 숨기고 태그도 숨겼습니다. 그대신 버튼을 누르면 나타납니다. 초대형 스크린 (해상도 1440이상)에서 나타나는 3번째 메뉴 길이를 줄이기 위해서 서브 메뉴는 마우스 호버시에 우측으로 나타나게 변경하였습니다. 그 이외에 툴팁 스크립트가 추가 되었습니다. 더보기

티스토리툴바