Deute's RSS List
웹 기획에 대한 검색결과 22건
-
Mobile first strategy for CSS designer.
마지막으로 블로그에 글을 포스팅 했던 날짜가 작년 여름이네요. 오늘 주제는 CSS 디자이너를 위한 모바일 퍼스트 전략 인데요. 작년에 썼던 'HTML5 & Responsive Web Design' 포스팅과 관련이 있습니다. 모바일 퍼스트 전략이라는 것은 IT 기업들 입에 자주 오르내리는 단어 인데요. 이 개념은 CSS 개발에도 적..
- Blog URL
- NARADESIGN:BLOG
- Date
- 2012-01-18 12:13 am
- 태그
- 웹 기획 웹 디자인 웹 표준 CSS3 Media Query Mobile First
-
HTML5 & Responsive Web Design(반응형 웹 디자..
최근 블로그를 HTML5와 반응형 웹 디자인으로 리팩토링 했습니다. 제목은 거창한데 사실 별것 없습니다. 바꾸는데 하루도 걸리지 않았고 무엇을 바꾸었는지 소스 코드를 한 줄씩 설명해 보겠습니다. HTML5 HTML5로 변경하는데는 약 2~3시간 정도 밖에 걸리지 않았습니다. 하지만 고민했던 시간은 꽤 길었습..
- Blog URL
- NARADESIGN:BLOG
- Date
- 2011-05-27 02:36 am
- 태그
- 웹 기획 웹 디자인 웹 표준 CSS3 html5 Media Query Responsive Web Design
-
제4회 웹 표준의 날 + 9 Useful CSS3 Properties.
지난주 토요일 제4회 웹 표준의 날 행사가 있었습니다. 저는 이 행사를 2006년 첫 회 때부터 빠짐없이 참석했고 후기도 꼬박꼬박 작성해 왔었답니다. 제1회(2006년 9월) -제1회 Css Design Korea 참가 후기. 제2회(2006년 12월) -2nd Web Standards Day, 웹 표준 개발자들의 잔치. 제3회(2009년 2월) -웹 표준을 넘어서… ..
-
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) … 오늘 제가 선택한 방법은 첫 번째 방법 ..
-
CSS Bar Graph. Horizontal. Vertical. S..
목록(ul) 요소를 이용하여 CSS로 모양을 낸 수직 막대 그래프 입니다. 이 예제를 새 창으로 보기 목록(ul) 요소를 이용하여 CSS로 모양을 낸 수평 막대 그래프 입니다. 이 예제를 새 창으로 보기 다양한(p, ul, ol, dl) 요소에 콘텐츠로 포함되어 CSS로 모양을 낸 인라인 수평 막대 그래프 입니다. 이 예제를 새 창..
- Blog URL
- NARADESIGN:BLOG
- Date
- 2010-03-17 09:23 pm
- 태그
- 웹 기획 웹 디자인 웹 접근성 웹 표준 Bar Graph Horizontal HTML Vertical
-
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
-
메뉴 건너 뛰기 링크(Skip Navigation).
헤딩은 콘텐츠 블럭을 우회하는 가장 효과적인 방법 반복되는 콘텐츠 블럭을 우회하는 방법 메뉴 건너 뛰기 링크에 관한 쟁점 키보드 사용자에게만 유용한 메뉴 건너 뛰기 링크 글로벌 네비게이션을 본문 콘텐츠보다 늦게 마크업 하는 경우 지나치게 많은 ‘** 건너 뛰기’ 제공은 오히려 공해 메뉴 건..
-
Modal Windowed Login UI.
오늘은 XE에 사용하려고 모달 윈도우 처리된 로그인 UIO(User Interface Object)를 하나 만들었습니다. jQuery를 이용해서 스크립트도 직접 작성해 봤는데 잘 한건지 한 번 봐주시면 좋겠네요. 미리 알려드립니다만 저는 주로 인터렉션을 프로토타이핑 해서 보여줄 목적으로 자바스크립트를 작성하기 때문에 제 ..
-
CSS Drop Down : Emulate Select/Option.
서식 제어 요소(Form Control Element)를 디자인 하는 것은 상황에 따라 접근성을 떨어뜨리는 경우가 있기 때문에 제한되어야 하고 신중하게 사용해야 합니다. 이미 이전에 포스팅을 했지만 다시 한번 환기하는 차원에서 제한되어야 하는 서식 요소들은 어떤 것들이 있는지 살펴보겠습니다. 스타일 변경이 ..
-
CSS Navigation Bar.
최근 저희 팀에서는 ProjectXE 라는 것을 준비하고 있습니다. 이슈트래커 또는 버그 트래킹 시스템이라고 불리우는 종류의 프로그램이죠. 현재issuetrackerXE 라는 이름으로 배포되고 있는 모듈의 기능과 디자인을 조금 더 개선시킨 패키지 버전이라고 볼 수 있습니다. 제가 직접 기획도 했으니까 나중에 배..
![[Valid RSS]](http://mydeute.com/images/valid_rss.gif "Validate my RSS feed")
