워드프레스 태그 글

191024 블로그 제작일지

191024 블로그 제작일지

사파리 업데이트 테스트용 아이폰이 생겨서 사파리 업데이트를 열심히 하는 중입니다.솔직히 브라우저가 너무 구려서 내다 버리고 싶은 마음은 굴뚝 같은데, IE보단 나으니 일단 참고 업데이트하는 중입니다. 근데 진짜 제대로 작동 안 하는 기능이 너무 많습니다…transform도 이상하게 작동하는 게 꽤 보이고, scroll-behavior는 작동을 하지도 않고, 그래디언트도 제대로 못 그리고…이게 브라우접니까 캐시 헤더 추가 귀찮아서 미루던 작업을 이제야

Lazy Load 업데이트

Lazy Load 업데이트

(스크롤바에 집중해서 보시면 확인이 더 쉽습니다.) 개인적으로 마음에 들진 않는 기능이라 업데이트를 꺼리고 있었는데, 주변에 lazy load가 뭔지 설명하고 어떠냐 물어보니 전부 호평이더라고요.사실 서버 부하도 줄일 수 있고 로딩 속도의 향상도 가능해서 나름 괜찮은 스크립트인 건 맞으니, 한 번 시험 삼아 업데이트해봤습니다. 이미지 로딩을 시작하는 타이밍을 조금 앞당기니 그리 거슬리는 수준은 아니네요. 스크롤바나 스크롤 인디케이터가

191016 블로그 제작일지

191016 블로그 제작일지

모바일 전용 업데이트 스와이프 기능을 업데이트했습니다. 아무래도 모바일에선 버튼 터치보단 스와이프가 훨씬 직관적인 것 같더라고요.저도 본능적으로 슬라이더를 넘기거나 드로워를 열려고 스와이프를 하기도 하고요. 홈 화면에 있는 슬라이더를 스와이프 하면 이전, 다음 슬라이더로 넘어가고, 화면 왼쪽 끝에서 오른쪽, 오른쪽 끝에서 왼쪽으로 스와이프 하면 양측 드로워 - 삼선 메뉴나 프로필 사진 누르면 열리는 것 - 가 열립니다.

190926 블로그 제작일지

190926 블로그 제작일지

모바일 전용 업데이트 먼저, 커스텀 스크롤바가 모바일에선 표시되지 않습니다. 쓸데없이 자리만 차지하는 느낌이더라고요. 다음으로, 드로워를 펼쳤을 때 뒤에 들어가는 그래디언트가 기기의 너비에 영향을 받지 않도록 수정했습니다. 기기의 너비에 영향을 받으면 모바일에선 뒤에 그래디언트가 생기다마는 느낌이더라고요. 마우스 오버 효과 변경 모바일 크롬에서 유독 홈 화면이랑 카테고리 아카이브 페이지에서만 렉이 꽤 생기길래, 원인을 찾으려고 자바스크립트 스크롤 이벤트

190919 블로그 제작일지

190919 블로그 제작일지

뜬금없이 사파리가 발목을 잡는 날이네요. 쟤도 솔직히 인터넷 익스플로러에 가려서 그렇지 렌더링 엔진이 어지간히 개판인 것 같습니다. 스크롤바 웹킷 계열에서만 지원하는 방식이기에, 지금까진 쓰는 걸 좀 꺼렸습니다. 근데 backdrop-filter도 이렇게 써대는데, 까짓 스크롤바가 대순가 싶어서 그냥 간단하게 꾸며봤습니다. 이모티콘 첨부 지금까진 가로 860px, 세로 650px로 이모티콘 첨부 창을 띄웠는데, 큼직큼직하게 뜨도록 해뒀습니다. window.innerWidth를 너비로, window.outerHeight을

190916 블로그 제작일지

190916 블로그 제작일지

TWICE 페이지 먼저, 로딩 레이어가 사라지는 애니메이션을 좀 손봤습니다. 아무래도 영상이 재생되면서 로딩 레이어가 사라지는데, scale을 변경하는 애니메이션은 브라우저에 부담이 생각보다 커서, 영상 디코딩하느라 바쁠 GPU를 위해 translateX를 사용한 애니메이션으로 변경했습니다. 가사집 페이지의 스크립트도 좀 손봐뒀습니다. 예전엔 가사집에서 가사를 열 때, 해당 가사를 통째로 복사해서 다른 엘리먼트에 붙여 넣어 보여주는 좀 이상한 방식을 사용해서 가사를

190906 블로그 제작일지

190906 블로그 제작일지

드로워 사진으로 찍긴 좀 애매한데…두 가지 변화가 있습니다. 드로워를 여닫을 때 효과음을 추가했습니다. 뽁뽁거리는 소리가 나름 듣기 좋더라고요. 다음으로 드로워를 열고 스크롤을 내려도, 다음에 드로워를 열 땐 스크롤 위치가 초기화되도록 해뒀습니다. 홈 화면 예전부터 홈 화면을 갈아엎으려고 생각은 하고 있는데, 딱히 생각나는 디자인이 없네요. 그냥 제일 처음 표시되는 사진이라도 다른 거로 바꿔볼까 싶어 이 포스트에

190826 블로그 제작 일지

190826 블로그 제작 일지

홈 화면 슬라이더를 제거하고 이미지가 하나만 랜덤으로 나오도록 했습니다.같은 이미지만 계속 나오는데, 굳이 그 슬라이드를 보고 있을 이유가 없을 것 같더라고요. 저도 딱히 오래 보진 않고. 서버에서 랜덤 이미지를 뿌려주는데, PHP의 랜덤도 딱히 마음에 들진 않네요.JS보다 더 심하게 랜덤이 아닌 느낌이 듭니다. 태그 클라우드 추가 태그 클라우드용 페이지도 추가했습니다. 티스토리에선 정렬 방식도 마음대로 못 정해서

190821 블로그 제작 일지

190821 블로그 제작 일지

얼마 전에 아침에 두꺼비집이 내려가 있어서 서버가 꺼진 적이 있습니다.찾아보니, 전기가 차단돼도 배터리로 일정 시간 전기를 공급해줄 수 있는 장치가 있던데, 과한 투자 같아 일단 참는 중입니다. ㅋㅋㅋ 컴퓨터를 24시간 켜두기만 하니 애가 힘들어하는 것 같아 요즘은 일주일에 한두 번 5분 정도씩 껐다 켜는 중입니다.귀찮은 동시에 뭔가 진짜 서버 관리하는 느낌도 나서 나쁘진 않네요. 물론