아이폰 썸네일형 리스트형 Belkin AirCast Auto Hands-Free with Bluetooth, 벨킨 블루투스 이전에 쓰던 핸즈프리가 고장이 났다. 그것도 벨킨에서 나온 암이 달려 거치할 수 있는 것이었는데, 충전 단자 부위가 고장이 나서 동작하지 않는다. 그래서 이번에 도전한 것은 블루투스! 뭐 분명히 음질이 떨어지는 문제는 있지만, 그래도 케이블의 불편함과 거치되는 위치의 불편함이 너무 커서 스마트폰의 위치를 좀 더 자유롭게 하고 싶었다. 그래서 블루투스를 위해 준비한 것은 BELKIN AirCast Auto Hands-Free. 블루투스를 이용해서 AUX를 사용하는 것이다. 박스는 저렇게 생겼다. 이전에 암이 달린 거치대와는 사뭇 다르게 아담한 사이즈이다. 측면에 사용할 수 있는 기기들이 써있다. 인터넷에서 찾아 봤던 것 보다 버튼의 사이즈가 작다.왜 엄청 클 것이라고 생각했지?구성품은 버튼, 시거잭, 연장.. 더보기 [Mobile] 모바일웹, 아이폰 터치 시 발생하는 탭 하이라이트 제거 오랜만에 포스팅을 많이 하게 되네요. 이런건 좋지 않은데, 주기적으로 꾸준히 하는게 더 나을텐데 그게 잘은 안되네요. 약간은 어려운 감이 있습니다. 이번에 이야기 할 이야기는 iOS 사파리에서 일어나는 이야기 인데요. 원래는 이것을 '발생하는 문제'라는 표현을 썼었는데, 잘 생각해보니 이 것은 평소에 우리에게 도움을 주는 좋은 기능입니다. 아... 서론이 너무 길었죠? 그것은 바로 터치 시에 발생하는 검은 하이라이트 입니다. 이것이 무어냐 하면, iOS 사파리로 웹브라우징 시에 링크를 제대로 클릭했는가 확인할 수 있는 좋은 기능인데요. 아래 그림에서 보실 수 있습니다. 그림에서는 '미니홈피' 버튼을 터치 했을 때 오른쪽의 그림과 같이 검은 하이라이트가 생기게 됩니다. (다들 아시는 것 처럼 사파리 브라우.. 더보기 [Mobile] 모바일웹, Device Orientation (가로보기, 세로보기) 또 정말 오랜만에 쓰게 되는 포스팅입니다. 오늘 할 이야기는 모바일 브라우져에서 CSS를 불러오는 이야기 인데요. 세로로 볼 때랑 가로로 볼 때에 다른 레이아웃을 사용하려면 어떻게 해야할까 하는 이야기 입니다. 모바일 쪽 작업을 하다보면 가로보기와 세로보기의 레이아웃을 다른게 해야할 일이 있을 때도 있습니다. 세세한 width 값을 맞춘다던가, 가로보기를 할 때 넓어진 width 에 무언가를 넣을 경우도 생길 수 있을 것입니다. 이럴때 여러가지로 고민을 하게 되는데, 여러가지 방법들 중에 CSS를 다르게 불러와 보는 것도 하나의 좋은 방법일 수도 있습니다. 위와 같은 방식으로 사용하면 디바이스를 세로로 볼 때는 portrait.css 를 불러오고, 가로로 볼 때는 landscape.css 를 불러오게 됩.. 더보기 [Mobile] iOS 사파리의 배경 이미지 렌더링 버그 (iOS Safari 의 background image rendering Bug) 얼마전입니다. apple 에서 iPad 2 를 내놓았습니다. 이전 버전에 비해 엄청난 혁신은 없지만 전/후면부 카메라와 2배의 성능향상, 9배의 그래픽성능 향상이 있고, 무엇보다 많이 가벼워진 무게가 구매하고픈 욕구를 매우 많이 충족시켜주고 있습니다. 이제 한국에도 4월중에 발표한다고 하는데요. iPad2 를 통해 국내 타블렛 시장도 좀 더 활성화 될 것을 예상하고 있습니다. 그런 측면에서 오늘은 모바일 브라우져의 대명사인 iOS의 사파리에 대해서 이야기 해보도록 하겠습니다. 그 중에서도 모바일 사파리의 배경 이미지 렌더링에 대해서 이야기를 할 것인데요. CSS 스타일을 할 때 CSS - IR 기법을 많이 사용하게 됩니다. (IR:Images Replacement, 배경 이미지의 위치를 조정해서 이미지를.. 더보기 iOS4 드디어 오픈 아. 기다리고 기다리던 iOS4가 드디어 오픈하였습니다. 미국시간으로 6월 21일 오전 10시 (저는 우리네 영업시간인 9시가 되면 오픈할 줄 알았는데, 10시 였습니다.) 한국시간으로는 22일 새벽 2시 에 시작되었습니다. 하지만 저에게는 이상한 일이 있었습니다. 분명히 2시가 넘어서 업데이트를 확인해 보았는데, 업데이트가 아직 시작되지 않았었습니다. 마침 그 때 인터넷 연결을 가지고 테스트를 해보던 중 무선 공유기를 통해 접속하였더니 갑자기 업데이트를 하라고 메시지가 나오는 겁니다. 이거 참 이상한 일이긴 하지만 그래서 다시 유선으로 연결하고 확인해보았더니 다시 안된다고 나오는 것이었습니다. 이것을 어떻게 설명해야할지...... 아무튼 지금은 둘다 되긴 한데 이상하게 공유기 쪽이 속도가 잘 나와서 공.. 더보기 새로운 맥미니 등장 애플홈페이지의 스토어 카테고리가 점검 중에 들어갔습니다. 처음에는 미국 사이트만 그러다가 나중에 우리나라를 비롯한 많은 국가들이 함께 점검중에 들어갔는데요. 많은 사람들은 여러가지 루머들을 통해 무엇이 바뀔것인가 하는 이야기가 많이 오고 갔습니다. 저는 특히 아이맥 27인치의 내용에 관심이 많이 갔었는데요. 역시나 제 생각대로 아직은 더 업그레이드 할 것이 없다는 예상이 적중하였습니다. 그렇다면 무엇이 나왔냐 하면, 바로 맥 미니가 나왔는데요. 매끈한 알루미늄 바디로 탈바꿈해서 나오게 되었습니다. 뭐 성능은 그대로 같은데요. 강력한 성능을 갖추었다고 이야기는 하네요. ㅋㅋ 근데 보니 이정도 컴퓨터면 집에서 사용하기에는 부족함이 없는 것도 같습니다. 맥 OS를 사용하고 싶은 사람은 입문하기에 좋은 것 같은.. 더보기 구글의 모바일 전략, 모바일 구글맵 애플이 아이폰으로 모바일 시장을 점점 점령해가는 가운데, 구글은 안드로이드라는 OS로 모바일 시장에 뛰어들었습니다. 물론 구글이므로 무료로 개방하는 정책을 사용하였습니다. 그래서 여러가지 모바일 폰 개발 업체에서 안드로이드 OS를 탑재한 스마트폰을 출시하게 되었습니다. 안드로이드를 탑재한 스마트폰이 점점 시장점유율을 키워나가는 가운데, 구글 웹페이지의 모바일 서비스 또한 더욱 모바일 접속자에게 최적화 되어 점점 변하고 있는 것 같습니다. 우리나라 포털의 모바일 사이트들도 스마트폰 접속자들에게 더 나은 서비스를 제공하도록 조금씩 개편하고 있는데요. 우리나라의 사이트들도 멋지게 변했지만, 구글 모바일 사이트의 변화는 진정 구글의 기술력을 엿볼 수 있었습니다. 우선 오늘은 구글의 역작 구글맵의 모바일 버전에 .. 더보기 WWDC 2010 내일이면 애플의 WWDC 2010 이 개최됩니다. WWDC는 WorldWide Developers Conference 애플의 세계 개발자 컨퍼런스인데요. 이전의 WWDC에서 아이폰이 발표가 되어서 주목이 되고 있지요. 이번에 열리는 WWDC에도 아이폰에 대한 루머가 거의 지배적인데요. 많은 사람들이 여러가지로 예상을 하고 있으신데 간단히 요약해보자면 차세대 아이폰 OS인 iPhone OS4의 발표와, 차세대 아이폰인 iPhone 4G, (iPhone HD 라고 예상하고 계시는 분들도 많더라고요.) 그리고 맥북의 업그레이드, 모바일미의 무료화 등등등 아무튼 그런 것들이 도마에 올라있습니다. 항상 보안을 철저히하고 그것을 가장 중요하게 생각하는 애플인데, 이번에는 기즈모도를 통한 차세대 아이폰의 프로토타입의.. 더보기 맥 OSX 의 발로 만든 플래시 플러그인, 아이맥 플래시 플러그인 요즘 어도비와 애플은 사이가 좋지 않습니다. 스티브 잡스가 자사의 모바일 디바이스인 아이폰과 아이패드에 플래시를 지원하지 않을 것이라고 못박아 놓았고 어도비도 애플을 상대로 광고를 통해 대항하였습니다. 뭐 광고에서 우리는 모두를 사랑한다고 했는데 (특히, 애플도 사랑한다고) 그것이 정말 사랑이란 얘기는 아니겠지요. 아무튼 현재 애플과 어도비의 관계는 그다지 좋지 않습니다. 스티브 잡스는 어도비의 플래시가 모바일에서는 잘 돌아가지 않고 CPU와 배터리를 너무 많이 소모한다고 이야기 하였습니다. 이번에 iMac을 구매하면서 맥OSX로 갈아타게된 저로서는, 그리고 아이폰을 사용하고 있는 저로서는 또 웹에 관련된 일을 하는 저로서는 이 이야기를 그냥 넘어갈 수 는 없었습니다. 일전에 소문으로 어도비가 플래시의 .. 더보기 [Mobile] 모바일웹, 아이폰에서 인풋박스 내 마음대로 바꾸기 webkit 기반의 iPhone은 인풋박스를 자기 마음대로 표현하는 경향이 있습니다. 스타일시트로 보더와 색상을 조정해도 마음대로 되지 않는데요, 오늘은 아이폰에서 보여지는 인풋박스를 마음대로 요리하는 방법에 대해 이야기 하겠습니다. 일단 기본적으로 style을 width:200px; height:30px; border:1px solid #00f; 정도만 주었습니다. 일반 PC에서는 스타일을 준대로 잘 나올텐데요. 아이폰의 사파리로 같은 페이지를 보았을 경우에는 이렇게 보이게 됩니다. 흠,,,,, 일단 모서리가 동그랗게 되어있고, 상단에 그림자가 있는데요. 이래가지곤 원하는 디자인을 만들 수 없겠죠? 주면의 디자인과 어울리지 않을 수도 있고요. 그렇다면 이것을 반듯하게 만들어 보겠습니다. 스타일시트에 다.. 더보기 이전 1 2 다음
