자바스크립트에 대한 검색결과 37건

• iPhone에서 HTML(CSS, JS) 소스 보기.

  

  가끔은 아이폰에서 블로깅도 하고 싶고 웹 페이지 소스 코드를 보고 싶을 때가 있습니다. 제가 오늘 그 둘을 모두 해보려고 해요. 몇 글자 쓰지도 않았는데 벌써 손가락에 쥐가 나네요. 아래 코드를 아이폰 사파리에 북마크 해보세요. javascript:location='http://shauninman.com/vs/?url='+escape(location) 북마클릿은 ..

  Blog URL

  NARADESIGN:BLOG

  Date

  2012-02-22 12:37 am

  태그

  생활의 발견 웹 표준 자바스크립트 HTML view-source

• 42 CSS3 Selectors(+Meaning) & Browser ..

  CSS level 1~3까지의 모든 선택자와 그에 대한 해설 그리고 대중적인 브라우저들의 지원 여부를 정리하였습니다. CSS 선택자 문법을 익히면 jQuery를 익히는 것에도 무척 도움이 됩니다. jQuery가 HTML 요소를 선택하는 문법이 CSS가 HTML을 선택하는 문법과 거의 동일하니까요. jQuery를 사용하려면 스크립트가 DOM ..

  Blog URL

  NARADESIGN:BLOG

  Date

  2010-06-17 03:39 am

  태그

  웹 디자인 웹 표준 자바스크립트

• JavaScript의 요지경 속으로

  때때로, JavaScript의 type coercion은 유용할 때가 있다. var myVar = "1.234"; // string +myVar; // 1.234 typeof +myVar; // number (+myVar).toFixed(2); // "1.23" string 하지만, String을 다룰 때는 주의가 필요하지. String("1.234") instanceof String; // false 진짜? (new String("1.234")) instanceof String; // true 어디보자... String("1.234") == (new String("1.234")); //..

  Blog URL

  미남이의 이러쿵저러쿵

  Date

  2010-04-26 02:54 pm

  태그

  자바스크립트

• jQuery를 이용하여 FAQ 목록 만들기.

  FAQ(Frequently Asked Question) 목록은 어떤 요소로 마크업 할 것인지가 가장 고민이 됩니다. 예를 들면 다음과 같은 다양한 마크업 방법이 있는데요. ul > li > (p+p) ul > li > (hx+p) ul > li > dl > (dt+dd) dl > (dt+dd) + (dt+dd) + (dt+dd) … dl(dt+dd) + dl(dt+dd) + dl(dt+dd) … 오늘 제가 선택한 방법은 첫 번째 방법 ..

  Blog URL

  NARADESIGN:BLOG

  Date

  2010-03-26 01:15 am

  태그

  웹 기획 웹 디자인 웹 접근성 웹 표준 자바스크립트 FAQ jQuery

• jQuery+CSS Tree Navigation.

  jQuery를 이용한 Tree Navigation 예제는 어렵지 않게 찾을 수 있었는데요. 키보드만으로도 조작이 가능한 접근성 있는 예제는 찾기가 쉽지 않더라구요. 공개된 소스코드를 수정해서 사용할까 하다가 공부도 할 겸 해서 직접 만들어 봤습니다. 중첩 목록(ul>li>ul>li) 구조로 마크업 했고 현재 페이지 활성..

  Blog URL

  NARADESIGN:BLOG

  Date

  2010-03-15 09:30 pm

  태그

  웹 기획 웹 디자인 웹 접근성 웹 표준 자바스크립트 jQuery Tree Navigation Tree View

• CSS Tab Navigation + List Item Navigat..

  HTML/CSS와 jQuery를 이용하여 비교적 단순하지만 상당히 빈번하게 사용되는 Tab Navigation을 마크업 했습니다. 선으로 처리된 탭, 면으로 처리된 탭, 최근 게시물을 보여주는 목록 아이템 형태의 탭 디자인 입니다. Lined Tab Navigation Lined Tab Navigation : 예제를 새 창으로 보기 Faced Tab Navigation Faced Tab Navigation : 예..

  Blog URL

  NARADESIGN:BLOG

  Date

  2010-03-11 09:54 pm

  태그

  웹 디자인 웹 접근성 웹 표준 자바스크립트 HTML jQuery Tab Design 웹접근성 웹표준 유니버설디자인

• CSS Vertical Navigation Bar.

  얼마 전 공유했던 ‘CSS Navigation Bar‘는 ‘수평+서브메뉴 드롭다운’ 네비게이션 이었는데요. 오늘 공유하는 것은 ‘수직+서브메뉴 드롭다운’ 네비게이션 입니다. 수평 메뉴보다 수직 메뉴가 모든 면(HTML/CSS/JS)에서 코드가 더 간결하고 만들기도 쉽네요. 예제를 새 창에서 보기 특징 중첩 목록(ul>li&g..

  Blog URL

  NARADESIGN:BLOG

  Date

  2010-03-10 10:15 pm

  태그

  웹 디자인 웹 접근성 웹 표준 자바스크립트 CSS Navigation Bar jQuery

• Modal Windowed Login UI.

  오늘은 XE에 사용하려고 모달 윈도우 처리된 로그인 UIO(User Interface Object)를 하나 만들었습니다. jQuery를 이용해서 스크립트도 직접 작성해 봤는데 잘 한건지 한 번 봐주시면 좋겠네요. 미리 알려드립니다만 저는 주로 인터렉션을 프로토타이핑 해서 보여줄 목적으로 자바스크립트를 작성하기 때문에 제 ..

  Blog URL

  NARADESIGN:BLOG

  Date

  2010-03-04 11:47 pm

  태그

  XE 웹 기획 웹 디자인 웹 접근성 웹 표준 자바스크립트 HTML jQuery 웹접근성 웹표준 유니버설디자인

• CSS Drop Down : Emulate Select/Option.

  서식 제어 요소(Form Control Element)를 디자인 하는 것은 상황에 따라 접근성을 떨어뜨리는 경우가 있기 때문에 제한되어야 하고 신중하게 사용해야 합니다. 이미 이전에 포스팅을 했지만 다시 한번 환기하는 차원에서 제한되어야 하는 서식 요소들은 어떤 것들이 있는지 살펴보겠습니다. 스타일 변경이 ..

  Blog URL

  NARADESIGN:BLOG

  Date

  2010-02-18 02:37 am

  태그

  웹 기획 웹 디자인 웹 접근성 웹 표준 자바스크립트

• CSS Navigation Bar.

  최근 저희 팀에서는 ProjectXE 라는 것을 준비하고 있습니다. 이슈트래커 또는 버그 트래킹 시스템이라고 불리우는 종류의 프로그램이죠. 현재issuetrackerXE 라는 이름으로 배포되고 있는 모듈의 기능과 디자인을 조금 더 개선시킨 패키지 버전이라고 볼 수 있습니다. 제가 직접 기획도 했으니까 나중에 배..

  Blog URL

  NARADESIGN:BLOG

  Date

  2010-02-11 12:38 am

  태그

  XE 웹 기획 웹 디자인 웹 접근성 웹 표준 자바스크립트

이전 목록 1 2 3 4 다음 목록