VoidNoble IT Zone

'// UTF-8 파일 읽기 Function fread_utf8(fpath) If fpath = "" Then Exit Function Dim objStream, txt Set objStream = Server.CreateObject("ADODB.Stream") objStream.Mode = 3 objStream.Type = 2 ' 텍스트 타입 (1: Bin, 2: Text) objStream.CharSet = "UTF-8" objStream.Open objStream.LoadFromFile Server.MapPath(fpath) txt = objStream.ReadText objStream.Close Set objStream = Nothing fread_utf8 = txt End Function '//..

이미지 썸네일 생성을 위해서 Classic ASP 에서는 COM API 를 이용해야만 했었다.이미지 썸네일 컴포넌트인 cxImage.dll 등을 %windir%\system32 등에 복사하고 regsvr32 로 등록하고 소스에서 server.createobject("cximage...") 생성하여 사용...여러 이미지 썸네일 생성용 컴포넌트들을 사용하다가 퀄리티 옵션을 최고로 줬음에도 불구하고 저질의 썸네일이 생성되어버리는 상황이 닥쳤고 대안을 찾아봤다. 그 대안으로 ImageResizer 를 발견했다.간단 요약 먼저 하자면 설치 = DLL 파일들 복사 후 web.config 셋팅 잡아주면 끝 사용 = xxx.jpg?w=100&h=100&mode=crop너무 간단한 설치와 사용법, 기본적인 기능들에 대한..

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. 디자인 작업 시작하도록.