이전에 모바일에서 사용할 플로팅 메뉴 작업을 하고 있다고 했는데 그 작업이 어느정도 마무리 됐고 코드도 정리가 돼서 드디어 공개를 하고자 한다. 대단한 스크립트는 아니지만 혼자 생각하고 고민해서 의도했던대로 완료가 됐다는 것은 아무리 사소한 것이라도 기분이 좋을 수 밖에 없다. 이런 것때문에 개발에 몰두하게 되는 것인지도 모르겠다. 모든 모바일 기기에서 테스트한 것은 아니지만 다른 분들의 도움을 받아 …
모바일 환경에서 사용할 플로팅 메뉴를 작업하는 중에 iPad와 iPhone 의 Safari에는 touchmove 이벤트가 없어 약간 어려움이 있었는데 아래와 같은 코드를 추가해 touchmove 이벤트를 추가했다. 대부분의 안드로이드 환경에서도 잘 적용된다고 한다. <script> document.addEventListener(‘touchmove’, function(event) { alert(“touchmove”); }, false); </script> 참고자료 : https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html
쉽게 생각하고 덤벼들었다가 3일째 삽질 중이다. 얼추 기능을 넣어 마무리하면 되겠구나 싶었는데 여러 기기에서 테스트를 해보니 문제가.. ㅠㅠ 여전히 수정 중인데 아래 이미지처럼 상하단 메뉴가 스크롤 이동 때 사라졌다가 다시 제 위치에 표시되도록 하는 것인데 생각보다 쉽지가 않다. 퇴근 길에 문득 떠오른 아이디어가 있어 잠깐 작업을 해봤는데.. 내일 출근해서 좀 더 다양한 기기에서 테스트를 해봐야 …
제목 정하는 게 여전히 쉽지 않다. 모바일 환경에서 쇼핑몰 상품 리스트 정렬은 쉽지 않은 문제이다. 해상도가 제가각이고 가로 세로 회전이 가능하기 때문에 그에 따라 리스트 정렬이 변경되어야 하는데.. 이번에 그걸 하기 위해서 간단한 스크립트를 작성해 봤다. float: left; 속성을 가지는 li들을 나열시키는데 화면 사이즈에 맞춰서 적당히 패딩값을 부여해서 상품이 화면 가운데 보이도록 했다. padding-right 값 …
모바일 파이어폭스를 이용해 블로그에 접속해봤다. 워드프레스로 바꿨다고 뭔가 신이 난 것처럼 왜 이러는지 모르겠다. ^^; 반응형 테마는 아니기 때문에 PC화면과 동일하게 보여지는데.. 아주 못봐줄 정도는 아닌 것 같다. 반응형 테마도 있었지만.. 실제로 적용하기 위해서 수정까지 다 끝냈던 테마가 있었는데.. IE8에서 처참하게 깨지는.. 아마도 css3를 정상적으로 지원하는 브라우저에서만 제대로 보이는 듯 하여 결국은 지금의 테마로 변경을 …