VoidNoble IT Zone

1. Flexible Grid2. Flexible Images3. Mddia Queries 1. Flexible GridGoodbye pixel, hello Em and %From PX to EM 2. Flexible Images 3. Media Queries

CKEditor를 내용 입력부분에 적용한 CMS 툴에서 어느날 내부 클라이언트 한명이 한컴 한글에서 붙여넣기 하면 글자 크기가 달라진다는 문제를 들고 왔다.일단 한글의 환경설정에서 복사&붙여넣기시 텍스트 형식으로 붙여넣기 옵션을 체크하도록 했으나 해당 문제는 여전했다.UX를 확인하려고 직접 입력 과정등을 시연해달라 했고 문제점을 파악 할 수 있었다.문제는 결론적으로 크롬 Webkit 버그 때문이었는데 한컴 한글에서 작성한 텍스트 전체를 복사 하고 CKEditor 에 붙여넣기 까지는 아무 문제 없다.CKEditor 상에서 문장의 윗부분에 필요없는 라인 제거를 위해 DEL 키나 Backspace 키를 누르는 순간 (이 앞의 P 태그 제거하기 위해 Backspace 누름)문장문장위와같이 쓸데없는 태그가 생성된..

http://sourceforge.net/projects/dermis/

Library나 Framework을 사용하지 않은순수한 JS나 CSS 작성

.woff application/font-woff.svg "image/svg+xml".ttf "application/x-font-ttf" or "application/x-font-truetype".otf "application/x-font-opentype".eot "application/vnd.ms-fontobject" or "font/opentype"

http://css-tricks.com/overriding-the-default-text-selection-color-with-css/ ::selection { background: #ffb7b7; /* Safari */ } ::-moz-selection { background: #ffb7b7; /* Firefox */ }

45+ WordPress Magazine Themes http://splashmagazine.com/2013/01/wordpress-magazine-themes/Best Magazine Premium WordPress Themes http://www.premiumwp.com/best-news-and-magazine-style-premium-wordpress-theme-gallery/25 Magazine-Style Layouts for Your Design Inspiration http://vandelaydesign.com/blog/galleries/magazine-layout/28 New Great Magazine/Newspaper Style WordPress Themes http://www.1stweb..

템플릿 사이트 카피로 연습할때1. 레이아웃 와이어프레임 스케치하여 구조를 알고2. 컬러스킴 파악하고3. 사용된 폰트들 조사 (상세 페이지에 나와 있을거고)4. 리소스가 되는 개별 이미지들 준비하고5. 프리뷰를 통해 사이즈 파악하고6. 프리뷰에서 마우스를 올려봐서 메뉴가 어떻게 디자인 되어 있는지도 보고7. 디자인 작업 시작하도록.

2tier란 클라이언트 서버관계에서 서버가 하나인것을 말합니다. 그러니까 서버에 부하가 엄청납니다. 초창기 서버의 구조. 3tire란 클라이언트 서버에서 서버단에 db서버라든지 더미서버 등 여러 서버를 두고 중간 전송수단을 미들웨어를 통해서 하는 것을 말합니다 검색시 웹서버에 접속하고 웹서버에서 검색을 하면 db서버에 접근하여 검색된 내용을 다시 웹서버로 그리고 클라이언트단으로.. 미들웨어는 이런 역활을 합니다 odbc라는 드라이버를 보셨을 겁니다. 쉽게 볼수 있는 미들웨어의 한 종류입니다. 미들웨어는 다른 종류 운영체제,어플리케이션 데이타베이스등 교신을 원할하게 해주는 역활을 하는 프로그램입니다. [출처] http://cafe.daum.net/osio/6iLa/23?docid=8rsd6iLa232002..

http://speckyboy.com/2013/04/03/flat-gui-templates/평평한 플랫 스타일이란건 ‘흔한 그라디언트 없는, 그림자까지 픽셀 표현, 그리고 원래 도구의 형태를 따르게…’ 만들어졌다는것을 의미합니다. 모두 무료이며, 수정가능합니다, .psd 형식으로 되어 있으며, 모두 빠른 웹과 모바일 목업 생성시 완전 좋습니다.Flat 블로그 UI Kit (PSD) by PSDExplorerDownload Page →Square UI (PSD) by DesignModoDownload Page →Flat 위젯 UI Kit (PSD) by Riki TanoneDownload Page →Flat UI (PSD) by Andy LawDownload Page →UI Kit (PSD) by Abhi..