본문 바로가기

content

 (5)
웹화면 기술 순서에 대한 단상 웹화면은 아래 요소들로 이루어졌다고 볼 수 있다.- HTML 태그와 컨텐츠(리소스, 즉 사진, 음향, 동영상 등등)- HTML 태그와 컨텐츠를 화면에 제대로 표현하기 위한 CSS,- UX 를 담당하는 자바스크립트. (물론, 플래시 등의 요소가 존재하기는 하지만, 가벼운 웹사이트를 지향하자) 각종 컨텐츠는..웹서버에서 사용자 화면으로 내려지기도 하고, 사용자 화면에서 웹서버로 올려지기도 한다. 어쨌든, 사용자가 웹화면을 볼 때에는..웹서버에서 위에서 설명한 요소들이 사용자 웹브라우저에 모두 다운로드 되어야 한다. 물론, 내려지는 시차와 순서가 정해져 있거나 그렇지 않을 수 있다. 이제, 구현하는 입장에서 나열하는 순서를 생각해 보자.요즘엔 HTML5 로 수렴하는 분위기 이다 보니, 과 등이 맨 처음에 온다..
jquery-confirm 플러그인 사용 $(document).ready(function(){ if(...){ $.confirm({ // iOS 일부 버전에서 window.alert() 와 window.confirm() 등이 작동하지 않을 때 jquery-confirm 사용 title:'제목, content:'메시지', // 개행은 태그 사용 buttons:{ 확인:{ // 버튼명이 반드시 영문일 필요는 없다. 이렇게 하려면 jquery-confirm.js 를 수정해야 한다 action:function(){ // 확인 클릭시 작동할 코드 } } } }); return; // if 조건에서 아래 내용들을 실행하지 말고 여기서 종료하려면 return 처리 } ....}
고정 width 를 가진 웹페이지, meta viewport 로 모바일 기기별 해상도에 자동 맞추기 요즘 반응형웹이다 적응형웹이다 이슈가 장난 아니네요. 그러나, 둘다 모바일에 최적화 되어 있다고 할 수는 없어요. 요즘 나오는 모바일 기기는 PC 해상도를 상회하지만, 화면폭은 클 수가 없다는 겁니다.. ㅠ. 이럴 바에는 차라리 viewport 를 이용하는 것이 나아 보입니다. 물론, www 용과 mobile 용 웹페이지 2개를 운영해야 하겠지만서도요.. 암튼, 어떤 방법이든 장단점이 있으니까요. 여기에서는 모바일 홈페이지가 고정폭으로 적용된 웹사이트에서.. 어떻게 하면, 해상도가 서로 다른 모바일 디바이스에서 모두 한 방에 정상적으로 보이게 하느냐에 대해 다뤄봅니다. 초창기 스마트폰 해상도가, 320 인 시절이 있었지요. 이때 개발된 홈페이지들은 화면폭이 640 pixel 로 세팅되어 있어요. 320 ..
웹브라우저 주소표시줄(창) 없애는 HTML/jQuery 코드 주소 표시줄 또는 주소 표시창을 없애는 방식이 애플 모바일 사파리에서 HTML meta 코드로 제공되는데,jQuery 를 사용하면 안드로이드 웹브라우저에서도 구현 가능합니다. 차이는 있습니다.. ^^.아래 1과 2 두가지 코드를 모두 사용하면 문제 해결입니다. ^^. 1. 애플 모바일 사파리안드로이드 기기에서는 아직까지 적용되지 않구요.. 앞으로도 아마 적용되지 않을 코드입니다. meta name 에 apple 이 들어가거든요..애플 OS 라도 모바일 기기의 iOS 에서는 구현되지만, 맥북이나 맥북 에어 등의 PC 에서는 적용되지 않구요. 2. jQuery$(window).load(function(){ setTimeout(scrollTo, 0,0,1);});이 코드도 body 에 구현되는 내용의 heig..
페이스북 상태 업데이트 입력창에 URL 을 입력하면, 페이스북이 해당 URL 내용을 자동으로 가져오게 하기.. 페이스북 '상태 업데이트' 창에 URL 을 등록할때, 페이스북이 친절하게도 해당 URL 의 내용을 긁어와서 붙여줍니다. 이렇게 되도록 하려면 아래와 같은 코드가 해당 웹페이지에 기술되어야 합니다. 그런데 주의할 것이 있지요. 1. 일단 keywords meta 는 글쎄요.. 뭐에 쓰는진 모르겠네요. 일단 기술은 해 보세요. 2. title meta 와 title 태그가 동시에 존재한다면 title meta 의 content 에 기술된 내용이 적용됩니다. title meta 와 title 태그의 선후 위치에 상관없이 meta 가 먼저 적용된다는 것이죠. title meta 가 먼저 기술되고 이후에 title 이 기술되든, title 이 먼저 기술되고 title meta 가 나중에 기술되든 상관이 없어요. ..

티스토리툴바