Moja strona oraz GRA - Ocena, uwagi

Question

Witam wszystkich! Chciałbym, żebyście zaglądnęli na moją stronę i opisali swoje wrażenia. Ewentualnie co wy byście dodali, zmienili, usunęli. Wygląd wyglądem, ale zależy mi też na tym jak się prezentuje ze strony kodu. Co mógłbym czym zastąpić, co według was jest bez sensu, a co wręcz przeciwnie? - Zaglądnijcie i tam :)

http://zaremskim.pe.hu/

Zależy mi też - nawet bardziej - abyście sprawdzili czy kod poniższej "gry" jest jak najbardziej poprawny, co można zoptymalizować, czego unikać, a za czym koniecznie dążyć. Możecie też podesłać materiały które według was przydadzą mi się. Liczę na was!

http://zaremskim.pe.hu/strony/SpaceWar/spacewar.html - Działa na pewno na Chrome i na pewno nie działa na Firefox - Ten wielki błąd jest mi znany, i mam zamiar w najbliższym czasie go wyeliminować 
 

Comments

Dodałbym ikonę w pasku z kartami oraz płynne przewijanie :)

---

Link się zepsuł do gry, wyskakuje - "http://www.hostinger.pl/blad_404" :(

Answer 1

Kod gry jest bardzo słaby – wszystko w globalnym scope, prawdopodobnie kilka zmiennych jest niezadeklarowanych.

A nie działa w lisku, bo mam wrażenie, że nie do końca ogarniasz model eventowy w DOM (zdarzenie jest przekazywane jako 1. parametr do handlera!).

Comments

Jestem świadomy, że kod gry jest bardzo słaby, jest to w zasadzie pierwszy projekt który dał mi naprawdę ogromną dawkę wiedzy jak na początek :) nie działa w Mozilli, bo prawdopodobnie ona nieco inaczej wykrywa klawisz. Jeszcze nad tym się nie zastanawiałem głębiej.

Mógłbyś mi wskazać z jakimi zagadnieniami musiałbym się zapoznać żeby kod gry w takiej postaci był na poziomie? Byłbym wdzięczny :)

---

Modularny JS, IIFE i zdarzenia na MDN – tak na dobry początek.

Answer 2

Jak przewinę stronę niżej, że widzę menu, a nie widzę pierwszej strony, a kliknę kontakt, to nie wiem, gdzie się pojawia.

Answer 3

Strona wygląda nawet ładnie, jedynie nie podoba mi się to scrolowanie. Lepiej by wyglądało jakbyś zrobił to tak jak chłopacy z forum http://mwcoders.com/ .  Gierka nawet ciekawa.

Pozdrawiam :)

Answer 4

Strona, bardzo ładna. Fajna animacja "kontakt".

Graficznie wszystko jest na wysokim poziomie. Kiedy zamiast "Lorem ipsum" będzie normalny tekst to już będzie idealnie

Comments

Co do gry, gra fajna, kodu nie mam możliwości sprawdzić, bo się na tym jeszcze nie znam :) Wygląda ciekawie. Rozwijaj się dalej, może coś z tego być.

pozdrawiam: BS

---

Nie wiesz chyba co oznacza słowo "Wysoki poziom" i takiego też poziomu pewnie nie widziałeś. Wracając do sedna sprawy. Ogólnie strona całkiem całkiem jak na początki także plusik.

Answer 5

Strona ładna i prosta. Jest OK. But, nie wszystkie zdarzenia działają w menu po kliknięciu np: umięjetności lub portfolio, domyślam się, że robisz stronę typu OnePage Web i domyślam, że miało zadziałać autoscrooling - niestety nie zdarza się .

Dlaczego parsujesz funkcje , pytanie drugie po co sprawdzasz rozdzielczość tym bardziej tylko góry.

 (Odpalam na lisku)

Błąd masz tu:event.KeyCode , wygląda na to , że on nie zna tego eventu, a nigdzie nie widziałem event która ma pobrać wciśnięty klawisz. (Dobra , działa na myszce :D), ale nic na ten temat nie napisano.

