WEB Dev Note

유튜브 영상을 embed 하는 경우, 특히 Youtube에서 공유하기로 코드를 복붙하는 경우에는 가로 세로 사이즈가 고정되어 들어가게 된다. 이때 HTML의 상단 바로 위에 코드를 넣어주자: 이렇게 하면, 알아서 영상 비율을 유지하면서 너비를 100%로 꽉차게 바꿔준다. 특히 티스토리와 같은 블로그에 써먹기 좋다. 스킨편집 > html편집 화면에서 아래와 같이 위에 코드를 넣어주면 끝.

원본글: Service Worker, what are you? - Mariko Kosaka 서비스 워커(Service Worker), 정체가 뭐니?나 : "서비스 워커야, 넌 정체가 뭐니?" 서비스 워커: "전 프로그램 가능한 네트워크 프록시 입니다." 나 : "... 응?"서비스 워커, 멋지게 들리기는 한데, 뭐하는 건지 도통 모르겠다.지난 2015년 7월, 난 미국 텍사스 오스틴(Austin, Texas)에서 열린 자바스크립트 컨퍼런스에 참여해서 강연 중 하나를 듣고 있었다. 연설자는 제이크 아치볼드(Jake Archibald) 였는데, 그때까지만 해도 응가(bathroom matter) 얘기를 많이 하는 재밌는 영국 출신 녀석인줄만 알았다. 나중에 알고보니 서비스 워커 스펙(spec)을 디자인한 대..

placeholder는 input 폼에 글자가 입력되기 전 기본으로 보여주는 텍스트이다. 예를들면, 이렇게 입력하면 아래 스크린샷 같은 결과가 출력된다. type 속성이 password 일지라도 위와 같이 텍스트가 출력되는 등, 미리 지시사항 등을 등록해놓을 수 있기 때문에 공간절약에 탁월한 장점이 있으나... 문제는, 역시나 Internet Explorer는 전혀 인식하지 못한다는 것. 아래와 같은 자바스크립트를 이용하면 placeholder 태그와 같은 효과를 낼 수 있다. // Placeholder for IE function activatePlaceholders() { var detect = navigator.userAgent.toLowerCase(); if (detect.indexOf("safa..