본문 바로가기

모바일웹이 데스크톱웹과 다른점 PC 브라우저에서 완벽하게 보이던 웹 화면이 모바일 브라우저에서는 제대로 작동하지 않을때가 많습니다. 그 이유가 무엇일까요? 모바일웹이 데스크톱웹과 다른점을 말씀드립니다. 1 모바일 브라우저의 수는 너무나 많습니다. 데스크톱 브라우저의 종류가 IE, 크롬 등 몇 가지가 안되는 것에 비해 모바일 브라우저의 종류는 훨씬 다양합니다. 이렇게 많은 브라우저에서 웹이 정확하게 동작하게 하려면 어떻게 해야할까요? 2 다양한 웹 기술을 지원해야 합니다. 구형 브라우저, 저가형 스마트폰 등에서는 최신 CSS, 자바스크립트 기술이 안정적으로 동작하지 않습니다. 또한 최신 브라우저에서도 모두 동일하게 동작하는 것도 아닙니다. 모바일 시대는 정말 다양한 변수들이 존재한다는 것을 기억해야 합니다. 3 모바일 화면은 작고 느립.. 더보기
웹 개발 시 '모바일 퍼스트'를 해야하는 이유 웹 개발 시 '모바일 퍼스트'를 해야하는 이유입니다. 요즘은 누구나 모바일폰(피처폰 포함)을 사용합니다. 일본에서는 베스트셀러 10위 중 절반이 모바일 폰을 통해 판매될 정도인데요. 2011년 초에는 지구상 69억 인구가 52억 개의 모바일 폰을 사용했다고 합니다. 이 말은 화장실에서 변기나 칫솔을 사용하는 사람보다 모바일 폰을 사용하는 사람이 더 많다는 뜻입니다. 그리고 다음 3가지 예측은 더욱 모바일 퍼스트를 해야할 이유를 말해주고 있습니다. 1 앞으로 나오는 모든 폰(신흥국의 저가폰 등)에 웹브라우저가 들어갈 겁니다. 웹브라우저가 없는 저가폰도 있지만 앞으로는 찾기 힘들게 될 것입니다. 아주 기본적인 폰에도 최신 웹브라우저가 있습니다. 누구나 모바일로 웹을 쓰고 싶어하기 때문입니다. 2 모바일웹의 .. 더보기
유튜브 워터마크 이미지 만들기 : 포토샵 이용 유튜브 워터마크 이미지를 만드는 방법입니다. 워터마크를 추가하면 데스크톱에서 시청자가 마우스를 올려놓았을 때 구독을 할 수 있도록 해줍니다. 워터마크 이미지를 만들 때에는 단색 배경 대신 투명한 배경을 사용하고 가능하면 한 가지 색상만 사용합니다. 유튜브 워터마크 이미지는 데스크톱, 안드로이드와 iOS의 가로모드에서만 작동하고 다른 기기에서는 작동하지 않습니다. 1 워터마크 이미지를 만들기 위해 포토샵을 실행합니다. 새 이미지를 생성할 때 '투명'을 선택해 주세요. 2 투명 배경위에 텍스트나 이미지를 올린 후 [웹용으로 저장]을 클릭합니다. 3 색상을 많이 사용했다면 PNG-24, 단색을 사용했다면 PNG-8 로 저장해 줍니다. 4 유튜브 사이트로 이동한 후 [크리에이터 스튜디오]를 클릭합니다. 5 사이.. 더보기