웹아틀리에 - Web atelier
[웹폰트] 올바른 방법으로 로딩하자. - 사이트 로딩 속도 개선 평소 웹을 보면 심심치않게 웹폰트가 적용되어 있는 것을 볼 수 있습니다. 이미 널리 쓰이고 있는 중인데요. 그런데 알고 계신가요? 웹폰트의 용량은 생각보다 큽니다. 영문 폰트의 경우는 그래도 괜찮습니다. 종류도 다양하고 용량도 작습니다. 문제는 한글 웹폰트죠. 실제로 c드라이브의 폰트 폴더에 가서 확인해 보면 한글 폰트의 용량은 매우 큰 편입니다. 그 용량을 웹에서 로딩한다면...? 사이트 이용자는 속도도 그렇지만 매번 폰트 다운로드로 인한 용량 때문에 데이터에 신경을 쓸 수 밖에 없습니다. 이미지는 경량화 하는데... 폰트는..? 사실 폰트를 서버에 올려서 사용하는 방법은 그리 추천드리지 않습니다. 데스크탑의 폰트는 용량이 매우 크기 때문..
10월 티스토리 초대장 배포 - 마감 그래서 아직 1장 남았습니다. 1장 마저 배포 후 마감 합니다.
[iOS10] 모바일 웹 줌 막기 최근 iOS10이 나오면서 생긴 이슈가 하나 있네요. 보통 모바일 웹에는 뷰포트 메타태그를 설정하죠? 뷰포트는 웹 사이트를 모바일에서도 보기 편하도록 만들어줘서 필수로 적용들 하죠. 이 태그로 웹을 확대하거나 축소하는 것을 막아두는곳이 꽤 많은데요, 이번 iOS10에서는 이게 제대로 적용되지 않는다고 하네요. 그럴때, 바로 자바스크립트를 이용하는 방법이 있습니다. 터치 이벤트를 받아 터치되는 손가락의 갯수를 구한 뒤 1개보다 많다면 터치이벤트를 작동하지 않게 하는 스크립트 입니다. 모쪼록 이번에 당황하고 계실 퍼블리셔 분들이 많으실것 같아 올려봅니다.
8월 티스토리 초대장 배포 - 마감했습니다.
오페라 개발자 사이트에서 퍼왔습니다. Sara Soueidan 이 2014년 6월 10일에 작성한 글이군요. 최근 하드웨어 가속을 3D속성을 이용해 사용하는 것을 자주 목격하는데요. 강제로 3D속성으로 변환시켜 가속하지 않아도 지원하는 속성이 있었습니다. 많은 분들이 알아두면 좋을것 같아 가져옵니다. 출처-https://dev.opera.com/articles/ko/css-will-change-property/시작하면서웹킷 계열 브라우저에서 CSS transform이나 animation 같은 프로퍼티를 사용할 때 발생하는 깜빡이는 현상에 관해 알고 있는 사람은 “하드웨어 가속”이라는 용어를 한번쯤 들어본 적이 있을 것이다.CPU, GPU, 하드웨어 가속하드웨어 가속은 그래픽 처리 장치(GPU)를 이용하여..
신카이 마코토 신작 - 너의 이름은 ( 君の名は ) 신카이 마코토의 신작 정보를 가지고 돌아왔습니다. 사실 애니메이션이 전공이라 이쪽을 참 좋아합니다. ㅎㅎ 신카이 마코토 라는 감독은 pc게임 이스2이터널의 게임영상을 감독했으며 게임회사에서 나와 애니메이션을 본격적으로 제작한 감독입니다. 데뷔작으로 라는 5분짜리 단편 애니메이션이 있습니다. 라는 작품으로 극장판 애니메이션을 데뷔했으며, , , , 그리고 이번이 최신작 너의 이름은 되겠습니다. 사실 그 사이사이에 CF 애니메이션을 여러개 만들었었는데요, 미친 퀄리티 광고 등등 으로 유명했죠. 부동산이라던지 학습지 라던지... 한창 화두였습니다. 크로스로드 누군가의 시선 AC재팬 대성건설 이 감독의 특징은 '커플 브레이커' 라고 하죠. 대단한 점은 배경의 ..