본문 바로가기
반응형

HTML9

자동완성 기능 autocomplete 사용법 #2171 HTML에 autocomplete라는 것이 있다. autocomplete 기본 자동완성 기능을 지정하는 속성으로 html에 사용된다. 기본적인 적용 방법은 다음과 같으며 각종 속성은 MDN에 잘 정리되어 있으니 참고하면 좋을 것 같다. HTML autocomplete 특성 - HTML: Hypertext Markup Language | MDN autocomplete 특성을 사용하면 사용자 에이전트의 자동완성을 허용할 양식 입력 필드를 지정할 수 있으며, 사용자 에이전트에게 어떤 정보에 대한 자동완성을 원하는지 안내할 수도 있습니다. developer.mozilla.org 기능 해제 MDN에도 정리되어 있는데 기능을 제어하기 위하여 off를 form에 지정하거나 개별적으로 지정하는 방법이 있다... 2021. 11. 26.
RWD의 메뉴를 지원하는 스크립트 - menu-breaker.js RWD의 대응이 가능하며 트리메뉴 구조도 지원하는 menu-breaker.js RWD를 지원하는 만큼, 당연히 데스크탑이나 모바일을 지원합니다.Github페이지는 이쪽 > https://github.com/JB1905/menu-breaker.js샘플 페이지는 이쪽 > https://jb1905.github.io/menu-breaker.js 2018. 4. 24.
초보자의 눈위치를 고려한 착한 입문서. 처음 만나는 자바스크립트를 읽었다 #18.009초보자를 위한 JavaScript 서적.초보자, 입문자에게 개인적으로 추천할만한 책이라는 느낌이 들었다. 용어가 생소해서 잘 잡히지 않던 개념을 이해하는데 많은 도움을 받을 수 있었다. 분명히 어디선가 보고 많이 들었고 내손으로 타이핑을 해보면서 접했던 부분인데도 잘 기억에 남지 않는 명칭이 이 책을 보면서 쉽게 다가왔다. 아직도 이해를 다 하려면 멀었지만..console은 'test'를 log해라. 어째서 지금까지 이 간단하다고 느껴지는 것들인데 머릿속에 들어오질 않고 있었을까..지금 돌이켜 보면 메서드, 매개변수, 프로퍼티 같은 단어가 단순한 것을 어렵게 만드는 주요 원인은 아니었을까 추측해 볼 뿐이다. 아직도 100% 정확하게 이해를 한것은 아니지만 뭔가 끈의 끄트머리를 잡은 느낌이다... 2018. 2. 19.
스매싱 북 스매싱 북 - 스매싱 미디어 지음, 웹액츄얼리코리아 옮김/웹액츄얼리코리아(주) 스매싱북을 읽었다. 관심이 가던 책이었으나 번역본이 나와있는 줄은 몰랐었는데 저번달 한국에 갔을때 잠깐 읽어보고 구매했었다. 출퇴근길과 짬날때마다 읽었고 내용은 마음에 들었다. 웹과 관련된 전반적인 내용을 다루고 있으며 스매싱이 태어나게된 유래도 알게 되어 나름 재미있게 책을 읽어 내려갔다. 웹과 관련된 내용들을 전체적으로 알기 쉽게 그리고 필요한 부분만을 추려서 제공한 책이라는 느낌을 많이 받을수 있었고 어떤 영감을 얻는다기 보다는 작업을 하는데 있어 효율적으로 고려해야 할 사항들에 대한 가이드라고 할 수 있을것 같다. 전체적으로 읽어보니 개인적으로 웹디자이너가 주 타겟이라 생각 되었지만 퍼블리셔나 기획자가 읽어도 도움이 될.. 2011. 5. 10.
Yahoo + MS Yahoo!와 마이크로소프트의 제휴 공식화. 양사가 2009년 합의한 검색사업의 제휴가 구체적으로 진전된다고 합니다. 이런거대 기업들의 기술제휴는 사업적 측면에서 봐도 그렇고 사용하는 유저 입장에서 봐도 그렇고 재미있다면 재미있는 현상이라고 생각됩니다. 그리고, 역시나 구글과의 검색사업 우선순위를 놓고 혈안이 되어있다는 인상을 받기도 하내요. 언제나 그렇듯이 영어에 까막눈인 관계로 일본을 경유해서 공부도 할겸 옮겨 봤습니다. (전문적인 번역가가 아닌만큼 문맥에 문제가 있을 수도 있으나 어디까지나 개인적으로 한 것인만큼...) 제휴기간은 10년간 마이크로소프트는 야후가 보유하고 있는 검색기술을 이용하여 10년간의 독점라이센스를 취득하며, 동시에 마이크로소프트의 웹 검색플랫폼과 통합하는것이 가능. 마이크로소.. 2010. 2. 28.
IE가 싫어요! 특히 IE6이 싫은 개인적인 감정입니다만... 최근 IE로인한 문제점이 부각된 국제적인 사건이 바로 중국의 구글등 중국에 진출해 있는 국제적인 IT기업들에 대한 사이버공격소식이라고 생각됩니다. 중국의 정보차단의 일면을 본것 같습니다. 일설에 의하면 국제적으로 중국에 대한 좋지않은 기사들을 쓰고 있는 자들의 개인정보를 빼내기 위해서 Gmail등에 접근한것으로 보인다고 합니다. 물론 현재 중국에서는 그런일 없다고 말하고 있지만.. 현재 돌고 있는 정보에 의하면 IE전체 버전에 걸쳐 미수정된 부분을 공격하여 해킹을 시도한것으로 보인다고 합니다. 이는 Microsoft사도 인정하고 있는 부분이며 특히 XP에서 IE6를 사용하고 있는 유저는 그 위험성이 제일 높다고 하내요. 이거 한국에서 가장 많이 있는 케이스는.. 2010. 1. 18.
SEO와text-indent 구글에서는 숨겨진 텍스트 및 링크에 대해서 다음과 같이 가이드를 하고 있다. 콘텐츠에서 텍스트 또는 링크를 숨기면 방문자에게 제공되는 정보와 검색 엔진에 제공되는 정보가 달라지므로 신뢰할 수 없는 사이트로 간주될 수 있습니다. 여분의 키워드와 같은 텍스트를 다음과 같이 여러 방법으로 숨길 수 있습니다. 흰색 배경에 흰색 텍스트 사용 이미지 뒤에 텍스트 포함 CSS를 사용하여 텍스트 숨김 글꼴 크기를 0으로 설정 숨겨진 링크란 사이트 방문자의 눈에는 보이지 않고 Google 검색 로봇이 크롤링하도록 다음과 같은 방법으로 만들어진 링크를 말합니다. 링크가 숨겨진 텍스트로 구성됨(예: 텍스트 색상과 배경 색상이 동일) CSS를 사용하여 높이가 1픽셀에 불과한 매우 작은 하이퍼링크 생성 단락 중간에 사용된 하이.. 2009. 7. 11.
사용자 경험을 토대로한 사전기능 방금전에 안 것이지만... 지금까지 모르고 있었던 것을 "야후"와 "네이버" 그리고 "다음"의 사전기능에서 UX에 관해서 또 한가지의 배움을 얻었다. 오늘 배운것은 툴팁의 활용에 관해서이다. 본인의 잡식성블로그에 투고하기 위해 블로그를 하던중 "주마등"의 한자가 떠오르지 않아 검색하면서 알게된 기능이다. 지금까지 전혀 느끼지 못하고 있었던 것인 만큼 새로웠다. 다음을 보도록 하자. 처음에는 야후의 국어사전에서 "주마등"을 검색해봤다. 별다를 것 없이 사전으로서 필요한 기능인 단어의 내용과 한자어의 경우 한자를 같이 보여준다. 사전이 다 이렇지 뭐... 두번째로는 "다음"과 "네이버"의 국어사전을 보겠다. 틀리다. 야후보다 친절한것을 바로 알 수 있다. "다음"보다 "네이버"가 관련단어의 의미를 조금더 보.. 2009. 7. 11.
HTML요소중 SEO관련된 몇가지 일어원문(2009/7/6) 기사에의 링크 Title태그 Title태그는 변함없이 매우 중요한 요인이며, 키워드는 가능하다면 앞에 위치시키는 것이 좋다고 합니다. anchor텍스트 anchor텍스트도 변함없이 중요하며, 외부링크이건 내부링크이건 상관없이 키워드를 포함한 anchor텍스트를 사용하길 권한답니다. 도메인의 분산 피링크의 평가에 있어서 고려되는것은, 링크 그 자체의 수가 아닌 링크의 원래의 도메인수라고 합니다. 링크의 원래도메인이 분산되어 있다면, 링크수가 적더라도 상위에 표시될 영향력이 커진다고 하내요... 소셜메디아 twitter나My Space, facebook등 대표적인 소셜메디아 사이트가 어느정도나 영향을 끼치는지는 아직 확실하게 나타나있지 않다고 합니다. 단지, 최신의 정보를 상위에 .. 2009. 7. 9.
728x90
반응형