Responsywne strony ww

Question

Hej,

Chce zacząć robić responsywne strony, możecie polecić jakieś dobre źródła/linki etc. gdzie można sie podszkolić w tym temacie>? Może być po angielsku, może być po polsku

Comments

Ile obecnie potrafisz?

---

https://www.youtube.com/watch?v=H7LUUsbpbrg&t=5s

Answer 1

https://developers.google.com/web/fundamentals/design-and-ux/responsive/?hl=pl

Responsywne frameworki CSS, grid, media queries. Szukaj pod tymi hasłami, napisz coś w jakimś bootstrapie, a potem próbuj sam.

Comments

Ja bym powiedziała, że odwrotnie. Najpierw niech się nauczy sam tworzyć responsywne rzeczy, a później dopiero Bootstrap;)

---

Ja jestem za tym, żeby nie używać frameworków CSS, tylko pisać samemu, więc proponuję kierunek w tą stronę, żeby zobaczyć z czym to się je i wtedy mieć jakiś pogląd na to jak pisać.

Answer 2

Polecam serię artykułów o flex:

https://devblog.eu/2017/04/flexbox-czesc-pierwsza/

Sam z nich korzystałem ucząc się flexa. Długo byłem przyzwyczajony do float + media query. Warto również znać ten sposób pozycjonowania elementów, ale szczególną uwagę zwróć na flex i po prostu pobaw się nim, pokoduj jakiś szablon, zmieniaj itp.

Comments

o matko zabawę z float nie wspominam za dobrze :D

Popieram, flex dużo ułatwia!

---

e tam, float jest super, tylko trzeba było dobrze przemyśleć wszystkie marginesy, clear, media query itp. itd.... :D

coś, nad czym czasami we float siedziało się godzinę w flex można zrobić w 3 minuty :) Polecam też poczytać o właściwości order przy flexie... mi już parę razy sporo pomogła, np. w stylowaniu elementów formów (jak chociażby zamiana domyślnej kolejności label+checkbox itp.).

Answer 3

Jest taka książka "Responsywne strony internetowe dla każdego", autorka tam ładnie rozpisała różne elementy stron RWD.

Answer 4

Tutaj jest o CSSie w odniesieniu do rwd:

http://webkod.pl/kurs-css/lekcje/dzial-4/responsywny-uklad-elementow-html