본문 바로가기

개발

장안의 화제 스케치3를 써보다. 뭐가 새로 나왔다고 해도 나는 남들에 비해 받아들이는 속도가 비교적 느린편이다. (IT 종사자 기준, 그래도 일반인 보단 빠름). 스케치3가 화제가 되었을때가 벌써 2년이 넘은것 같은데, 이제서야 써보게 되었다. 처음에 스케치 홍보영상을 보고서는 보헤미안 코딩이라니 이게 뭔소리여 했었는데... 스케치 템플릿을 사용해서 html으로 변환하는 것은 해보지 않아서 모르겠지만, 적어도 간단한 프로토타입 제작이나 목업 제작에는 이만한 도구가 없는 것 같다. 여태까지는 포토샵을 써오고 있었는데, 갈수록 무거워지는 포토샵에 불만이 많았다. 특히 최근들어 3d 기능부터 시작해서 오만가지 쓸데없는 기능들이 추가 되는 모습을 보이고 있어 간단한 스킨이나 웹페이지를 만들때는 목업 조차도 만들지 않고 그냥 종이에 슥슥 그린것.. 더보기
티스토리 기본 메뉴를 오프켄버스에 이식 잉여력의 산물 잉여~ 잉여~ 더보기
twemoji 적용 tw + emoji 이면 ㅌ(ㅜ)ㅔ모지 라고 발음 해야하나? 귀찮으니 퉤모지라고 읽어야겠다 퉤모지! 퉤모지! 퉤! 퉤!! 퉤에엣 더보기
커밍쑨 정말 오랫만에 리뉴얼 도전 진작에 했었어야 했는데... 티스토리 구조도 많이 바뀌었고 새로 생긴 기술이 너무 많아서 애를 먹는중... 매번 느끼는 것이지만 CSS는 참 발전이 없는 언어다 ㅡㅡ; 더보기
아기를 위한 HTML 그림책 야! 이 미친놈드랔ㅋㅋㅋㅋㅋㅋ이게 뭐얔ㅋㅋㅋㅋㅋ HTML for Babies 라니!!! 아무리 조기 교육이 중요하다지만 ㅋㅋㅋㅋ 너무 어린나이 아닌가? ㅋㅋㅋ 시덥잖은 개그가 아니다 진짜로 Code Babies라는 곳에서 나온 책이다. 주로 아기를 위한 프로그래밍 서적을 출간하는 회사다. -_-; ('개발에는 너무 이른 것이 없다'라니 허허...) 비단 html 뿐만이 아니다. 자바스크립트도 있고 CSS도 있다. 유아 용 뿐만 아니라 어린이용 서적도 있다. 이쯤되면 정말 개그가 아니라 진지한 수준. 뉴욕에 사는 웹디자이너가 자기 애를 위해서 만든 것인데 이것을 정식 출판 한 것이라고 한다. 크... 역시 코드 강국은 뭐가 달라도 다르다. 우리나라에서 저짓하면 아이를 벌써부터 노예 만드려고 한다고 욕먹을텐.. 더보기
깔끔한 반응형 웹 테스트 도구 - Respondr 반응형 웹이 구현하기 까다로운점은 여러기기에서 태스트 해봐야 한다는 것입니다. 저만해도 휴대폰은 제걸로 하면되지만 테블릿이 없어서 테스트를 못해보는 실정인데요, 이럴때 반응형 웹 테스트 도구는 정말 큰 도움이 됩니다. 사실 현재 나오는 스마트폰 중에서 가장 작은 넓이를 가지고 있는 폰중의 하나가 아이폰입니다. 해상도는 640x960(1136)이지만 브라우저 화면의 크기는 가로폭 320px입니다. 그래서 아이폰까지 맞춰주면 모바일 기기 반응형은 거진 다 만들었다고 보면 됩니다. 뿐만 아니라 테블릿도 가장 범용적으로 많이쓰이는 아이패드의 해상도 1024x768만 지원하면 됩니다. 나머지 테블릿은 떨거지거나 파편화가 심하기 때문에 쿨하게 넘어가면 되죠 -ㅅ-제대로 하고 싶다면 안드로이드 폰까지 모두 테스트 해.. 더보기
Prototype 스킨 제작 후기 초기에 블로그를 오픈할때 사용하였던 Cognoscenti 스킨은 제가 직접 하드 코딩을 하긴 했지만 여러가지 삐걱거림과 알 수없는 문제들에 시달렸습니다. 속도면에서는 일반 티스토리 스킨에 비해서 이미지를 거의 쓰지 않았기 떄문에 빨랐지만 코딩능력의 부족으로 꽤 볼품 없는 스킨 인것은 부정할수 없습니다. 스킨 제작을 위해서 열심히 구글링과 공부를 하다보니 프레임웍이라는 것을 알게 되었습니다. 기본적으로 사이트에서 사용되는 요소들을 미리 만들어 놓고 이를 활용하여 편하게 웹페이지를 제작할수 있게 하는 도구 입니다. 그래서 무슨 프레임 웍을 쓸까 알아보던중 선택한 것이 부트스트랩 이었습니다. 물론 여러가지 프레임 웍이 웹상에 있지만 부트스트랩으로 만들어진 트위터와 GitHub를 보면서 "그래도 많이 쓰는게 좋.. 더보기