Jak wam sie podoba ta strona? [ankieta]

pytanie zadane 26 stycznia 2016 w HTML i CSS przez Mizukage Pasjonat (21,750 p.)

http://www.edgarnoszczynski.pl

+ ankieta

Możliwe odpowiedzi:

10/10 (25 głosów, 42%)

2/10 (6 głosów, 10%)

5/10 (8 głosów, 14%)

8/10 (20 głosów, 34%)

7 odpowiedzi

odpowiedź 26 stycznia 2016 przez Czort Nałogowiec (32,500 p.)

Może jestem staroświecki, ale lubię gdy na stronie którą się przewija widać scrollbar przeglądarki. Poza tym na pierwszej stronie dodałbym jakiś element świadczący o tematyce strony, bo chyba krajobraz górski ma z nią mało wspólnego?

Ogólnie wygląd spoko oprócz tych małych detali, które mogą być moimi osobistymi preferencjami.

komentarz 26 stycznia 2016 przez Mizukage Pasjonat (21,750 p.)

Nie ma loga, bedzie logo tematyczne na tej grafice górskiej, ale jeszcze nie jest wykonane :)
Imo lepsze góry z filtrem niz kolejny makbook na biurku

komentarz 26 stycznia 2016 przez Czort Nałogowiec (32,500 p.)

Możliwe, w wersji mobilnej mimo wszystko dałbym jakieś hamburger-menu i to fioletowe tło średnio wygląda. Validator sporo błędów wypluwa.

komentarz 26 stycznia 2016 przez Mizukage Pasjonat (21,750 p.)

Imo zbyt mala strona na menu, kolor tla moge zmienic, chodzilo mi o to aby na mobilnych nie ladowalo obrazka na cały ekran.

Validator tak, jest cały do naprawienia

komentarz 26 stycznia 2016 przez Czort Nałogowiec (32,500 p.)

Faktycznie niektóre błędy validatora są błędne:) Ale w niektórych przypadkach ma rację:

- Duplicate ID btn-close-modal

- Element h5 not allowed as child of element ul in this context. From line 247, column 33; to line 247, column 51

- Stray end tag i. From line 249, column 73; to line 249, column 76

- Attribute green not allowed on element span at this point. From line 291, column 149; to line 291, column 184

- Attribute blue not allowed on element span at this point. From line 291, column 196; to line 291, column 230

Od siebie mogę dodać puste atrybuty alt w <img>.

komentarz 26 stycznia 2016 przez Mizukage Pasjonat (21,750 p.)

No tak ale specjalnie zmieniac id na klase dla buttona podpietego w JS nie widze sensu.
z h5 i atrybuty dla span to juz chyba na prawde bez znaczenia

komentarz 26 stycznia 2016 przez Czort Nałogowiec (32,500 p.)

id z założenia ma być unikalne w całym dokumencie HTML. Jeśli chodzi o JS to nie bez powodu metoda nazywa się getElementById a nie getElementsById.

Podobnie jest z <ol>, <ul>. Specyfikacja html jasno mówi, że jedynie <li> mogą być ich dizećmi. Zawsze możesz wyciągnąć ten <h5> poza listę.

Może faktycznie strona działa bez poprawiania tego, ale chyba o to chodzi, żeby była jak najlepsza. Myślę, że poprawa paru linijek kodu w celu jej ulepszenia to nie jest wielki problem. Tym bardziej, że to Twoje portfolio a potencjalny pracodawca zapewne zajrzy do kodu źródłowego.

komentarz 26 stycznia 2016 przez Mizukage Pasjonat (21,750 p.)

Akurat jquery $('#ajdi'). ale moge zmienic to na klase jak juz ma byc semantycznie :)
No i te h1 zamiast h5

odpowiedź 27 stycznia 2016 przez hermaszuk Nowicjusz (200 p.)

odpowiedź 1 lutego 2016 przez Wilczu Mądrala (5,190 p.)

odpowiedź 26 stycznia 2016 przez Ivan Maniak (60,650 p.)

Graficzne spoko, ale zawsze jest coś do poprawy.

ID się powtarzają
Zamykasz nieistniejący tag <i>
I parę innych błędów w kodzie - polecam https://validator.w3.org/#validate_by_input
Po co nadajesz jakimś elementom cursor: pointer, jeżeli nie są one klikalne. Mnie to bardzo wkurza.
Lista w portfolio się nie mieści [przy zdjęciu ze strony King Cross]

komentarz 26 stycznia 2016 przez Mizukage Pasjonat (21,750 p.)

Możesz dać screena z tym jak sie nie mieści? Albo kiedy tak sie dzieje

Które ID sie powraża?

komentarz 26 stycznia 2016 przez Ivan Maniak (60,650 p.)

@Czort już napisał co się powtarza.

A tak to wygląda u mnie: http://i.imgur.com/wkmSW2W.png
Rozdzielczość: 1366x768

