진보적 인 향상 트릭 [폐쇄

Question

모든 사람에게 맞는 웹 사이트를 디자인하는 데 진정한 예술이 있으며, 진보적 인 향상은 실제로 나에게 진언입니다 ...

그래서 나는 당신이 웹 사이트를 위해 사용하는 데 사용한 최고의 트릭 중 일부가 무엇인지 궁금합니다. 여러분 브라우저, OS, JavaScript, 플래시, 화면 해상도, 비활성화 된 사용자 액세스 가능성 등에 관계없이?

(나는 JavaScript와 브라우저 트릭에 대해 많이 알고 있지만 Flash에 대한 단서가 없다는 것을 인정할 것입니다.)

편집하다: 저는 JavaScript 나 플래시 없이는 단순히 작동 할 수없는 RIAS 인 사이트의 1%에 대해 이야기하지 않습니다. JS없이 Google 문서를 작성하는 방법을 묻는 것이 아닙니다. 사람들이 사이트를 위해 무엇을하는지 알고 싶습니다. ~할 수 있다 시원하게하는 일을하지만 실제로는 그렇지 않습니다 필요 에게.

나는 내 자신의 몇 가지를 답으로 제공 할 것이다 ...

Answer 1

나는 세상이 지저분한 곳이라는 진언을 제외하고 진언을 피하려고 노력합니다.

많은 데스크탑 기능이 웹 기능으로 대체 될 것이라고 생각하며 브라우저의 실제 앱으로 끝날 까다로운 전환이 될 것입니다. 실제 앱은 JavaScript 또는 Flash 또는 Silverlight, Java 또는 C# 또는 JavaScript로 컴파일 된 대상 J를 의미합니다.

나에게 유일한 요령은 앱을 유용하게 사용할 수없는 사람들과 브라우저를 식별하고 대체 콘텐츠를 제공하는 것입니다.

여기에는 모바일 감지 및 적절한 콘텐츠 제공이 포함됩니다. iPhone에서 조각으로 떨어지는 웹 사이트는 너무나 무겁고 넓은 컴퓨터 모니터에 의존하기 때문에 많은 웹 사이트가 있습니다.

나 하지 마라 웹 사이트 인 웹 사이트에 JavaScript가 필요하다고 생각하지만 앱인 웹에 대해서는 괜찮다고 생각합니다. 나 하지 마라 960px 너비의 페이지 만 제공해도 괜찮다고 생각하십시오. 나 하지 마라 플래시 형식으로 만 비디오를 제공해도 괜찮다고 생각하십시오.

Answer 2

Ajax 기반 사이트에서 작업하는 데 사용하는 멋진 트릭 중 일부는 다음과 같습니다.

1) JavaScript가 비활성화 된 오른쪽 페이지로 이동하는 일반적인 태그를 사용하여 전체 페이지와 모든 링크를 작성한 다음 "rel = external"과 같은 것을 기반으로 "hijax"를 "hijax"로 작성하십시오.

2) JavaScript가 동적 컨텐츠를 삽입하는 대체 컨텐츠와 함께 Noscript 태그를 추가하십시오.

3) JavaScript가 JavaScript를 사용하여 JavaScript로 제어 할 요소를 숨기고 스타일 시트와 나중에 숨기는 대신 JavaScript 전시 사용자가 JavaScript를 끄면 절대 볼 수 없기 때문에 JavaScript가있는 것입니다.

Answer 3

통계를 확인하십시오 (또는 설치 Google 웹 로그 분석 통계가없는 경우) 및 사용자가 어디로 가고 있는지와 실제로 수행하는 작업을 결정하십시오.

예를 들어

1.) 사용자는 무언가를 찾을 수 없기 때문에 지속적으로 검색을 사용합니까? 그렇다면 검색 작업을 더 좋게 만들 수 있습니까?

2.) 404 페이지가 관련 이용 약관을 검색하거나 원하는 것을 "추측"하는 몇 가지 빠른 옵션을 제공합니까?

3.) 귀하의 사이트에는 사이트의 의미있는 부분에 빠르게 액세스 할 수있는 사이트 맵이 있습니까?

4.) 다른 모든 것이 실패하면 사용자는 귀하에게 연락 할 수있는 쉬운 수단/기술 지원이 필요한 것을 찾도록 도와 주나요?

5.) 사이트에서 무언가를 "판매"하는지 확실하지 않지만 주요 벽돌 N Morter 소매 업체에서 결제에 도달 할 때와 유사합니다 ... 오늘날 찾고 있던 모든 것을 찾았는지 묻습니다. 사용자가 제안을 할 수있는 옵션을 제공하는 것을 고려하십시오 ... 아마도 정복되기를 기다리고있는 시장이있을 수 있습니다.

6.) 유용성에 대해, IE (6,7,8), Safari 등의 사이트를 서핑하고 관심있는 곳마다 작동하는지 확인하십시오.

