Responsywne strony ww

pytanie zadane 14 października 2017 w HTML i CSS przez xirrus Nowicjusz (120 p.)

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

komentarz 14 października 2017 przez m4sk1n Pasjonat (16,750 p.)

Ile obecnie potrafisz?

komentarz 15 października 2017 przez Eimens Maniak (69,240 p.)

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

4 odpowiedzi

odpowiedź 14 października 2017 przez mtk3d Nałogowiec (46,690 p.)

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.

1	komentarz 14 października 2017 przez imklau Nałogowiec (42,070 p.) Ja bym powiedziała, że odwrotnie. Najpierw niech się nauczy sam tworzyć responsywne rzeczy, a później dopiero Bootstrap;)

komentarz 14 października 2017 przez mtk3d Nałogowiec (46,690 p.)

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ć.

odpowiedź 14 października 2017 przez Tomek Sochacki Ekspert (227,510 p.)

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.

komentarz 14 października 2017 przez imklau Nałogowiec (42,070 p.)

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

Popieram, flex dużo ułatwia!

komentarz 14 października 2017 przez Tomek Sochacki Ekspert (227,510 p.)

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.).