komentarz 26 stycznia 2016 przez Mizukage Pasjonat (21,750 p.)
edycja 26 stycznia 2016 przez Mizukage

Tu racja na niskie ekrany jeszcze jest ten problem.

odpowiedź 26 stycznia 2016 przez radek024 Szeryf (77,160 p.)

Wszystko w porządku, ale:

dla mnie za dużo animacji,
nie jest to też typowy flat desing, poczytaj tutaj: http://www.google.com/design/spec/material-design/introduction.html,
masz coś niezatytułowanego https://gsnedders.html5.org/outliner/process.py?url=http%3A%2F%2Fedgarnoszczynski.pl%2F << polecam z tego korzystać ;)
nie wiedziałem że github i linkedin zmieniły ikony ;)
fajnie by było, gdybyś używał tagów już opierających się na htmlu5,
obrazek można zaokrąglić w css, ale to już szczegół

Jako oglądający muszę powiedzieć, że jest miła w odebraniu, ale biorąc pod uwagę Twoje umiejętności, trzeba kilka rzeczy dopracować ;) Powodzenia w dalszym rozwoju!

komentarz 26 stycznia 2016 przez Mizukage Pasjonat (21,750 p.)

Ikony zamienily sie miejscami, dzisiaj poprawie

Ktore taki sa przestarzałe w moim kodzie?
Co do obrazka to nie rozumiem ;)

komentarz 26 stycznia 2016 przez radek024 Szeryf (77,160 p.)

Widzę, że tagi też już poprawiłeś ;)
Co do obrazka: http://bavotasan.com/2011/circular-images-with-css3/

komentarz 26 stycznia 2016 przez Mizukage Pasjonat (21,750 p.)
edycja 26 stycznia 2016 przez Mizukage

Ostatnia zmiana była o 4 rano, wiec nic.

Zdjecie juz jest okrągłe bo innego nie mam ;)

komentarz 31 stycznia 2016 przez Comandeer Guru (601,110 p.)

polecam z tego korzystać ;)

A ja (już) nie ;) Owszem, kiedyś był to najlepszy outliner, ale czasy się zmieniły i obecnie lepiej korzystać z outlinera wbudowanego w walidator W3C.

No i MD to nie flat design!

komentarz 31 stycznia 2016 przez radek024 Szeryf (77,160 p.)

Pardon za spam, ale Comandeer - przestań mnie śledzić! :< BTW - co uważasz o walidatorach? Jest sens ich używania czy nie?

komentarz 31 stycznia 2016 przez Comandeer Guru (601,110 p.)

Pardon za spam, ale Comandeer - przestań mnie śledzić!

Haha, dręczę tutaj każdego, kogo odpowiedzi wymagają jakiegoś doprecyzowania. Nie martw się, nie jesteś wyjątkowy ;)

co uważasz o walidatorach? Jest sens ich używania czy nie?

Popełniłem artykuł o tym swego czasu: http://webroad.pl/html5-css3/3925-validate-or-not-to-validate-that-is-the-question

odpowiedź 26 stycznia 2016 przez niezalogowany

https://developers.google.com/speed/pagespeed/insights/?url=http%3A%2F%2Fedgarnoszczynski.pl%2F&tab=mobile

komentarz 26 stycznia 2016 przez Mizukage Pasjonat (21,750 p.)

Imo bardzo spoko wynik jak na te efekty

odpowiedź 1 lutego 2016 przez doeg Początkujący (430 p.)

Ogólnie miłe wrażenie robi taka stronka.

Może tylko to zdjęcie z dymem papierosowym mało "apetycznie" wygląda. Jak sobie pomyślę, że ktoś miałby mi zrobić w biurze taką "zadymę", to wolałbym poszukać kogoś, kto pierwsze wrażenie zrobi trochę lepsze.

Nie żebym się czepiał, wiem, że książki po okładce oceniać nie należy, ale zauważ, że "książki" z kiepską okładką raczej nikt nie kupi jeśli tytuł jej jakoś szczególnie nie wyróżnia na tle innych, a "tytuł" Twojej strony niczym się nie różni od setek innych podobnych. Domyślam się, że ta strona ma poprawić Twoją "sprzedaż", a taki wizerunek raczej nie przemówi do "poważnego kupującego", bo nie tak większość kupujących wyobraża sobie człowieka który jest specjalistą od "komputera i internetu". Zauważ jakie zdjęcia mają w swoich portfolio najlepsi. Fajnie jest jeśli nie jest to sztywniackie foto jak z legitymacji szkolnej, fajnie jak zawrzesz tam trochę siebie, ale musisz wyglądać na profesjonalistę w tym co robisz.

Ps.

Nie bierz tego osobiście. Na prywatnym blogu taka fotka będzie super, ale po prostu do takiego przedsięwzięcia jakoś mi nie pasuje.