7.) "라는 훌륭한 책이 있습니다.나를 생각하게하지 마십시오"이것은 현실적인 유용성에 대한 훌륭한 자료입니다. 이미 읽지 않았다면 ... 사본을 잡으십시오.

또한, 다른 모든 작은 것들이 돌보아 있는지 확인하십시오 ... 예를 들어 캐싱 (JS, CSS, 이미지)을 잘 활용하십시오.

Answer 4

일반적으로 내가하는 일은 JavaScript없이 전체 웹 사이트를 작성하는 것입니다. 이것이 작동하면 "표시"할 수 있습니다.

즉, 좋은 출발 블록이 있습니다.

PRG 패턴 일반적으로 좋은 접근성에 필수적입니다.

HTML의 시작 부분 근처에 Jumplink 지원 메뉴가 있는지 확인하려고합니다. 확실하지 않은 경우 링크 또는 유사한 텍스트 또는 음성 기반 브라우저 아래에서 웹 사이트를 실행해보십시오. 짜증이 나면 액세스 가능한 사용자도 마찬가지입니다.

의미가있을 때만 이미지에 ALT 태그를 적용해야합니다. 디자인 목적으로 만있을 때 이미지 Alt = ""를주는 것이 합법적입니다. 마찬가지로, Title = ""를 설정하면 Firefox 사용자가 액세스 가능한 사용자를 성가시키지 않고 호버 툴팁을 원하는 것을 만족시킵니다.

이 간단한 팁이 도움이되기를 바랍니다! 접근성은 모든 사람의 책임입니다!

Answer 5

액세스하기 어려운 플러그인 또는 기타 컨텐츠를 사용할 때는 폴백 컨텐츠를 제공하십시오. 예를 들어 페이지에 비디오를 넣습니다. HTML5 길을 가면 :

<video>
    <source src="video.ogv" type="video/ogg" /><!-- OGG for Mozilla/Opera -->
    <source src="video.mp4" type="video/mp4" /><!-- h.264 for Apple/Google -->
    <object><!-- Fall back to Flash/h.264 for older browsers -->
            <!-- And in the event the UA can't handle any of those, all you can do is provide a link to the media -->
            <p><a href="video.ogv">Download the video</a>.</p>
    </object>
</video>

의사 코드이지만 아이디어를 얻습니다

이러한 특정 문제에 대한보다 포괄적 인 솔루션을 보려면 Kroc Camen 's를 확인하십시오. 모두를위한 비디오.

Answer 6

진보적 인 향상은 복잡하지 않습니다.

세 가지 주요 관심사를 고려하십시오.

• 내용 (HTML)
• 프레젠테이션 (CSS)
• 행동 (JS)

당신은 내용으로 시작하여 각 새로운 관심사가 이전의 문제를 방해하지 않도록하거나 다른 문제를 모방하려고하는 문제를 해결합니다. JavaScript는 컨텐츠를 생성해서는 안됩니다. CSS는 행동을 처리하지 않아야합니다. HTML은 프레젠테이션 등을 처리하지 않아야합니다.

Answer 7

좋아, 웹 사이트 유형 애플리케이션에 관해서는, 최고는 항상 다양한 형식을 지원하는 것입니다. 평안한 웨이 ... HTML, XML, JSON, RSS, ATOM (이해가되는 곳) 및 다른 사람이 아닌 이유 ... 서버에 깨끗한 MVC 아키텍처가 필요합니다 ... 음, 글쎄요. MVC, 그러나 렌더링 레이어는 빵으로 멍청하고 그 아래에 잘 쓰여진 비즈니스 논리가 멍청해야합니다 ... 프론트 엔드 컨트롤러는 요청에 응답하여 반환 할 올바른 형식을 선택해야합니다. 비즈니스 로직 데이터를 검색/업데이트, 페이지 매김 등을 한 번 구현 한 다음 HTML 템플릿으로 렌더링하거나 JSON으로 변환하거나 무엇이든 할 수 있습니다.

이제 아이디어는 하나의보기 구현을 위해, 암석, 시맨틱 및 평범한 HTML을 반환하고 하나를 만들면 JavaScript를 많이 사용할 것입니다 ... 다른 경로에서 액세스 할 수있게하고 JavaScript를 만드십시오. 크롤링 불가능한 ... 메인 HTML-Template의 시작 부분에 JavaScript 라인을 넣으면 해당 사이트의 JavaScript 버전으로 리디렉션됩니다 ... Flash 등도 동일한 작업을 수행 할 수 있습니다. .. 그런 다음 앱의 "더러운"버전에서는 실제로 무엇이든 할 수 있습니다. HTTP 당로드 템플릿, JSON의 데이터를 수행하고 클라이언트에 대한 렌더링을 수행하여 지속적인 상태 가득한 Clientside를 생성합니다. JavaScript 앱 ... 왜 그렇지 않습니까?

나는 개인적으로 Nice and Clear HTML로 시작하는 것보다 더 낫다고 생각하며 모든 사용자에게도 효과가 없을 것입니다 ...

인사

back2dos