HTML5과 CCS3으로 반응 형 웹 디자인에 대한 책을 읽은 후 예제 템플릿을 검색하기 시작했습니다.시맨틱 HTML5 CSS3 반응 형 디자인
그러나 내가 만난 모든 것은 익숙하지 않은 CSS 격자를 사용하는 것 같습니다. 모든 그리드 시스템을 사용하는 것처럼 보이는 많은 프레임 워크가 있습니다. 소스 코드를 보면 읽은 모든 것을 거스르는 것처럼 보입니다. 그들은 여전히 divs을 사용 중이며 and와 같은 HTML5 태그를 사용하지 않으므로 의미가 없습니다. 의미가되도록 CSS 표가없는 반응 형 웹 사이트를 만들고 싶습니다. 누구나 내가 이걸 어디서부터 시작할 수 있겠 니? 그리드 시스템을 사용하지 않는 응답 성있는 웹 페이지의 예를보고 싶습니다.
프레임 워크를 사용하는 것보다는 처음부터 빌드하려고합니다.
의미가없는 마크 업 내에 HTML5 의미 론적 마크 업을 계속 배치 할 수 있습니다. 예를 들어, article 요소는 의미가없는 div 요소로 묶을 수 있습니다.
이렇게 말한 후에는 프레임 워크를 시작할 필요가 없습니다.하지만 조언을하기 위해 크기를 변경해야하는 요소의 수를 제한하는 것이 좋습니다. 예를 들어, 10 개의 요소에 너비를 설정하면 고통 스러울 것입니다. 한 요소에 너비를 설정하고 모든 하위 요소를 백분율로 표시하면 유지 관리가 훨씬 쉬워집니다.
프레임 워크가 의미 론적 HTML 5 태그에 대해 읽은 모든 것을 공격하지 않는다고 생각합니다. 프레임 워크에는 컨텐츠가없고 컨텐츠는 <section>, <article>, <header> 등을 사용하는 드라이브입니다. 일반 <div> 태그 이상. 개발자는 HTML 5 태그를 사용하여 코드에 의미 론적 의미를 부여합니다.
저는 반응 형 디자인 작업이 다이빙하고 코딩하는 것이 얼마나 좋은지에 대한 좋은 느낌을 얻는 유일한 방법을 발견했습니다. 간단한 레이아웃을 만들고 다양한 미디어 쿼리를 적용하고 비율 대 고정 폭을 사용하는 데 익숙해집니다. 나는 당신이 몇 페이지를 끝내고 나면 당신이 그것에 익숙해지기 시작할 것이고, 사이트 레이아웃을 계획하는 것이 훨씬 쉬워 질 것이라고 확신한다.
모든 사이트가 서로 다르므로 사용자가 시작 지점으로 사용하기 위해 사람들에게 제공 할 것으로 기대되는 예제가 어떤 것인지 알 수 없습니다. 처음부터 프레임 워크와 코딩을 사용하고 있지 않다면 다음과 같이 시작하는 미디어 쿼리 집합을 제안하십시오. http://css-tricks.com/snippets/css/media-queries-for-standard-devices/
조언을 주셔서 감사합니다. 그러나 저는 실제로 예제를 찾고 있습니다. 주제에 관해 많이 읽었지만 찾고 있습니다. 나를 시작하는 데 도움이되는 사례. – LeeTee