Posts tagged CSS

theme-color를 이용하여 모바일 크롬 브라우저에서 toolbar 영역 색상 바꾸기

모바일 기기로 검색하다 보면 가끔 상단의 툴바 영역(주소표시줄이 포함된..)의 색상이 다른 사이트들이 있었습니다. 사이트별로 다 다른 색상을 사용하...

How to Remove Unused JS/CSS with Browser developers tool

Hi.Today, I will briefly talk about how to identify unused JS and CSS on the web p...

Protocol-relative URL - HTML/Javascript/CSS에서 주소 표시에 사용되는 double slash(//)는 무엇인가?

웹 코드에서 주소를 사용할 때 double slash(//)를 많이 사용하시나요? 요즘은 대체로 double slash를 많이 사용하는 것 같습니다...

[CSS] iframe height:100%가 안될 때 viewport를 이용하여 해결하기

iframe 관련해서 찾아보다가 재미있는거 발견해서 글 작성합니다.iframe 태그를 쓰다보면 간혹 높이가 100%가 안되는 상황이 발생합니다. (...

[CODING] HTML/Javascript 를 이용한 팝업 레이어 만들기 :: Code for Popup Search Layer

블로그 디자인 수정 중 검색 부분에 재미있는 생각이 나서 약간 작업을 하였습니다.기존에 쓰던 검색창은 블로그에서 바로 보이고 입력 후 검색하는 방법...

[HTML/CSS] HTML 이벤트핸들러, 스크립트를 이용한 Text Box 클릭 시 사라지는 글자 만들기

간단하게 onfocus 핸들러로 해당 Text Box에 포커싱이 잡혔을 때 Text를 지우고 포커싱이 없고 데이터가 없는 경우 다시 value 값에...

[CODING] HTML 페이지 Body 태그 여백 없애기(속성/CSS 활용하기)

블로그 페이지 개편 중 계속 여백이 생겨서 하나하나 css 를 뒤져가며, 잘못 적용한 것이 있는지 찾아보았지만..  답은 가까운 곳에 있었...

[CODING] HTML/CSS 글자 테두리 적용하기(Apply text border) / text-shadow

웹에서 간단하게 글자에 테두리를 넣는 방법입니다.CSS에서 text-shadow 를 통해 그림자를 넣고, 그림자 색상을 지정하여 테두리처럼 보이도록...

[CODING] highlight.js 를 이용한 Code Highlight(HTML/CSS 처리)

웹 상에서 코드를 표현하기에는 굉장히 불편한 부분이 있습니다. 일일히 css를 적용하기에는 많은 시간이 들죠.그래서 highlight.js 에서 제...

[CODING] HTML Style 태그/CSS를 이용한 레이어 고정하기(Fixed Layer / CSS)

요즘 웹에서 자주 사용되는 Bootstrap이나 여러 웹사이트를 보면 상단에 메뉴가 고정된 경우가 많습니다.오래전부터 잘 보이긴했지만, 요즘 눈에 ...