[카테고리:] 개발
-
워드프레스 테마 커스터마이징: 썸네일 이미지 크기 줄이기
1. 서론 이미 다른 글에서 워드프레스 테마 커스터마이징을 해서 썸네일 이미지를 줄였다. 왜냐하면 워드프레스닷컴 기본 세팅으로는 썸네일 이미지가 너무 크게 출력되어 본문의 가독성을 심각하게 해치고 있었기 때문이었다. 이 부분을 조금 더 다듬으려고 한다. 왜냐하면 모바일에서도 보기 좋게 출력하기 위해서다. height:300px 로는 PC에서는 적당하게 보이지만, 모바일에서 이 수치는 과하다. 그래서 화면 비율에 맞게 줄여주려는 것이다. *…
-
화면 가로로 스크롤해서 넘기는 자바스크립트 소스코드
사실 PC의 마우스는 화면을 가로로 스크롤하는 기능을 대부분 지원하지 않는다. 그래서 scroll002.html에서는 PC에서는 화면 세로 스크롤에 따라 화면이 옆으로 움직이고, 모바일에서만 화면 가로 스크롤에 따라 화면이 옆으로 움직이게 만들어져 있다. 일단 scroll002.html의 소스코드를 공개하겠다. * * 여기서 zoom1 함수가 PC에서 동작하는 함수이고, zoomsave2와 zoom2 함수가 모바일에서 동작하는 함수다. 유감스럽게도 ontouchend를 지원하는 자바스크립트 함수는 현재 없다.…
-
코딩: 나만의 동기부여 홈화면 만들기
스파르타코딩클럽의 강의 <나만의 동기부여 홈화면 만들기>를 수강하고 나서, 나 나름대로 응용해서 내가 생각하는 방향의 나만의 동기부여 홈화면을 제작하였다. * 아직 정식으로 사업자를 낸 건 아니지만, 사업체 이름을 홈화면에 활용하면 동기부여가 많이 될 것 같아서 그렇게 만들어 봤다. 디자인은 최대한 심플하게 가져가려고, 배경화면은 원래 있던 것을 아예 지워버리고 흰 화면에 제작하게 되었다. 실질적으로 만드는 시간은 40분도…
-
코딩의 관점에서 네이버 블로그가 망해도 싼 이유
이 글은 클래스101 강의 <홈페이지형 블로그! 공식만 알면 누구나 쉽고 멋스럽게 뚝딱!> 의 리뷰입니다. * 예전부터 나는 네이버 블로그가 망해도 싸다고 생각했었다. 이는 단순히 네이버 블로그가 코딩의 제약이 많아서, 코딩이 거의 불가능해서가 아니다. 네이버 블로그에서 그나마 코딩이 가능한 영역들은 진짜 진짜 legacy code들이다. 지금은 웹표준 등의 문제로 거의 사장되어 안쓴지 한참 된 table 코드를 레이아웃…
-
큰 사이즈의 플리커 이미지 모바일에서 넘치는 문제 조정하는 CSS 코딩
이 문제는 크롬, 특히 모바일 크롬에서 심각하게 나타나는 문제다. 내 휴대폰으로 내 블로그를 우연히 확인해 보다가 심각한 오류를 발견했다. 큰 사이즈의 플리커 이미지가 넘쳐 보이는 것이다. 이 문제로 인해 가로스크롤이 길게 생겼고, 그 큰 사이즈라는게 말이 큰 사이즈지 실제로는 가로 1000픽셀짜리 그림이었기 때문에 그보다 더 큰 사이즈가 요구되는 데스크탑 스크린샷(Full HD: 1920px)같은 경우에는 더 심각하게…