본문 바로가기

Articles

[ #톱기어따라잡기 ] - 12/9 트위터 해쉬 태그 #톱기어따라잡기를 통해서 제레미, 제임스, 리처드, 톱기어 공식, 그리고 스티그(...)의 트위터 소식을 쪼랩 번역실력과 톱기어 사생팬의 정신으로 번역하여 제공해드립니다. Mmm. This looks good. pic.twitter.com/JBO6VLPWAz— Jeremy Clarkson (@JeremyClarkson) December 8, 2013 사진 내용: 다니엘 힐과 스테파니 터너와 함께 차 마십시다. 흠 이거 재밌어 보이는데요 @jamiec1985 Because I'm not in it, and buyers would want their money back.— James May (@MrJamesMay) December 8, 2013 왜 이번 톱기어 새 DVD의 커버 표지에 나오.. 더보기
[ #톱기어따라잡기 ] - 12/8 트위터 해쉬 태그 #톱기어따라잡기를 통해서 제레미, 제임스, 리처드, 톱기어 공식, 그리고 스티그(...)의 트위터 소식을 쪼랩 번역실력과 톱기어 사생팬의 정신으로 번역하여 제공해드립니다. @roseastor Hahaha— Jeremy Clarkson (@JeremyClarkson) December 8, 2013 제게 거슬리는게 있어요 (사진속에 테스토스테론에 관한 '제레미 클락'의 기사) 제레미:하하하 Why are all the Welsh so cross with me?— Jeremy Clarkson (@JeremyClarkson) December 8, 2013 왜 웨일즈 사람들은 절 되게 싫어할까요? Made friends with a dog. #SoThere pic.twitter.com/Cf1Bn.. 더보기
신기한 Sass LESS와 Sass를 비교하면서 뭘 쓸까 고민했는데 해외에서는 Sass의 지지도가 압도적이더군요 -ㅂ- (참고링크: http://css-tricks.com/sass-vs-less/)그래서 저도 망설임 없이 Sass를 사용했습니다. 현재 코드 네스팅, 믹신, 오퍼레이터, 익스텐드를 써보았는데요 익숙해지면 굉장히 편할것 같습니다. 스스로 믹신이나 함수를 만들수 있는데 아직 내공이 거기까지 쌓이진 않았네요;컴패스에서 제공하는 기본 믹신 만으로도 충분한지라; 더보기
[ #톱기어따라잡기 ] -12/7 트위터 해쉬 태그 #톱기어따라잡기를 통해서 제레미, 제임스, 리처드, 톱기어 공식, 그리고 스티그(...)의 트위터 소식을 쪼랩 번역실력과 톱기어 사생팬의 정신으로 번역하여 제공해드립니다. Oh Little Honda, thou art sick; The invisible shite that lurks in the tank Has stilled thy joyful crank And left you dead to my kick. #Arse— James May (@MrJamesMay) December 6, 2013 오 작은 혼다, 엄청난 예술품, 보이지 않는 똥이 탱크 안에 숨어 있내 즐겁게 움직이는 크랭크를 가지고 있지만 난 너를 킥(킥스타트)하지 않고 죽은채로 내버려두었지 #병신 아니왜 갑자기 고전영어를 .. 더보기
해피콩 행복한 약속 캠패인 벳지를 달았습니다. 네이버 이웃 블로거 이신 플라이스틱님께서 행복한 약속 콩 저금통을 개설 하셨습니다. (http://blog.naver.com/psu77707/30180305954) 좋은일 하시는데 작게 나마 도움이 되고자 저금통 위젯을 제 블로그에도 달아보려 했습니다. 그런데.... 이뭐... 뜬금없는 -_-; 착한일도 자기네 블로그에서만 하라니... 어이터집니다. ㅋㅋ 왠지 네이버가 내색은 안하지만 꼭 제게 "ㅋㅋㅋㅋㅋㅋㅋ 퍼가봐 퍼가봐 어여 퍼가봐 자바스크립트라서 퍼가지도 못하겠지? ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ" 이렇게 말하는 것 같더군요. 갑자기 기분이 팍 나빠졌습니다. -_- (스팀이 팍 오름) 참고로 행복한 약속 캠패인을 하면 블로그에 다는 뱃지를 줍니다. 그래서 저도 하나 달아봤습니다. 뱃지 원본 파일 .. 더보기
코딩은 뒷전이고 워크 플로만드는데 시간 다 보내고 있네요 시간 좀 아껴보려고 오만 꼼수를 동원해서 워크 플로를 짜고 있는데 이것 때문에 시간이 더 걸리네요 -_-; 대충 구축한 워크 플로는 Coda2 + Zen Coding 조합으로 뺑이 없는 초고속 마크업 달성.CodeKit + Compass 로 쾌속 Sass 컴파일 달성. (심지어 자동 스프라이트 생성도 됩니다. ㄷㄷ)오토 리프레시로 옆에다 브라우저 띄워놓고 바로 마크업 하면 실시간으로 반영됩니다. 이거 뭐 초등학생때 나모 웹에디터 쓰는 기분이 나네요 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ (나모 아직도 나오려나...) 구성하기가 좀 까다롭지만 해놓고 나니 전부 한방입니다. -_-b프레임웍 기반이지만 단일 CSS를 사용합니다. 모든 CSS를 하나로 컴파일 시켜버렸는데요, 그래서 무지막지하게 CSS 파일이 큽니다. -_- (압축.. 더보기
[ #톱기어따라잡기 ] -12/6 트위터 해쉬 태그 #톱기어따라잡기를 통해서 제레미, 제임스, 리처드, 톱기어 공식, 그리고 스티그(...)의 트위터 소식을 쪼랩 번역실력과 톱기어 사생팬의 정신으로 번역하여 제공해드립니다. @ThePaulBowley Yes, but only if you're here in the next 10 minutes, because then I'm going out on the lash. And as your car won't start…— James May (@MrJamesMay) December 4, 2013 점프 케이블좀 빌려도 될까요? 네 그러세요. 하지만 10분 내로 오셔야 할겁니다. 왜냐면 그 이후로는 저는 술마시러 나가고 없을테니가요. 그리고 차가 안 움직인다고 하니... @ThePaulBowley .. 더보기
컬러레인지 컬러레인지 툴을 이용하면 30초도 안되서 색상을 바꿀수 있습니다. ^^ 더보기
프로토타입 스킨, W3C 유효성 검사 무사 통과 어짜피 티스토리 용으로 컨버전 하면 XHTML이랑 짬뽕되서 검사 결과 개판으로 나오기 때문에 일단 기본 마크업 끝내고 최초이자 마지막 검사입니다.경고는 권고안 입니다. HTML5가 너무 새삥이라서 주의 하라네요 -_-여태까지 제가 만든 스킨은 전부 최신 웹표준을 준수합니다. 더보기
스킨 제작 상황 업데이트 프로토타입 스킨은 100% 모바일 퍼스트로 제작이 되었습니다. (모바일 퍼스트: 기존의 반응형 웹페이지가 PC 페이지를 축소시키는 방식 대신에 역순으로 모바일 페이지를 확장하는 방식으로 만드는 방식입니다.)모바일 뷰에서는 기본 메뉴 대신 별도의 메뉴를 따로 제공합니다.기본적인 마크업은 이제 다 끝났고 스타일링만 남았습니다.스타일링 끝나면 티스토리 최적화 작업도 해야하네요이전보다 많이 가볍긴한데.... 티스토리 CDN이 워낙 구려서... 실제 적용해봐야 퍼포먼스를 제대로 알수 있을듯 합니다. ^^ P.S 그나저나 Placeholder로 괭이 사진을 쓰고 있는데... 자꾸 괭이를 보니 집사가 되고 싶네요... 더보기

티스토리툴바