190307 티스토리 스킨 #5 제작일지
190307 티스토리 스킨 #5 제작일지

오류 수정 및 간단한 최적화가 대부분입니다. 댓글 디자인 변경 댓글 디자인을 살짝 변경했습니다.눈썰미가 굉장히 좋지 않고서야 발견하기 힘들긴 할 텐데, 예전엔 말풍선 꼬리가 직선으로 이뤄져 있었으나, 이젠 부드러운 곡선으로 이뤄져 있습니다. 유튜브 영상 일시정지이젠 인덱스 화면의 유튜브 영상의 소리가 꺼져 있다면, 영상이 스크롤 밖으로 나가는 순간 일시 정지됩니다. 오류 수정 인터넷 익스플로러에서 고정된(fixed) 요소들의 움직임이 부자연스러운 것을 해결했습니다. 아직 모든 요소엔 작업하지 않았고, 배너와 헤더에만 시범적으로 적용했습니다.유튜브 썸네일을 불러온 후에 간헐적으로 masonry가 재정렬되지 않던 오류를 해결했습니다.커버 슬라이더에 유튜브 썸네일을 불러오지 못하던 오류를 해결했습니다.간헐적으..

190305 티스토리 스킨 #5 제작 일지
190305 티스토리 스킨 #5 제작 일지

거의 다 스크립트의 변경이라, 스크린 샷 찍을 것도 없네요. 언제 한 번 날 잡아서 처음부터 스크립트를 다시 짜야 할 정도로 무거워지고 있는 느낌입니다;; 유튜브 썸네일 먼저, 바로 앞글에 작성했던 유튜브 영상 썸네일과 관련된 업데이트입니다. 이렇게 유튜브 영상이 첨부되어 있으면 알아서 썸네일, 배너 등에 표시합니다. 참고로 이 글엔 대표 이미지가 없습니다. 헤더 카테고리엔 요청이 폭주할까 염려되어 적용하지 못했습니다. 이 기능을 업데이트하면서 글 목록은 당연하고, 커버까지 싹 갈아엎어야 했습니다... 부드러운 스크롤마우스 휠에 관성의 법칙을 적용했습니다. 휠을 올리거나 내리면 휠이 멈춘 후에도 어느 정도 페이지가 더 스크롤 됩니다. 애석하게도 크롬에서만 제대로 작동해 삭제할까 생각 중입니다. 로딩 레이..

유튜브 썸네일을 티스토리 썸네일로 가져오기 - 성공!
유튜브 썸네일을 티스토리 썸네일로 가져오기 - 성공!

뭐 아직은 유튜브 영상 하나 올리고 그런 글이 없어서 당장 사용은 않겠지만, 유튜브 영상 올리고 글 쓰고 싶을 때 썸네일 넣기가 살짝 귀찮은 면이 없잖아 있습니다.그럴 때 쓰려고 만든 스크립트입니다. 등록된 대표 이미지가 없고, 유튜브 iframe이 들어있을 때만 작동하도록 했습니다.만약 대표 이미지가 없고 유튜브 iframe이 본문에 있으면, 첫 번째 유튜브 iframe의 썸네일을 가져옵니다. 좌측 상단에 있는 글이 유튜브 썸네일을 가져온 거고, 우측 하단엔 유튜브 iframe이 본문에 있지만, 대표 이미지가 있어 유튜브 썸네일을 가져오지 않았습니다. 배너를 보시면 아시겠지만, 썸네일 등록하지 않은 글 맞습니다. 대표 이미지가 있는 글유튜브 썸네일을 가져온 글 언젠가 영상 위주의 블로그를 만든다면 크게..

190301 티스토리 스킨 #5 제작 일지 - 잡다한 기능 추가
190301 티스토리 스킨 #5 제작 일지 - 잡다한 기능 추가

마무리했다고 생각했는데, 정교함에 부족한 점이 많이 보이기도 하고 이래저래 더 예쁘게 할 순 없을까 고민하다 업데이트를 좀 해봤습니다.가벼운 마음에 시작했는데, 규모가 생각보다 커졌습니다; 먼저 우측에 있던 사이드바를 제거하고, 그나마 쓸만한 옵션들만 아래로 옮겼습니다. 너무 쓸모없는 요소도 많은데, 쓸데없이 공간을 차지한단 느낌이 갑자기 들어 삭제하게 됐습니다.솔직히 아카이브 같은 기능은 저도 안 쓰는데 누가 그걸 눌러볼까 싶어.. 1단형 / 2단형 옵션이 사라진 대신 새로운 옵션이 들어왔습니다. '카테고리 표시'란 옵션입니다.예전까진 Masonry를 사용한 디자인 딱 하나만 사용할 수 있었습니다만, 이젠 세 가지 옵션을 선택할 수 있음은 물론, 특정 카테고리에만 특정 디자인을 사용할 수도 있습니다. ..

1 2 3