'SCSS'에 해당되는 글 4건
Tech-tips/CSS3 CSS3의 HLSA 색상이 멋진 이유 2014.04.18 21:00

CSS에서 사용되는 색상은 hex 코드, rgb(a), 그리고 색상 명이 있다. hex 코드는 웹 뿐만 아니라 워낙에 광범위 하게 쓰이고 있다 보니 따로 설명할 필요가 없다고 본다. rgb 같은 경우에는 IE7 이하는 alpha 필터를 별도로 지정해줘야 하기 때문에 rgba 속성은 쓸 수가 없다. 색상 명은 w3c 표준으로 지정된 몇 개의 색상 명이 있는데 이것들은 이름만 적으면 바로 사용할 수 있다. 그런데 이번에 새로 등장한 CSS3에서 추가된 색상 표기 방법 중에 HLSA라는 것이 추가 되었다. 이것은 무엇일까? HLSA는 Hue Lightness Saturation Alpha의 약자이다. 각각의 항목을 설명해보자면, H는 색조, L은 명도, S는 채도, A는 투명도를 뜻한다. 기존의 rgba 컬러..

read
Works/Tistory Skin Dynamite - Parallax Tistory Skin 2014.04.15 13:00

티스토리로 옮겨온지도 거진 1년이 다 되어 가고 있습니다. 늘 사용하면서 느끼는 것인데, 베포용 스킨이나, 아니면 개인이 제작한 스킨을 보면 정말 독특한 몇몇 블로그를 제외하고는 그저 그런 2단,또는 3단형 레이아웃의 스킨이 대부분이며 흔히 볼수 있는 그런 지루하고 따분한 디자인 일색이었습니다. 혹자들은 티스토리의 구조가 가지는 한계성 때문에 요즘 유행하는 웹디자인 요소를 적용한 스킨이 나올수 없다고들 합니다. 그러나 제 생각은 다릅니다. 기본적으로 오로지 기능을 위한 티스토리 스킨만이 존재할 뿐이지 디자인에 중점을 두고 만들어진 티스토리 스킨은 그렇게 많지 않습니다. 물론 블로그는 컨텐츠가 주 목적이기 때문에 간단 명료 해도 된다고 하지만, 적어도 간단하고 심플한 범위내에서 남들보다 튀어볼만한 요소를 ..

read
Works/Blog Skin 티스토리 새 관리 - 오늘은 여기까지 2014.03.29 00:16

데이터 url로 SVG를 CSS에 심어넣는 것은 처음 써봤는데 생각보다 신기합니다. 문제는 코드가 너무 길어서 SCSS에 집어 넣으면 가로 스크롤이 엄청 길어지는게 좀 귀찮습니다. -ㅅ- 그리고 티스토리 이 미친놈들이 거의 모든 UI요소를 스프라이트로 짜버려서 그거 없애느라 혼났습니다. -_- 아니 셀렉터가 모자라던 시절인 것은 이해는 하지만, heading까지 다음체로해서 png로 만들 필요는 있었나 싶네요 (걍 웹폰트 쓰지...) 마크업이 아니라 CSS로 위에 덮어 씌우는 일은 마이피 스킨만들때도 해봤지만, 아이콘 같은거 집어넣으려고 하면 :before 써가면서 삽질해야 하는거 사람할일 아닙니다; 걍 워드프레스처럼 관리도 스킨질 좀 하게 해주지... P.S 반응형 됩니다. 일부 플래시 요소는 어떻게 ..

read
Works/Blog Skin Syntax Highlighting 기능 추가 했습니다. 2014.03.23 16:48

이전부터 Syntax Highlighting 에는 SyntaxHighligher를 사용해 왔으나, 이번에는 좀 더 커스텀을 많이 할 수 있는 Highligter.js로 갈아탔습니다. SH 보다 장점이라고 하면 더 광범위 하게 적용 되는 스타일이라고 보시면 됩니다. 게다가 테마도 많아서 굳이 새로 만들필요도 없더군요. 기존에 있던것 가져다가 약간 변형만 시켰습니다. SH는 브러시라는 개념으로 자신이 쓸 언어의 갯수만큼 스크립트 파일을 추가해줘야 하나, Highlight.js는 자체적으로 선택해서 단일 파일을 생성할 수 있는 점이 참 마음에 듭니다. 저 같은 경우 제가 현재 쓰고 있는 CSS,HTTP,Javascript,Ruby,CoffeeScript,PHP,Markdown,HTML/XML,Python,Ha..

read
lifeinvader