Pomyśl jak faktycznie pobrać wciśnięcie klawisza i jak działają wszelkie gierki na stronach :). Bo na myszce słabo się gra :D. Po drugie mógłby płynnie statek się przesuwać :).

Comments

Sprawdzam rozdzielczość aby dostosować odpowiednią wielkość obrazku do wczytania(mniejszy obrazek =mniejszy rozmiar = szybsze wczytanie.) Wysokość dokumentu, żeby dopasować menu, aby było zawsze na dole, zarazem nie przekraczajac wysokości obrazka. Co do parsowania to sam nie wiem, musiałem to pewnie dodać dla pewności - świeżak jestem, doświadczenia brak :)

A przyciski zrobione byly z myślą o telefonach, na których tak czy siak gra nie działa dobrze :d O keycode wiem, i na czasie to poprawię :) w

Dziena za odpowiedż!

---

Obydwa efekty możesz uzyskać w CSS :)

 

1. Obrazek po przez manipulacją media.

2. Jest na to trik :). Podpowiem , że trzeba korzystać z jednej z właściwości position ;).

Answer 6

Ta belka z menu, powinna wg. mnie się przesuwać wraz ze scrollowniem strony.

 

Ogólnie bardzo ładna ;)

Answer 7

cóż. moim skromnym i mało doświadczonym zdaniem: 1. "Zajmuję się projektowaniem i kodowaniem stron internetowych. Dokładam wszelkich starań by były one idealnie dostosowane do potrzeb klienta, były schludne, przejrzyste oraz łatwe w obsłudze. W zależności od wymagań strona może być statyczna, bądź oparta o system zarządzania treścią. Mogę napisać również autorskie skrypty w języku JavaScript do polepszenia funkcjonalności lub wyglądu witryny." do tego fragmentu tekstu moja Opera na linuxie ładuje linuxową czcionkę. 2.tam gdzie sekcja co mogę ci zaoferować, mógłbyś dać w css'ie na hoverze cursor: default; , albo (jak to ma być klikane) cursor:pointer; bo ten kursor zaznaczania wg. mnie nie pasuje :D poza takimi małymi wzmiankami strona OK :D

Answer 8

<meta name="description">

To usuń. Niżej już masz description. Po drugie, ten jakiś niekompletny - atrybutu content zabrakło.

    <section class="section-header">
        <div class="card">
            <h1>Marcin Zaremski</h1>
            <h2>Strony internetowe</h2>
        </div>
    </section>

Zrobiłbym to raczej w <header>, zamiast jako <section>.

    <section id="contact" class="contact">
        <div class="grid">
            <div class="col-1-1">
                <p>
                    <b>Marcin Zaremski</b><br>
                    <b>Tel:</b> 723 066 170<br>
                    <b>e-mail:</b> marcinzar@gmail.com
                </p>
            </div>
        </div>
    </section>

A tu użyłbym <footer>.

    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/simplegrid.css">

Custom style jednak ładowałbym na końcu.

Ja bym się już nie bawił w gridy, a użył Flexbox - będzie dużo mniej kodu i div'ów.

Answer 9

Ja powiem tylko, że w zakładce portfolio te przyciski wyglądają kiepsko :| Cała stronka ładna, płynne animacje po najechaniu myszką, a tutaj taki brzydki guzik bez animacji. Ale tak poza tym, to stronka fajna ;)

Edit: a co do gry, to jak można dać strzał na V, kiedy sterowanie jest na WSAD? Toż to herezja. Może sterowanie na strzałkach, albo strzał na Spacji, czy coś. Ale tak to spoko.

Answer 10

strona ładna estetyczna, ale brakuje mi menu....nawigacja strony to punkt podstawowy by się odnazeźć na stronie a tego mi tutaj brakuje......poza tym strony portfolio to nie strony realne tylko jakieś projekty które sam sobie kodowałeś (mam na myśli te lorem ipsum) chociaż graficznie interesujące mimo że stylowo bootstrapowe odbitki, co do kodu to nie zabieram głosu.Suma summarum gitara