Dzień dobry, lub dla czytających to wieczorem, dobry wieczór,
Jeśli ktoś przestraszył się długością posta zapraszam na sam dół, postarałem się tam wyogólnić moje pytania.
Zwracam się dzisiaj do Państwa z pytaniem związanym z responsywnością stron internetowych, tak rozumiem temat był poruszany na forum nie jeden raz i może te pytanie u niektórych osób wywołać irytacje.
W ostatnim czasie udało mi się stworzyć stronę internetową (http://tech-web.5v.pl/ ), związaną z tematyką informacyjną (jeśli można to tak nazwać), która była w jakiś sposób zainspirowana popularnymi portalami: spidersweb, whatnext etc. Jak to u osób młodych udało mi się stworzyć layout strony, a następnie zdecydowałem, aby tak strona w przyszłości była responsywna, zamiast już od razu na starcie pomyśleć o tym.
Siedzę od jakiegoś już czasu i rozmyślam nad pomysłem rozwiązania mojego problemu, chciałbym aby efekt strony był w sposób bardzo podobny do Onet.pl, że przykładowo moja struktura strony nie została naruszona do szerokości 1200px , rozumiem fakt, że moja strona może nie być w pełni przystosowana od razu do zamierzonego celu, ale każdy popełnia błędy.
Zastanawiam się również nad technikami wykonywania responsynych stron internetowych, tak wiem, że są od tego frameworki typu Bootstrap, jeśli by ktoś się uparł da się to również oskryptować. (nie wiem są jeszcze jakieś techniki, szczerze sama właściwość zoom może wystarczyć)
Ja raczej zdecyduje się na media queries + flexbox (bo kiedyś już to stosowałem) i raczej będę się tego trzymał, ale jestem teraz w wielkim zakłopotaniu i zadaje sobie tysiące pytań: Czy robiąc stronę opartą na flexy stosować elementom strony właściwości "width" czy może "flex-grow, flex-shrink, flex-basis", Stosować procentowe wartości czcionek/ rem/em czy może px, Jak przystosować od razu stronę do bardzo łatwego skalowania jej? Chciałbym, aby moja wiedza w przyszłości była na zadowalającym poziomie, że przykładowo za 4-5 lat pójdę do pracy i nie będzie takiej sytuacji "Panie, tak tego się nie robi";
Chciałbym nauczyć się represywności, można to tak powiedzieć na 100%, nie chciałbym otrzymać od Państwa odpowiedzi, a media queries najlepsza ucz się tego, powodzenia. Potrzebuję Państwa pomocy, chciałbym responsywności, naprawdę nauczyć się na porządnym poziomie, że kolejne moje projekty będą bardziej przystosowane do urządzeń mobilnych i żebym nie miał z tym problemu.
Najlepiej jakby Państwo, opisali własną przygodę z responsywnością i jak się do tego zabrali, nie odrzucam oczywiście jakiś poradników, które pomogą mi w pracy. Każda pomoc się przyda i będzie dla mnie motywująca!
Odbiegając delikatnie od problemu, podobną sytuacje mam w JS, moją wiedzę zdobywałem dzięki portalowi kurs.js, doszedłem tam do rodziału Ajax (wcześniej 2/3 krotnie przejrzałem wcześniejsze tematy, które szczerze nie są w doskonały sposób przystosowane dla osób które dopiero zaczynają programować, często w bardzo prostych przykładach są zdarzenia, odwołanie do tematów, które są bardzo daleko). Moja wiedza teoretyczna z wcześniejszych tematów jest na dobrym poziomie, umiem posłużyć się obiektami etc., zrobiłem klika projektów przykładowo slider i klika udogodnień w powyższej stronie, ale również jestem w momencie, że posiadam jakiś zakres wiedzy, ale nie jestem pewny czego do przykładowego problemu użyć, zwykłego JS czy może dołożyć do tego obiekty itd.
Skracając mój wywód mam do Państwa następujące pytania:
- Poproszę jak najwięcej technik umożliwiających responsywności stron internetowych,
- Zdecydowałem, się raczej na media+flexbox (ponieważ już kiedyś to robiłem i znam teorię dotycząca flexbox, strona ma w wyglądzie być podobna do portalu Onet.pl i nie zmieniać swojej struktury do rozdzielczości 1200px), lecz zastanawiam się jak przystosować stronę to resposywności - czcionki definiować %/px/rem/em, "width" czy może "flex-grow, flex-shrink, flex-basis" etc,
- Jak zabrać się do tego zacząć, zmniejszać szerokości ekranu od góry w dół, czy może na odwrót,
- Jakie stosować programy do wglądu jak strona się zachowuje, czy samo toggle device toolbar z Google Chrom wystarczy?
-
Jak przystosowywać wielkość czcionki, elementów strony w zależności od rozdzielczości, tzn czy jest jakiś ogólny standard mówiący, że np. przy szerokości 1000px stosować czcionkę 16px i maksymalna szerokość divów na 90% etc.
Ogólnie ucząc się responsywności korzystałem kiedyś ze stron:
Jeśli będzie coś niejasne to proszę pisać! Od razu postaram się zedytować post.
Dla osób, które poszukują kodu źródłowego: http://tech-web.5v.pl/
Temat jest ciągle otwarty, więc zapraszam serdecznie do udzielania odpowiedzi! 
