WIT – NTS UIT Blog

HTML 5.1 정리 / HTML 5.2 미리보기

Posted by in Research

HTML 5.1 권고안 공개 2016년 11월 1일 웹표준화단체인 W3C의 웹플랫폼워킹그룹(Web Platform Working Group)이 HTML 5.1을 W3C 권고안으로 공개했다. (W3C의 규격이 W3C 권고안에 이르기까지의 과정은 “초안 (Working Draft)” → “최종 초안 (Last Call Working Draft)” → “권고 후보 (CR : Candidate Recommendation)” → “권고안 (PR : Proposed Recommendation)” → “W3C 권고안 (Rec : Recommendation)” 라는 5개의 단계가 있다.) HTML 권고안의 역사를 간단히 살펴보면 1999년에 HTML 4.01의 권고안이 공개가 됐다. 그러나 HTML 4.01 당시에는 웹 응용프로그램 등이 고려되지 않았고 웹 페이지를 기술하기 위한 포맷이었던 만큼 전면 개정을 거쳐서 W3C가 15년 만인 2014년 10월 28일에 HTML5 권고안을 공개하게 된다. 이번에 권고안을 공개한…read more

Layer 화면 중앙정렬 방법

Posted by in Research

널리에 작성되어 있던 기존 글을 다듬어 재게시합니다. 마크업 작업을 하다보면 div layer를 화면 정중앙에 정렬해야 하는 경우가 많습니다. layer 사이즈가 고정이면 간단히 표현할수 있지만 가변형일 경우에는 매번 어떤식으로 표현을 할까 생각하곤 합니다. 그래서 어떤 경우의 수들이 있는지 정리 해보았습니다. 1. position:absolute와 margin 마이너스값을 이용한 중앙 정렬 장점 : IE7 이상 모든 브라우저에서 지원 가능합니다. 단점 : width와 height값이 고정사이즈인 상태에서만 사용할 수 있습니다.

See the Pen Layer vertical-align 1 by Kim Tae Hyoung (@myting) on CodePen. 2. position:absolute와 margin:auto를 이용한 중앙 정렬 장점 IE8 이상 모든 브라우저에서 지원 가능합니다. margin…read more

다양한 폰트정보 및 css 정의 방법

Posted by in Research

윈도우에 기본으로 설치되어있는 폰트 이외에 각종 폰트들에 대한 정보들 및 CSS font-family 정의 방법에 대해서 알아보도록 하겠습니다. 중요한 점은 작업하시는 컴퓨터에 적용하려는 폰트가 설치되어 있어야 폰트 적용이 가능합니다. 폰트 목록 :  http://www.adobe.com/products/type/font-information.html   해당 목록들 중에서 Helvetica Neue Std 폰트 적용방법에 대해서 알아보도록 하겠습니다. 리스트에서 Helvetica Neue Std를 클릭해서 들어가시거나 http://www.adobe.com/type/browser/html/readmes/HelveticaNeueStdReadMe.html 경로를 통해 바로 들어가실수 있습니다. Family information란을 보면 Menu Names And Style Linking 이라는 곳이 있습니다. 하단 부분에 3행으로 Menu Name, plus Style option, selects this font가 있는데 selects this font가 포토샵에서 Helvetica Nenu LT Std 폰트를 선택했을때 나오는 옵션값들에…read more

0