180710 티스토리 스킨 #4 제작 일지

180710 티스토리 스킨 #4 제작 일지

1. 데이터 세이버 대응모바일에서 '데이터 세이버'를 사용할 경우, 비디오를 불러오지 않아 표시가 이상하게 돼서 데이터 세이버가 켜지면 이미지가 보이도록 하였다.근데 데이터 세이버가 좀 멋대로라 비디오를 불러왔다 말았다 한다;; 글씨에 테두리는 -webkit-text-stroke를 이용했다.12345.information h3 { font-size: 50px; color:#ff5050; -webkit-text-stroke: 1px #000;}cs 2. 방명록 & 댓글 디자인방명록 글들의 목록과 댓글 목록의 디자인을 통일시켰다.글에 말풍선을 다시 달고, 테두리를 삭제하고 box shadow로 테두리를 표시했다. 3. 그 외 자잘한 변경점- 댓글에서 자동으로 링크를 찾아 a 태그로 감싸도록 변경- 인덱스 페..
180701 티스토리 스킨 #4 제작일지

180701 티스토리 스킨 #4 제작일지

1. 비디오 변경 Heart Shaker > Knock Knock 예전엔 압축된 webm파일만 넣어놔서 PC에선 화질이 많이 별로였는데, 이번엔 MP4 파일도 함께 넣어놨다. 2. 헤더 이미지 추가카테고리나 검색 결과에도 동영상이 보이는 건 조금 과하다 판단되어 이미지로 대체했다. about 이미지와 방명록 이미지에 펜 위치가 달랐었는데, 모든 이미지에 같은 위치에 펜이 있도록 수정했다. 3. 블로그 아이콘 수정 더는 트와이스 로고가 아니다. 4. 커서 이미지 변경위 사진 외에도 링크, 텍스트 두 개의 커서를 맥 느낌이 나도록 변경했다. 5. 고민 중인 것, 시도 중인 것 최근 글, 최근 덧글, 방문자 수 등의 위치- 앞서 제작했던 스킨들에선 사이드 네비게이션을 하나 추가하는 방식을 거의 이용했었는데, ..
4번째 스킨 작업중

4번째 스킨 작업중

들어오면 이 영상이 나오도록 하였는데, 신곡을 사용하고 싶어도 신곡은 영상을 끊을 타이밍이 애매해서 Heart Shaker 뮤직비디오를 사용했다.헤더는 원래 쭉 고정되어 있도록 했다가, 이런저런 판단 끝에 비디오가 끝나면 내려오는 방향이 좋을 것 같아서 비디오가 끝나면 나타나도록 변경했다. 비디오 등이 페이드아웃 되는 시점은 jquery scrollex를 이용하였고, 헤더의 등장 애니메이션은 css를 이용했다.1234567891011@keyframes reveal-top { 0% { top: -4em; opacity: 0; } 100% { top: 0; opacity: 1; }}cs여타 태그들과 마찬가지로 -ms- -moz-등을 이용해서 설정을 해줬다.ex) @-ms-keyframes 사이드 네비게이션은..
스팀 여름세일 게임 '세일리언' 오토 스크립트

스팀 여름세일 게임 '세일리언' 오토 스크립트

https://github.com/coryshaw1/saliens-hack/tree/master 크롬에 탭 하나만 할애해주면 알아서 게임을 돌립니다. - 준비물Tampermonkey - 크롬, 마이크로소프트 엣지, 오페라, 사파리, 파이어폭스 지원합니다. - 사용하기해당 확장 프로그램을 설치하신 후, 이 곳을 클릭하시면 자동으로 스크립트가 설치됩니다. 그 후에 세일리언 게임 플레이 페이지로 가시면 스크립트가 알아서 작동합니다.* 혹 작동을 안 할 시 상점 페이지에서 세일리언 클릭하면 자동으로 스크립트가 실행됩니다. 추가로 크롬은 상단에서 탭을 우클릭 하면 음 소거 옵션이 있습니다. 켜두시면 컴퓨터를 이용하는데 아무런 지장이 없습니다.
css를 이용하여 투명한 스크롤바 만들기

css를 이용하여 투명한 스크롤바 만들기

