Poprawa layoutu i uporządkowanie kodu

Czołem sportowe świry! Za tydzień koniec konkursu, ale to wcale nie oznacza, że zwalniamy! Zanim umieścimy naszą aplikację na serwerze, musimy trochę w niej ‚posprzątać’. W książce „Software craftsman” przeczytałem zdanie, które utkwiło mi w pamięci – „Jakość wykonania jest równie ważna, co szybkość”. Dlatego zabrałem się za porządki, wyrzucam niepotrzebne fragmenty kodu, poprawiam zepsuty layout i staram się wszystko dopracować 🙂

Zacznijmy od rozjeżdżającego się layoutu. Na pierwszy ogień idzie panel logowania. Na małych rozdzielczościach nie wygląda zachęcająco. Spróbujmy poprawić to za pomocą media queries.

Na dalszy ogień idzie strona rejestracji.

Poza tym w navbarze brakuje ikonki do wszystkich transakcji. Dodajmy ją.

Zajmijmy się teraz ekranem głównym. W tym momencie wygląda tak:

Po wstępnej zmianie:

A w wersji ostatecznej:

Przejdźmy teraz do statystyk. Po rozwinięciu ich zostawało bardzo dużo wolnego miejsca u góry:

Zmniejszyłem trochę ten odstęp, ale na razie zostawiam to tak, jak jest. Chciałem spróbować zmieniać położenie zawartości na stronie po kliknięciu w rozwinięcie wykresu, ale niestety mam na to obecnie zbyt mało czasu. Obiecuję, że będę nad tym jeszcze pracować. Na razie skupiam się na stworzeniu do wtorku MVP, czyli minimum valuable product 🙂

To tyle, trzymajcie się! Cześć 😉

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *