uxcss blog

HTML5.2 권고안이 2017년 12월 14일 발표(HTML5.3초안 공개)

December 20, 2017, 4:28 pm

HTML5.2 권고안이 2017년 12월 14일 발표되었습니다. HTML5.1 이후 변경 사항을 간략하게 확인해보고 개발할 때 참고해야겠습니다. 2016년 1월 12일 이후 모든 변경 사항에 대한 자세한 내용은 다양한 편집 및 링크 수정을 포함하여 w3c/html Github 저장소 의 commit log를 통해 제공됩니다. 새로운 기능(New...

View Article

Image may be NSFW.
Clik here to view.

파비콘(favicon) 소개

September 22, 2018, 9:01 pm

파비콘(favicon) 소개 파비콘은 웹페이지에 접속했을때, 상단 탭에 보여지는 아이콘을 일컫는다. 이 아이콘은 즐겨찾기에 웹페이지를 등록할때도 사용된다. 웹사이트를 대표하는 로고(logo)의 개념과 비슷하며, 사이트의 성격을 드러내기도 한다. 최근에는 터치(touch) 아이콘, 타일(tile) 아이콘의 등장으로 더욱 혼란스러움이 가중되었으며, 각각의 기기에...

View Article

Image may be NSFW.
Clik here to view.

미리보기의 정체, 페이스북의 오픈그래프 프로토콜

September 22, 2018, 9:08 pm

들어가기 전에 이 글은 링크의 미리보기 제목, 설명, 이미지의 정체에 대해서 알고 싶은 마케터들을 위해 유용한 내용을 담고 있습니다. 오늘날 페이스북이나, 네이버 블로그, 카카오톡 등에서 어떤 링크에 대한 미리보기 제목, 설명, 이미지를 제공하고 있습니다. 링크를 붙여넣을 때 생기는 미리보기 제목, 설명, 이미지는 도대체 어디에서 오는 것일까요?...

View Article

jQuery 효율적 작성

September 27, 2018, 5:31 pm

제이쿼리를 사용함에 있어 성능 최적화(performance)에 간단히 알아봅니다. DOM 을 캐싱(Caching)하라 한번 탐색한 DOM을 다시 탐색하는 것은 비효율적이다. Bad Code $('button.confirm').on('click', function() { // DOM 한번 탐색 $('.modal').modal(); // DOM 다시 한번...

View Article

Image may be NSFW.
Clik here to view.

CSS: 선택자(Selector) 이해

September 27, 2018, 5:37 pm

1. CSS 선택자(Selector)란? 선택자란 말 그대로 선택을 해주는 요소입니다. 이를 통해 특정 요소들을 선택하여 스타일을 적용할 수 있게 됩니다. 먼저 CSS에서 스타일이 어떤 방식으로 정의되는지 알아봅시다. 1.1 Rule Set Rule Set(Rule)은 HTML페이지 안의 특정 요소들을 어떻게 렌더링(Rendering) 할 것인지 브라우저에게...

View Article

DOCTYPE 선언의 중요성과 참고자료

September 30, 2018, 12:27 am

Document Type Definition 는 브라우저 랜더링 모드를 지정해주고 유효성 검증기의 기준이 되므로 XHTML 문서의 상단에 반드시 선언해 주어야 한다. 만일 DTD 를 생략 하거나 형식이 잘못된 문서일 경우에는 웹 브라우저마다 코드의 해석방식이 다른 Quirks mode 로 렌더링이 되기 때문에 엉뚱한 결과물로 출력되는 문제에 직면하게 된다....

View Article

Image may be NSFW.
Clik here to view.

페럴렉스 관련 포스팅

September 30, 2018, 1:15 am

페럴랙스 스크롤(Parallax scrolling) 은 원래 게임이나 애니메이션과 같은 곳에서 사용하는 기법으로 오브젝트 간 시간 차이를 통해서 조금 더 역동적으로 화면을 표현하던 기법입니다. 이러한 기법이 CSS3와 HTML5 가 등장하면서 2011년부터 웹에 적용되어 점차 확대 되어 가고 있는 추세입니다. 2013년 Purdue University 의...

View Article

Image may be NSFW.
Clik here to view.

jQuery API: Manipulation, Events, Effects, Utilities

September 30, 2018, 2:01 am

관련 문서 http://api.jquery.com/category/manipulation/ http://api.jquery.com/category/events/ http://api.jquery.com/category/effects/ http://api.jquery.com/category/utilities/ 목차 Manipulation Events...

View Article

Image may be NSFW.
Clik here to view.

HTML 인클루드하기

September 30, 2018, 2:33 am

HTML 인클루드하기 이 포스팅에서는 제이쿼리를 이용하여 html 파일을 인클루드 해보록 하겠습니다.(웹서버에서 동작) HTML HTML <div id="wrap"> <p>#wrap</p> <header role="header"...

View Article

PC크롬 브라우저에서 안드로이드 크롬 브라우저 디버깅 하기(ADB Plugin)

October 2, 2018, 1:36 am

1. 크롬에 ADB 확장기능을 설치합니다. 2. 안드로이드 USB Driver 설치 ( androidnet sooner single adb interface driver ) http://developer.android.com/tools/extras/oem-usb.html Get the Google USB Driver | Android Developers...

View Article