2010-01-30 4 views
0

제목으로 나는 디자이너에게 < -> webdeveloper 통신을 자바 스크립트 효과 및 동적 콘텐츠로드와 관련하여 덜 모호하게 만드는 좋은 패턴/스키마 컬렉션을 찾고 있음을 의미합니다.디자이너 - webdeveloper 통신에 대한 패턴/패턴

Google은 ryan singer의 약식 마크 업을 제공했지만 막/유동이 제한되어있는 것으로 보입니다.

일반적으로 사용되는 패턴을 권장 할 수 있습니까?

답변

0

사이트 구현의 목표는 페이지 스크립팅을 최소화하는 것입니다. 사람들은 "눈에 거슬리는 자바"라고 부릅니다. 그렇게하기 위해, 페이지 요소는 스크립트 코드가 어쨌든 찾아 볼 수있는 마크 업을 필요로합니다. 즉, 페이지가로드 된 후에 페이드 인하는 "div"를 원하면 "class"값에 "fadeIn fadeSpeed ​​: slow"와 같은 것을 추가 할 수 있습니다. 스크립트 코드는 그러한 것들을 찾고 애니메이션을 수행합니다 (또는 무엇이든).

이러한 프레임 워크를 설정하면 설계자가 의도를 전달할 수있는 방법이 자연스럽게 생깁니다. 페이지 동적 요소의 "어휘"를 찾아야하지만 어쨌든 그렇게 할 수는 있습니다. 이것이 끝나면 마크 업이 실제로 동적 효과를 발생시키는 데 필요한 것은 설계 의도를 나타 내기위한 디자이너의 수단이 될 것입니다.

다른 유용한 도구로는 사용자 지정 태그 개발이 있습니다. 차이점은 서버 플랫폼에 따라 다릅니다. 이러한 태그는 특정 지저분한 마크 업 작업을 "감싸고"전반적인 디자인 테마를 구현하는 합의 된 사이트 요소를 다시 캡처 할 수 있습니다.

+0

답변을 주셔서 감사합니다. 제 질문은 눈에 거슬리는 j와는 아무런 관련이 없습니다. (서재응 이유 때문에 요구 사항입니다.) 페이지 역학 어휘는 정확히 원하지 않기 때문에 찾고자합니다. 바퀴를 재발 명하십시오 :) – roman

+0

글쎄, 당신이 할 수있는 모든 종류의 것들이 있습니다 (CSS 및/또는 자바 스크립트 포함). 자신의 사이트에서 수행 할 작업은 개발자와 디자이너가해야 할 일입니다. 이상적으로는 일종의 "메타 디자인"프로세스이며 실제 디자인이 성숙되면서 성숙해질 것입니다. 요점은 색상 선택, 레이아웃, 테두리, 글꼴, 양식 요소, 텍스트 블록, 오류 메시지 등과 연관 짓고 싶은 의미를 정면으로 결정하는 것이 좋습니다. 동적 동작은 그 중 일부입니다. 나는 그것이 "자란 가정"이어야한다고 생각합니다. – Pointy