본문 바로가기

Internet World

인풋박스(input) 기본입력 설정 ime-mode 인터넷에서 서식을 작성하다 보면 인풋박스( )에 글을 쓸때, 한글을 쓰려고 하면 영문이 나오고, 영문을 쓰려고 하면 한글이 나오고 해서 좀 답답할 때가 있을것이라 생각합니다. (저만 그런건가?) 아무튼, 그럴때 사용자를 조금만 더 생각한다면 답답하지 않고 사용하게 편할 수 있을 것 같습니다. 사용자를 배려하는 웹사이트 ㄱㄱ 출발!! 아주 간단합니다. 인풋박스를 가리키는 스타일에 "ime-mode"라는 속성을 주면 되는데요. 아래의 표를 참고하면 되겠네요. inactive default 로 영문모드 active default 로 한글모드 auto 한/영 중 선택된 모드 disable 영문만을 사용할 수 있는 모드 구체적인 사용방법은 이렇습니다. 이런식으로 주면 되는데요. 뭐 어차피 스타일이기 때문에 이왕이.. 더보기
[HTML5] HTML5 Canvas and Audio Experiment 애플의 CEO 스티브잡스가 강조하던 HTML5 를 이용하여 제작된 페이지 이다. http://9elements.com/io/projects/html5/canvas/ 인터넷 익스플로러를 제외한 파이어폭스, 사파리, 오페라, 크롬 등의 최신버전에서 모두 지원한다. 이런 것 들을 보면 정말 플래시의 설자리는 좁아지는 것 같다. 더보기
[Internet] 유튜브 (YouTube) 동영상 버퍼링 문제 해결 유튜브는 요즘 가장 영향력있는 동영상 사이트(?)라고 할 수 있다. 유튜브에서는 의외로 정말 많은 자료를 찾을 수 있는데 듣고 싶은 음악이라던지 신제품 리뷰 튜토리얼 등 생각외로 정말 많은 자료들을 찾을 수 있다. 하지만 문제점이 있는데, 영상을 재생할 때 버퍼링이 너무 오래 걸려서 답답해서 사용하기가 너무 힘든 것이다. 하지만 가뭄에 단비 같은 정보가 있으니 유튜브의 동영상 버퍼링 문제를 해결해주는 방법이 있었다. 그것은 바로 DNS를 Open DNS server IP로 바꾸면 된다는데 자세한 내용은 잘 모르겠고 구글 DNS로 바꾸면 된다는 것이다. 바꿀 DNS 8.8.8.8 8.8.4.4 번호도 참 훌륭하고 쉽다. 이렇게 바꾸면 국내사이트도 별 문제 없고 유튜브 동영상도 끊김 없이 감상할 수 있게 된.. 더보기
[jQuery] jQuery를 이용한 자주묻는질문(FAQ) jQuery를 이용하여 자주묻는질문(FAQ)를 동적으로 구성하여 보았습니다. 마크업을 할 때는 항상 어떤 앨리먼트로 마크업을 할까 하는 고민을 하게 되는데, 딱히 완벽한 정답은 없는 것 같습니다. 이번에는 definition list 를 사용해보았습니다. 의미를 따져보면 이런 의미인데 괜찮지 않을까요? 그렇게 해서 에 질문을, 에 답변을 해서 마크업을 했습니다. 그리고 jQuery의 sildeDown() 을 이용하여 보여지는 것을 나타냈습니다. 더보기
[Windows] Windows 7 XP 모드 파일 다운로드 windows 7 의 매력적인 기능! XP mode의 다운로드 링크, 971033의 악명을 다들 들어봤을 것이다. Microsoft 사이트에 접속해서 받으려고 하면 971033을 설치 해야만 하는 엄청난 일이 일어난다. 그럴 때를 대비하여 이 링크를 통하면 쉽게 다운로드 할 수 있다. 속도도 왠만큰 잘 나오는 편이다. Virture PC update x86 http://download.microsoft.com/download/0/5/5/0554AE99-785F-45CB-B1F2-0E3ED1E6117D/Windows6.1-KB958559-x86.msu x64 http://download.microsoft.com/download/0/5/5/0554AE99-785F-45CB-B1F2-0E3ED1E6117D/W.. 더보기
[CSS] 텍스트 줄바꿈 처리 word-break, white-space 작업을 하다보면 텍스트가 정해진 width를 넘어가는 경우 어떻게 처리해야 하나 고민이 될 때가 있습니다. 그럴 때는 상황에 따라서 이 것들을 사용해서 해결해주면 좋을 듯 합니다. word-break word-break 는 말 그대로 단어를 자르는 겁니다. 기복적으로 줄이 넘어갈 때는 단어단위로 잘려서 넘어가게 되어 있습니다. 그래서 띄어 쓰기를 하지 않고 글을 쓴다면 한 단어로 인식하여서 width 를 넘어가도 줄바꿈이 되지 않습니다. 그럴 때 word-break 를 사용해주면 줄바꿈이 가능하게 됩니다. .selector {word-break:break-all;} 위와 같은 속성을 주게되면 위의 그림의 아래 부분과 같이 단어 중간에서도 줄바꿈이 가능하게 됩니다. 위의 그림이 잘 이해가 가지 않는다면 이.. 더보기
[웹표준] HTML 문서 안에 플래시 넣기 플래시를 넣을 때에 예전에는 테두리가 생기는 것 때문에 스크립트를 사용하여 넣었었다. 하지만 이제는 object 를 사용하여서 넣으면 테두리가 생기지 않고 나온다. 이렇게 넣으면 자바스크립트를 사용하지 않고서도 플래시를 문서에 넣을 수 있다. 더보기
다음 메일의 10G 용량! 다음 CEO님의 메일 이후에 다음 메일이 어떻게 변할지 궁금했는데,,, 아주 엄청난(?) 변화가 있었다. 예전에 한메일 익스프레스로 변했을 때도 매우 좋아졌다고 생각을했다. 하지만 작은 용량으로 (뭐 솔직히 용량이 많아도 다 사용하지도 않지만 안정감이라는게 있지 않는가?) 좀 안타까운 마음을 가지고 있었다. 그래도 나는 이벤트들을 통해서 나름 3G의 용량을 사용하고 있어서 나름 괜찮게 사용하고 있었다. 하지만 이번에 10G의 용량을 준것이다. 허허 대단하다. 구글의 7G를 넘어선 용량이다. 예전에 온라인 우표제로 좀 부정적인 감정을 가지고 있지마 갑자기 한메일이 매우 괜찮고 쓸만하다는 생각이 든다. 메일도 괜찮고 어플도 마음에 들고 티스토리도 훌륭한 것 같고,,,,, 음,,,,,, 더보기
[Internet] 다음 검색결과 페이지 다음의 검색결과 페이지가 새로워졌다. 지리정보를 강조하여 변경된 것 같은데, '강동구청'을 검색어로 입력해보니 강동구청의 로드뷰가 바로 뜨는 것이다. 다른 것은 모르겠지만 로드뷰가 처음 뜨면서 화면이 돌아가는 것 때문에 검색결과가 나올때 포스는 대단하다. ㅋㅋ 아무튼 찾고자 하는 곳의 건물 모양까지 한번에 쉽게 확인 할 수 있어서 더 좋은 것 같다. '강남맛집'을 입력해보면 큼지막한 지도에 맛집들이 줄줄이 나온다. 역시 지리정보를 강조한 모습이다. 또한 주요지역과 카테고리를 선택하여 더 상세하게 검색할 수 있게 되어있다. 아이폰 출시와 더불어 모바일에서부터 열심히 변화하고 있는 다음, CI의 변경과 함께 무언가를 해보고자 노력하는 것이 보인다. 얼마전에는 메일에서는 2위로 밀리는 굴욕을 당했는데, 이번에.. 더보기
[jQuery] jQuery를 이용한 이미지의 마우스 오버 작업을 하다보면 이미지에 마우스오버 효과를 줘야 할 때가 많은데, 일일히 onmouseover 와 onmouseout 을 써서 따로 지정해주는 것도 참 일이다. 일단 코드가 길어져서 가독성에 떨어지게 되고 파일의 갯수가 많다면,,, 음,,, 용량도 커지지 않을까? 그리고 따로 파일마다 id 를 준다거나 각각 함수를 만들어서 사용하는 것도 정말 번거로운 일이다. 이 모든 것을 jQuery가 해결해주는 듯 싶다. 사용법을 이야기 해볼까? 우선 jQuery 를 로드해야 한다. 그 다음에는 아래의 코드를 모든 페이지에서 동작하게 한다. 이미지의 네이밍을 잘 해야 하는데,, 파일명 맨 뒤에 _(언더바)를 붙이고 오버되었을때 "on" 아웃되었을 때 "off" 라고 해서 이름을 설정해야 한다. 예를 들자면, imag.. 더보기

반응형