CSS로 가로 배치 가변 메뉴 만들기

HTML에서 리스트 방식으로 뿌리는 카테고리 구조는 보통 세로로 뿌려지게 됩니다. 블로그 레이아웃 구조상 왼쪽 메뉴나 상단 메뉴로 뿌릴 경우 세로로 뿌리게 되는데, 상단 메뉴로 카테고리를 뿌리리면 초보자의 경우 배치를 잡는데 상당한 애를 먹게됩니다. 생각보다 간단한데, 강제로 위치를 잡으려고 이것저것 만지다보면 레이아웃이 산으로 가게 되는 경우가 종종 발생합니다. 기본 개념을 이해하고 첨부파일의 소스를 보면 생각보다 쉽게 가로배치 메뉴를 붙..

사진 2018.10.09 02:28
글을 퍼날라 복제 블로그를 운영하는 유저를 응징하는 방법

블로그를 운영하다보면 정말 토시하나 틀리지 않고 내글을 그대로 가져다가 자기 블로그에 올려놓고 광고를 덕지덕지 붙여놓은 사이트를 경험할때가 있습니다. 좋은 글이어서 어쩌다 복사해건 것이거나, 본인 의견이라도 다는 식으로 수정이라도 좀 해서 올려놨으면 그러려니 할 텐데, 여러개를 그대로 반복적으로 베껴가는 걸 보게 되면 화가 치밀어오르게 됩니다. 이런 경우 어떻게 해야하나 고민을 하게 되는데, 보통은 이런 블로거들은 복사를 하지 말라고 경고 메시지를 ..

사진 2018.10.09 02:17
SCSS로 CSS를 최적화해서 만들기

CSS Preprocessor(프리프로세서)가 나온지 꽤 되었지만, 대규모 사이트 작업이 아닌 이상은 그다지 필요성이 없어서인지 SCSS나 LESS가 생각보다는 그렇게 널리 사용되고 있지 않습니다. 써보면 꽤 편리한데. Preprocessor 컴파일러를 설치해서 매번 컴파일을 해주는 것도 귀찮고, 자잘한 사이트의 부분부분을 조정하는데 한단계를 더 거쳐서 뭔가를 해야한다는 점이 꽤나 귀찮기도 합니다. 이런 귀찮음을 줄여주기 위해 파일이 변경되면 자동으..

사진 2018.10.09 02:12