lang/html 83

iPhone WebPage에서 webkitExitFullscreen() 이벤트

iOS-Specific Considerations HTMLMediaElement Fullscreen HTML5 video iOS-Specific Considerations / Optimization for Small Screens 에서 “Video is not presented within the webpage. (웹 페이지내에서 비디오는 지원하지 않는다)” / iPhone, iPod iPhone WebPage에서 webkitExitFullscreen() 이벤트 (function(){ if (navigator.userAgent.match(/iPhone|iPod/i)) { var vid = document.getElementById('video'); # iPhone 에서 webkitExitFullscree..

lang/html 2015.12.11

<ol> Order Lists

HTML Tag compact (Not HTML5) compactNot supported in HTML5. Specifies that the list should render smaller than normal 목록이 정상보다 작게 표현되도록 설정(HTML5에서 지원안됨0 reversed (HTML5) reversed - Specifies that the list order should be descending (9,8,7...) 내림차순 정렬(HTML5 지원) start number - Specifies the start value of an ordered list 목록 시작 숫자 설정 type 1 : 숫자 A : 대문자 a : 소문자 I : i : Specifies the kind of marker ..

lang/html 2015.12.07

반응형 디자인, 개발 툴

12 Essential Responsive Design Tools Mock-ups, Prototyping and Wireframing Tools - 목업, 프로토타이핑, 와이어프레임 툴 InterfaceSketch 종이와 필기구를 이용하는 스케치를 선호한다면 다양한 모바일 장치의 화면에 맞게 설계된 간단한(무료) PDF 템플릿 꾸러미를 제공하는 InterfaceSketch를 이용해보자. PDF 파일을 인쇄하고 최고의 디자인 도구인 종이와 필기구를 사용 초기 디자인 스케치할 수 있다. StyleTiles StyleTiles은 인테리어 디자인에서 개념을 빌려 Mock-up과 Wireframe을 쉽게 사용할 수 있게 만들어진 툴이다. Responsive Wireframes 전통적인 Wireframe은 정적인 ..

lang/html 2014.12.01

scrollReveal.js

Revealing Elements with scrollReveal.js scrollReveal.js scrollReveal.js ? 웹에서 컨텐츠가 뷰포트(화면 표시 부분)에 있을때 내용을 표시하는 공개 라이브러리 입니다.테스트를 보면 이해가 쉽습니다. 모니터나 화면이 크다면 div height를 500px 이상으로 크게 수정하신 후 "Run"버튼을 선택하면 화면이 갱신됩니다. 그후 화면을 스크롤하시면 적용된 화면을 보실 수 있습니다.

lang/html 2014.11.29

HTML 이메일 템플릿 만들기

지메일, 핫메일, 야후와 같은 많은 웹 기반 메일 클라이언트는 마크업에서 스타일시트를 없애버리거나 무시해 버린다. 지메일은 태그를 제거해서 지메일에서 사용하는 스타일과 충돌할 가능성을 없애버린다. 이메일 클라이언트는 외부로 연결된 스타일시트를 의존할 수 없다. 지메일과 야후는 태그를 지우거나 이름을 바꿔 버리므로 를 대신할 다른 태그를 사용하는 것이 좋다. 일부 클라이언트는 CSS축약 선언을 무시할 수 있으니 축약을 사용하지 않고 풀어서 선언해야 한다. #header { padding: 20px; } #header { padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; } 로터스 노트(Lotus Notes)나 ..

lang/html 2014.11.11

웹페이지를 풍성하게 해주는 10가지 HTML5 Tags

참고 10 HTML Tags You May Not Be Using 웹페이지에서 측정값을 표현해야 할 경우 사용 할 수 있는 태그 300Gb of 500Gb occupied. 300Gb of 500Gb occupied. 다운로드나 진행상황을 표현하기위해 위젯으로 사용하는 태그 50% 50% 50% and 책, 기사 또는 다른이의 말을 인용 할 경우와 질문을 위한 태그 We should fight for our rights because, as Ezra Pound said, If a man isn't willing to take some risk for his opinions, either his opinions are no good or he's no good. We should fight for our ..

lang/html 2014.09.30

HTML5 Tutorials 30

HTML5를 배울수 있는 Tutorial을 찾는다면 기본에서 고급까지 배울수 있는 30가지 HTML Tutorials를 소개합니다. Creating a Mobile-First Responsive Web Design 모바일 반응형 웹디자인 만들기 모바일에서 웹 경험을 제공하기 위한 튜토리얼을 제공합니다. Using semantic HTML 시멘틱 웹 사용 시멘틱 HTML을 설명하고, 왜 공부해야하는지 설명을 제공합니다. WebGL 2D Translation WebGL 기초부터 시리즈로 튜토리얼을 제공합니다. Getting started with the HTML5 track element HTML5 트랙 요소로 시작하기 트랙요소는 비디오 및 오디오에 오디오 자막, 자막, 화면 판독기에 대한 설명및 챕터를 추..

lang/html 2014.07.26

modern.IE IE테스트를 위한 MS의 배려?

참고modern.IE에 대한 새로운 소식: 무료 VM 다운로드, Windows 8 QuickStart Kit, 향상된 코드 검사 도구 등 morden.IE 가상테스트 도구 사용하기를 이용해 Window, Mac, Linux 의 각 VM( Hyper-V, 가상PC, VirtualBox, VMWare Player)에서 각 버전에 맞는 IE를 테스트 해 볼수 있다. 개인적은 vBox를 애용한다. VMWare는 오랜 옜적에 한번 사용해보고 패스(PC가 구닥다리인데 같이 느려져서...), OS를 우분투를 사용하므로 MS도 패스.vBox는 계속 사용하고 있었으니 그냥 이걸로... 그런데 OVA파일을 어케 사용하는지 몰라서 헤맸다. vBox 메뉴 > 파일(F) > 가상시스템 가져오기(I)... Ctrl+I 를 이용하..

lang/html 2013.04.16
반응형