Nadawanie stronie responsywności

0

Cześć! Utworzyłem swoją pierwszą stronę przy użyciu HTML i CSS i chciałbym w prosty i szybki sposób nadać stronie responsywność. Wiem, że polecany w tym wypadku jest Bootstrap jednak nie chcę uczyć się całego frameworka a jedynie jak dodać przy jego pomocy responsywności stronie. Podpowie ktoś coś?

0

Nie wiem co zrobiłeś do tej pory, ale RWD "nadaje się" od początku prac.

Zwykle stronę która nie jest responsywna trudniej przerobić na RWD, niż zrobić to od początku.

Bootstrap nie jest trudny, ściągnij sobie gotowca i podejrzyj. Poza tym są inne rozwiązania, nie tylko BS.

0

No właśnie strzeliłem sobie w kolano bo myślałem, że responsywność dodaje się w jakiś sposób do gotowego layoutu a tymczasem okazuje się, że witrynę responsywną należy tworzyć od podstaw. Dobrze to teraz rozumiem?

0

Tak, jak już chcesz tworzyć responsywną stronę to dużo łatwiej jest tworzyć taką od samego początku. Z przerabianiem już istniejący layoutu trochę dłużej schodzi.
Jak chcesz się dowiedzieć jak działa responsywność to przede wszystkim musisz sobie poczytać o media queries w CSS.
Imo na początku łatwiej jest użyć np. wspomnianego wcześniej bootstrapa. A potem sprawdzać jak to działa od spodu. Ale to tylko moje zdanie. :)

1

Jak to jest pierwsza strona to pewnie nic jakieś skomplikowane esy-floresy, brakuje nad głową grafika, który powie "och, to jeszcze tylko to i tamto, to daj tam a tamto siam" co może przysporzyć kłopotów, więc dodanie responsywności nie powinno znowu być takie ciężkie. Co innego gdy trzeba dodać responsywność do "fajnego" szablonu WP albo do dużego projektu (najlepiej bez frameworka, który już trochę o to dba), wtedy człowiek rozumie prawdę zawartą w tym gifie
user image

0

poczytaj tylko o gridzie w bootstrapie - nie musisz uczyć się całego frameworka. albo weź po prostu dowolną libkę z kategorii "css grid"

0

Rzeczywiście lepiej od początku wiedzieć czy strona ma być responsywna i w ten sposób podchodzić do jej tworzenia.
Piszesz jednak, że dopiero zaczynasz tworzenie stron, więc strona pewnie bardzo prosta to i z dodaniem RWD nie powinno być problemu. Nawet może szybciej byłoby za pomocą samych media queries.

Sama nauka korzystania z grida bootstrapa to może kilka dni, więc też nic trudnego. Dużo dokumentacji na stronie devs, odpowiedzi na Stack Overflow i tutoriali na yt.

1 użytkowników online, w tym zalogowanych: 0, gości: 1