• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Rozdzieloczość na jaką projektować strony internetowe!!!

+1 głos
4,586 wizyt
pytanie zadane 15 kwietnia 2015 w C i C++ przez loczekstyle Bywalec (2,320 p.)
Witam!

Tak jak w temacie, jaka jest dzisiaj bezpieczna rozdzielczość czy coś takiego do projektowanie stron www. Wiem, że jest grid 960px ale to chyba już mało. A co odnośnie responsywności?. Jak zacząć tworzyć strony responsywne? Może jakiś tutorial.

Dzięki za odpowiedzi.

6 odpowiedzi

0 głosów
odpowiedź 15 kwietnia 2015 przez krecik1334 Maniak (58,390 p.)

Moim zdaniem 100%, przynajmniej mi się tak wydaje że to dobry wybór na początek.

komentarz 15 kwietnia 2015 przez loczekstyle Bywalec (2,320 p.)
Spracyzuj swoją odpowiedź. 100% ekranu, ale w np. photoshopie musisz projektować pod ileś pikesli. Obrazki też w px. ??????
komentarz 15 kwietnia 2015 przez krecik1334 Maniak (58,390 p.)
Jeśli chodzi o wartości w pikselach no to 1050px na komputer byłoby wystarczające.
0 głosów
odpowiedź 15 kwietnia 2015 przez Geek Pasjonat (19,660 p.)
Zainteresuj się Bootstrapem, to jest coś czego szukasz :)
0 głosów
odpowiedź 15 kwietnia 2015 przez testerius Pasjonat (23,960 p.)
Grid 960px to wcale nie jest mało, jako szerokość dla kontenera jest to optymalna wartość dla poszczególnych rozdziałek. Oczywiście kontener powinien mieć różne wartości dla konkretnych punktów granicznych.
0 głosów
odpowiedź 15 kwietnia 2015 przez Robert Saternus Stary wyjadacz (12,180 p.)
Na początku zachęcam do przeanalizowania tej strony: http://ranking.pl/pl/rankings/screen-resolutions.html

Jak można łatwo policzyć większość użytkowników desktopów ma rozdzielczość powyżej 1280 szerokości. Więc jeśli chcesz stworzyć stronę solid na destopy to bym projektować coś około 1100 - 1200 px max.

Co do responsywności jest coś takiego jak media queries w CSS czyli upraszczając robisz osobną wersję kodu CSS dla rozdzielczości desktopowej, tabletowej, telefonowej itd. I w zależności od rozdzielczości ekranu ładuje się dany kod CSS. Ponadto koniecznie trzeba używać jednostek relatywnych: % i em-ów, zamiast px.

Dobry kurs o responsywności: https://eduweb.pl/kursy/html/elastyczne-strony-www.html (niestety płatny).

Ponadto są oczywiście frameworki, ale najpierw zachęcam Cię do zrobienia przynajmniej jednej strony od podstaw, w pełni responsywnej :).
0 głosów
odpowiedź 15 kwietnia 2015 przez Ehlert Ekspert (215,210 p.)

Rozdzielczość strony możesz dostosowywać poprzez JS i jQuery. Na przyszłość patrz gdzie zadajesz pytanie. wink

–1 głos
odpowiedź 15 kwietnia 2015 przez Valtuil Pasjonat (22,460 p.)
Poniżej masz krótki kurs na czym polega tworzenie stron responsywnych:

https://www.footstep.pl/blog/strona-responsywna-tutorial

Warto sobie popatrzeń na rozwiązania graficzne innych webdesignerów, np na stronie: http://codepen.io/

Podobne pytania

0 głosów
0 odpowiedzi 286 wizyt
pytanie zadane 7 stycznia 2017 w Nasze projekty przez Mac Orcz Nowicjusz (120 p.)
0 głosów
3 odpowiedzi 985 wizyt
pytanie zadane 29 listopada 2016 w Offtop przez piotreksi Początkujący (410 p.)
+10 głosów
1 odpowiedź 368 wizyt

93,774 zapytań

142,731 odpowiedzi

323,383 komentarzy

63,378 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj

Twierdza Linux. Bezpieczeństwo dla dociekliwych

Aby uzyskać rabat -10%, użyjcie kodu pasja-linux, wpisując go w specjalne pole w koszyku.

...