Tag Archives: CSS

제 삶의 이야기는 계속 이어집니다.

Posted by EveR™

요즘 한가한 시간을 이용하여 블로그를 리뉴얼 하였습니다. 이번에도 워드프레스를 바탕으로 제작을 하였는데 HTML을 건들지 않고 CSS 수정만을 이용하여 디자인 변경에만 신경을 곤두세웠습니다. 저번 버전이였던 “With Esproess..”서는 가변형성의 실험적인 디자인이였다면 이번 버전인 “Never Ending Story”서는 좀 디테일하면서 심플한 디자인을 선보였다고 할 수 있겠네요. 또한 저번엔 카페분위기의 컨셉을 가지고 디자인을 했다면 이번엔 그냥 제 자신의 차가운 감정 그대로를 표현했다고 할 수 있겠습니다. “Never Ending Story”라는 버전명은 제가 앞으로도 블로그를 꾸준히 운영하겠다는 의지를 이어가고자 함에 짓게 된 이름입니다. 한때는 바쁜 사회생활로 인해 블로그 관리에도 소홀히 하였으며 몇달동안은 방치만 해왔고 심지어 블로그를 접어야 겠다는 생각도.. [더 보기]

관공서 UI의 실태

Posted by EveR™

요즘 너무바빠서 블로그 관리에 소홀이 하다가 오랜만에 포스팅을 하게되었습니다. 이게 8월의 첫 포스팅이네요. 첫 포스팅 내용이 부천시청 사이트를 관점으로 둔 우리나라의 어처구니 없는 UI구조를 잠깐 접해본 경험담입니다. 입사한지도 얼마 되지 않았는데 갑작스럽게 일이 많아지니 참 정신없네요. ^^ 관공서 사이트인 XXXX 사이트에 대한 퍼블리싱 작업을 처음부터 저희쪽에서 진행한것이 아닙니다. 어느 웹에이전시의 요구사항으로 페이지 일부분에 대한 퍼블리싱 작업을 하게 되었습니다. 그 에이전시로 부터 기존에 작업한 디렉터리 및 HTML,CSS,JS파일들을 모두 넘겨받았으며 지시사항으로는 기존에 설계되있는 디렉터리 구조와 UI를 지켜가며 작업을 진행해 달라는 것이였습니다. 뿐만 아니라 img,css,js파일들에 대해서도 어떻게 파일명을 정하며 어느 디렉터리에 넣어달라는 가이드가.. [더 보기]

웹표준의 모든것 : 웹디자인 2.0 고급 CSS

Posted by EveR™

이번엔 초보,고수 가리지 않고 웹표준 관련된 무언가를 하시는 분들은 꼭 한번쯤은 보셨으면 하는 괜찮은 책을 소개하려고 합니다. 바로 방탄웹을 출판한 에이콘 출판사에서 2008년 1월에 출판한 “웹디자인 2.0 고급 CSS”라는 책을 소개하고자 합니다. 이 책은 HTML5가 나오기 전에 출판된 책이지만 이 책을 제대로 공부하게 되면 추후에 HTML5를 공부할 때 HTML5에 대해 훨씬 쉽게 이해할 수 있다고 장담드릴 수 있습니다. 그리고 이 책을 공부하게 된다면 공부하기전 보다 훨씬 깔끔하게 코딩할 수 있는 능력이 생기게 된다고 장담드릴 수 있습니다. 저도 이 책을 공부하고 나서 비로소 div와 span의 사용을 극도로 축소한 “시멘틱”한 UI를 설계할 수 있게 되었으니깐요. 첫번째 파트에서는 고급CSS에 대한 간단한 소개가 나와있고 컨텐츠 중심의 디자인 및 시멘틱 마크업에 대한 설명이 나와 있으며 마지막엔.. [더 보기]

웹 2.0의 방탄조끼 : 웹 2.0을 이끄는 방탄웹

Posted by EveR™

저번 시간에 Head First HTML with CSS&XHTML에 대한 리뷰에 이어 오늘은 “웹 2.0을 이끄는 방탄웹”이라는 책에 대해 리뷰를 하고자 합니다. 웹표준에 대해 조금이라도 관심있는 분들 중에 이책을 모르시는 분들은 거의 없더라고요. 저는 제가 이책을 활용했던 방식을 바탕으로 아주 간단하게 리뷰하고자 합니다. 만약 웹표준 코딩에 자신이 없거나 웹표준에 대해 처음 배우는 입장라면 이 책은 잠시 잊어버리시고 먼저 Head First HTML with CSS&XHTML를 먼저 공부하고 오셨으면 좋겠습니다. 이 책은 그냥 레퍼런스 식의 책이며 테크닉에 충실한 책이기에 처음부터 이 책을 공부한다면 오히려 독이 됩니다. 기본기가 없는 상태에서 이책을 보면 추후에 실전에서 웹표준 작업을 하실 때 자신도 모르게 막코딩을 하게 되고 div를 남발하게 되는 않좋은 결과가 나올 수 있기 때문입니다. 이 책을 보면서.. [더 보기]

웹표준의 기본서 : Head First HTML with CSS&XHTML

Posted by EveR™

오래전부터 블로그를 만들게 되면 제가 웹표준 및 웹접근성을 공부했던 서적들에 대해 포스팅을 해보고 싶었습니다. 예전이나 지금이나 웹표준 및 웹접근성에 대해 오해하고 있으신 분들도 많고 기본기가 제대로 잡혀 있지 않아 HTML과 CSS를 남발하는 일명 막코딩을 하는 사람들도 많이 봐왔습니다. UI개발이건 프로그래밍이건 간에 언제나 중요한건 테크닉보단 기본기가 탄탄해야 된다고 생각합니다. 기본기만 탄탄히 갖춰져 있다면 테크닉 같은건 그냥 한번 따라해보면 금방 익히므로 다시한번 테크닉 보단 기본기를 탄탄히 해야 한다고 강조하고 싶습니다. CDK 회원이신 김경민님의 블로그에 들어가보면 메인에 “단순함이 최고의 화려함이고, 기본기가 최고의 테크닉이다”라는 문구가 있습니다. 저는 정말 이 말에 절대적으로 공감하며 여러분들도 기본기에 충실하다보면 이 말에 공감 하실꺼.. [더 보기]