[mlotek123]

Poleci ktos w jaki sposob uczyc sie RWD? Co jest teraz najczesciej uzywane i na czym warto sie skupic a co odpuscic? Moze ktos poleci jakies tutoriale z praktycznymi projektami? #webdev #programowanie #css #html

[ImReally]

@mlotek123: W RWD nie ma żadnej filozofii. Zaczynasz od rozmiaru mobile i jedziesz w górę przy użyciu media queries CSS oraz display flex i order. Koniec kursu RWD.

[mlotek123]

@ImReally: a bootstrap?

[ImReally]

a bootstrap?

@mlotek123: Bootstrap jest dobry jak chcesz coś na szybko prototypować. RWD jest zawsze dostosowane do konkretnej strony i IMO robienie tego dla konkretnej strony to nie jest jakiś problem czy wyczyn a masz wtedy pełną kontrolę nad efektem końcowym. I zawsze mobile first.

[mlotek123]

@ImReally: a znasz moze jakas strone gdzie bede mial pliki graficzne zarowno do wersji desktopowej jak i mobilnej zeby pocwiczyc sobie kodowanie tego?

[enslavedeagle]

@mlotek123: Google: free psd websites

[ImReally]

a znasz moze jakas strone gdzie bede mial pliki graficzne zarowno do wersji desktopowej jak i mobilnej zeby pocwiczyc sobie kodowanie tego?

@mlotek123: Nie znam, ale uważam, że nie ma czegoś takiego jak wersja desktopowa i mobilna. Strona powinna dostosowywać się płynnie do każdej szerokości okna. Kroki w zmianach powinny wynikać z contentu strony a nie z narzuconej od góry rozdzielczości.

[TheBestThing]

@mlotek123: ta stronka miala kiedys osobne grafiki dla mobile i na wieksze ekrany:

http://www.bestpsdfreebies.com/freebie/awax-multipurpose-landing-page/

[getin]

tu masz sam grid bootstrapa na flexie https://github.com/m-spyratos/bootstrap-4-grid
potem tylko przejdź tutorial z używania i tyle

[l.....4]

zależy jakie przeglądarki :). Jak wsparcie dla nowszych to CSS grid, jak dla starszych to flex.

No i oczywiście podstawy podstaw:
- Flex: https://flexboxfroggy.com/#pl
- CSS Grid: https://cssgridgarden.com/#pl

A obsługę różnych ekranów to media queries: https://webroad.pl/html5-css3/643-media-queries-w-przykladach