저는 현재 wordpress로 포트폴리오 웹 사이트를 디자인하고 있습니다. 아이디어는 하나의 페이지에 모두 포함될 것이며 js를 사용하여 위아래로 스크롤 할 수 있습니다.반응 형 디자인에 관한 조언
고정 폭으로 모든 것을 코딩 한 후, 나는 반응이 빠른 디자인을 생각했다. 나는 독서를 시작했고 나는 생각을 가지고 있다고 생각한다. 다른 작업을하기 전에 포토샵으로 돌아가서 모바일 디자인을 다시 편집합니다. 모바일 용 (거의 모바일 우선, 적어도 포토샵에서는 이미 갖고있는 것을 무시하고있는 것)을 빠르게 볼 수 있습니다.
현재의 디자인은 슬라이드 쇼에서 작업 예제를 보여줍니다. 이 플러그인을 사용하고 있습니다. http://css-tricks.com/3412-anythingslider-jquery-plugin/. 내 첫 번째 본능은 모바일 용으로이 슬라이드 쇼를 제거하고 각 작업마다 하나의 이미지 만 사용하는 것입니다. 그거 좋은 생각이야?
또한 모든 해상도에서 동일한 이미지를 사용하고 CSS로 스케일을 조정하는 반응 형 디자인 자습서를 보았습니다. 모바일 용으로 다른 크기의 이미지를 사용해야합니까? 예를 들어
@media screen and (max-device-width: 480px) {
.img {
background:url(site-small.jpg)
}
}
@media screen and (max-device-width: 600px) {
.img {
background:url(site-large.jpg)
}
}
내 포트폴리오 사이트가 모두 한 페이지에, 나는 탐색 http://two24studios.com/에이 효과를 얻기 위해 JQuery와 ScrollTo() 기능을 사용 말했듯이. 모바일 버전의 경우 제거해야합니까?
는 단순히 화면이 작아 질 때 내가 그들을 제거하면 더 나은 것, 인상적인 모양과의 상호 작용에 아주 조금 더 추가 약간의 장식적인 이미지를 가지고있다. 그리고이 글에서는 작은 화면에서 어떤 내용을 지우려면 무엇을해야합니까? display : none을 사용하거나 아무 이유없이 내용이로드되지 않도록하는 방법이 있습니까? 내가 설계를위한 하나 개의 포함 된 글꼴을 사용하고
, 그것은 확인 모바일 버전에 대한 것을 유지하는 것입니다 또는에 어떤 제한이 수행 등 모바일 브라우저 글꼴 얼굴 삽입 @ 지원합니다.
그리고 마지막으로, 저는 wordpress에서 새 페이지를 만들고, html5, CSS3 등의 데모 목록을 가지고 "놀이터"라고 부르겠습니다. 모바일 버전에 포함시켜야합니까? 모바일 사용자가 실제로이를 활용할 수는 없다고 생각합니까?
난 당신이 내가