-
Html, CSS 2016‧10‧05
그림문자인 이모지(emoji) 웹에 사용하기
요즘 아이폰, 안드로이드와 같은 스마트 기기에서 이모지(emoji, 원래는 일본 명칭 에모지이지만 영어 발음으로 전해지다 보니 이모지가 됨)를 종종 사용한다. 특히 인스타그램, 페이스북과 같은 소셜 미디어에서 종종 보았을 것이다. 이게 제공되는 유니코드가 있고 그 유니코드에 따라 스마트폰 OS나 소셜 미디어 마다 이미지로 노출하는 디자인이 조금씩 다른 것이지만 의미와 코드는 거의 같다. 이는 바로 이모지 유니코드 테이블을 […]
-
Html, CSS 2016‧09‧12
iOS에서 가로모드시 글자 크기 변경 막기
ios 모바일웹은 스마트폰을 가로모드(Landscape)로 변경되면 글자가 갑자기 커져버리는 현상이 발생함. 이를 막기 위해서 아래 코드 body에 삽입 -webkit-text-size-adjust: 100%;
-
Javascript, jQuery 2015‧01‧13
jQuery - 스마트폰 스크린 회전 감지 스크립트
스마트폰의 스크린이 가로모드와 세로모드를 감지하여 필요에 따라 스타일시트나 스크립트를 다르게 사용하는 경우가 있다. 일단 css의 미디어쿼리로 처리하는 방법을 보면 아래와 같다. #cover{ display:none; } @media only screen and (device-width: 768px) and (orientation: landscape) { #cover{ display: block; } } @media only screen and (min-device-width: 320px) and (orientation: landscape) { #cover{ display: block; } } 위 […]
-
Html, CSS 2015‧01‧13
css - 모바일웹 화면 회전시 텍스트 크기가 변경될 때
반응형 웹사이트를 제작하다보면 미디어쿼리를 이용해서 모바일 화면의 폰트 크기를 지정하는 경우가 있다. 그런데 세로로 보는 상태에서 화면을 회전시켜 가로 모드 (Landscape)가 되면 텍스트들이 자동으로 커지는 현상을 발견할 것이다. 픽셀로 정의한 폰트가 아닌 가변적인 치수로 지정할 경우 그러한데 이는 스마트폰의 브라우져가 컨텐츠 정보를 읽기에 최적화된 모드로 렌더링하기 때문이다. 이에 디자인을 기반으로 em이나 %로 폰트 사이즈를 설정한 […]
-
WP Plugin 2012‧04‧03
WordPress.com Stat
WordPress.com Stat 설명 : 워드프레스 공식 통계 플러그인임. 설치하면 좋은 이유 : 1. 관리자 페이지에서 통계를 알림판(대시보드)에서 볼 수 있음. 2. 스마트폰 워드프레스 어플에 통계 기능은 이 플러그인 깔려있어야 볼 수있음. 설치 방법 1. 플러그인->add new -> 플러그인 검색 내용에 WordPress.com Stat 넣고 검색 2. 리스트들 중에 설명부분 맨 마지막에 'Automattic가 만듬.' 이란 글자가 […]