Ocena strony

pytanie zadane 15 maja 2016 w Nasze projekty przez figorin Bywalec (2,040 p.)

Cześć,
prosiłbym o ocenę mojej strony,głównie pod kątem kodu responsywności,oraz o udzielenie rad oraz uwag.
http://liczba-pi.cba.pl

5 odpowiedzi

odpowiedź 15 maja 2016 przez hubot Dyskutant (9,090 p.)

odpowiedź 15 maja 2016 przez Eimens Maniak (69,240 p.)

Przeskakuje menu przy csrollowaniu, a tak swoją drogą już taki stary jestem że takie ogromne czcionki walisz?

Jakiej responsywności? tej co tam nie ma?

Poczytaj o media.

komentarz 15 maja 2016 przez figorin Bywalec (2,040 p.)

Znam media queries,tylko nie wiedziałem jak ich tutaj użyć.Chodziło mi głównie o tekst i zdjęcia.Wiem,że mógłbym zrobić coś z nawigacją.
A co do menu wydaje mi się,że jest OK.Użyłem sposobu z divem-wrapperem,aby nie było tego brzydkiego przeskoku,ale może czegoś nie zauważam.

odpowiedź 15 maja 2016 przez Niespecjalny Gaduła (4,180 p.)

U mnie czcionka jest za mala przy pionowym ustawieniu telefonu. Powinienes zastosowac jakis dynamiczny rozmiar. Przy zmianie orientacji telefonu menu zniknelo. Do tekstu dodaj marginesy bo jest przyklejony do krawedzi ekranu. Zastosuj menu w przycisku bo zaslania 1/4 ekranu. Jeszcze warto by bylo dodac jakies rozdzielniki tekstu, w sesie bardziej podkreslic naglowki czy moze wieksze odstepy miedzy fragmentami strony. I to chyba wszystko od strony wizualnej z telefonu.

komentarz 15 maja 2016 przez figorin Bywalec (2,040 p.)

Dzięki za cenne uwagi.

odpowiedź 15 maja 2016 przez IBB Gaduła (3,020 p.)

Zgadzam się z innymi, że czcionka na małych ekranach jest za duża
Sticky menu na komórce to bardzo zły pomysł - w pionowym widoku na telefonie 320px x 480px 70% ekranu zajmuje menu, którego nie można się pozbyć; poniżej widać jedynie z 5 linijek tekstu.
Brakuje padding-left i padding-right - tekst styka się z brzegami ekranu.
Stopka ma height: 100px - w jakim celu? Na telefonie komórkowym wysokość ta jest niewystarczająca dla tekstu, który się w nim znajduje.
Reklama (nieresponsywna) "rozpycha" okienko - pojawia się poziomy pasek przewijania. Pewnie niewiele możesz zrobić z samą reklamą, ale może dać overflow-x: hidden na elemencie body?
Coś dziwnego dzieje się z div class="nav-placeholder" - wewnątrz niego mnożą się jego kopie. Wygląda na JavaScript bug.
Nie używaj text-align: justify - taki tekst (choć może i ładniej wygląda) gorzej się czyta, szczególnie np. osobom z dysleksją.