• 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!!!

Object Storage Arubacloud
+1 głos
4,269 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 (212,670 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 173 wizyt
pytanie zadane 7 stycznia 2017 w Nasze projekty przez Mac Orcz Nowicjusz (120 p.)
0 głosów
3 odpowiedzi 448 wizyt
pytanie zadane 29 listopada 2016 w Offtop przez piotreksi Początkujący (410 p.)
+10 głosów
1 odpowiedź 232 wizyt

92,578 zapytań

141,426 odpowiedzi

319,653 komentarzy

61,961 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.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...