제대로 정리가 된 곳이 없어 이래저래 혼자 해결을 했다.1234body::-webkit-scrollbar { width: 10px; background: transparent;}cshttps://wiki.stillh.art/page/SJ4yEEClg/Transparent-Scrollbar-over-Content 이곳의 코드를 참고하여 시작했다. 배경이 위 사이트처럼 별것이 없다면, 이렇게 해준 뒤 적절하게 scrollbar thumb의 색을 변경해주면 된다.그런데, background-image가 들어가거나 하는 상황이 발생하면 작동하지가 않는다.엄밀히 말하자면, 스크롤 바 트랙의 색상이 다시 생겨버린다. 허나 배경이 단색이면 도대체 스크롤 바가 투명일 필요가 없지 않을까. 그냥 똑같은 색으로 지정을 해..
만년필 쓰기 연습 : 윤동주 - 서시

만년필 쓰기 연습 : 윤동주 - 서시

(1941년 그가 쓴 내용 그대로라 지금의 어문규정으로 보면 틀린 부분이 매우 많다.) 죽는 날까지 하늘을 우러러 한점 부끄럼이 없기를. 잎새에 이는 바람에도 나는 괴로워했다. 오랜만의 포스팅이라 가장 존경하는 시인님의 시를 적어보고 싶었다.사실 대한민국 사람 중 윤동주를 모르는 사람이 몇이나 될까 싶다. 하다못해 윤동주 이름 석 자 모르더라도 '죽는 날까지 하늘을 우러러 한 점 부끄럼이 없기를'로 시작하는 시가 있다는 건 학창시절 졸다가도 들어봤지 않을까 싶다. 참 복잡해 보이지 않는 시인데, 그 안에 숨어있는 의미들은 상상을 불허한다고 생각한다. 첫 소절부터 탯줄을 끊은 뒤로 하늘을 우러러보기도 전에 나 스스로에게도 부끄러운 일이 참 많았는데, 하늘을 우러러 부끄럼이 없고자 다짐하는 화자의 강단에 놀..
늦게 시작한 배틀그라운드

늦게 시작한 배틀그라운드

출시됐을 때부터 하자고 하는 친구는 꽤 있었는데, TPS를 하지 않는다는 이유로 줄곧 미뤄왔다.1인칭을 할 수 있다는 사실과, 끊임없는 홍보로 결국 플레이를 시작하게 되었다.같이 하는 애가 실력이 꽤 있는 편이라 내 실력에 비하면 시작한 지 얼마 되지도 않았는데 치킨을 많이 먹은 느낌이다. 배틀그라운드를 시작하며 정말 게임 최적화를 이런 식으로 대충할 수가 있구나 하는 생각이 들었다.시스템 요구 사항이 꽤 높은 편이라 퀄리티가 굉장히 높은 작품일 줄 알았더니, 그냥 최적화가 덜 되어 요구 사항이 높은 것이었다.기본 중의 기본인 최적화도 덜 되어 있으니 각종 버그는 이루 말할 수가 없을 수준이었다. 서버 수준도 롤이 한참 유행하던 시절 연휴 만큼이나 잘 터진다.가장 놀라웠던 점은, 분명히 한국 회사에서 만..
데스크탑 주변기기와 스팀 게임들 구매

데스크탑 주변기기와 스팀 게임들 구매

근래 할 일이 많긴 하지만, 잡생각을 없애는 데에는 게임이 아무래도 최고지 싶어 스팀 게임들을 구매했다.데스크탑 주변 기기는 사촌 형한테 조이스틱을 받았고, 10 만원 조금 안되는 가격의 태블릿을 구매했다.타블렛은 와콤 인튜어스 CTH-490. 간단한 디자인같은걸 해보려고 구매했다.책상 위에 모조리 올려놓고 찍은 사진.모니터가 두 개라 스피커를 놓을 자리가 없어서 모니터 뒤에 눕혀 놨는데, 가로로 된 스피커를 살까 했지만, 대부분 시간을 헤드셋을 낀 채 보내기 때문에 필요 없을 거라 생각하고 구매하지 않았다.헤드셋은 브리츠 K35GH를 샀는데, 귀를 꽉 감싸서 주변 소음을 최대한 차단해줘서 좋은 것 같다. 스팀 라이브러리 목록.기존에 라이브러리엔 크게 게임이 친구들이랑 같이 하려고 게리모드, 하프라이프,..
블로그 이사갔습니다 (클릭)