Sudoku

Witajcie
Co prawda dawno już nic nie robiłem w technologiach webowych niemniej ostatnio zrobiłem sudoku. https://gameprogrammer123.github.io/Sudoku-in-frontend/pro_sudoku.html
Napiszcie jak wam się podoba lub nie :).
Pozdro.

1. źle to wygląda:

te litery powinny być większe i nie tak na brzegu (może jakiś padding dać?).

1. blokujesz systemowe skróty! Jak wciskam Command(na Maku, stąd taki klawisz, ale na klawiaturze jest tam, gdzie klawisz Windows https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent/metaKey ), Ctrl, Alt, czy Shift itp. to pojawia się alert, żebym wciskał tylko cyfrę.

2. słowo level ci się rozjechało, wygląda to dziko. I ogólnie nie rozumiem, jak mam skorzystać z tego wyboru levelów:

1. strona jest nieużywalna na komórce (iOS), ponieważ jak kliknę pole, to nie włącza się ani klawiatura systemowa ani nie pojawia się inny sposób na wprowadzenie cyfry. Sugerowałbym np. użycie <input> zamiast div. Ew. wyświetlenie użytkownikowi "wirtualnej klawiatury" tj. specjalnej tarczy z 9 przyciskami do wybierania cyfry (co by się przydało również na komputerze, żeby dało się to obsługiwać samą myszą)

Żeby nie było, że same negatywne rzeczy piszę, to cóż, moim zdaniem ta strona wygląda jak zaledwie prototyp gry. A prototypy często mają wiele niedociągnięć i to jest normalne. Ale można nad nimi pracować i zrobić coś, co będzie się bardziej nadawać na produkcję.

Na telefonie jest dno

Przy takim układzie elementów aż się prosi o zastosowanie Grid lub Flex. Tymczasem używasz Layoutów, co nie jest moim zdaniem RWD friendly.

Dwa dni temu na githuba przesłałem zaktualizowane pliki ale jeszcze nie widać zmian na opublikowanym projekcie. Czy w związku z tym mogłem zrobić coś źle ?

Adept123 napisał(a):

Dwa dni temu na githuba przesłałem zaktualizowane pliki ale jeszcze nie widać zmian na opublikowanym projekcie. Czy w związku z tym mogłem zrobić coś źle ?

Zobacz składkę Pages w ustawieniach repozytorium

TomRiddle napisał(a):

Adept123 napisał(a):

Dwa dni temu na githuba przesłałem zaktualizowane pliki ale jeszcze nie widać zmian na opublikowanym projekcie. Czy w związku z tym mogłem zrobić coś źle ?

Zobacz składkę Pages w ustawieniach repozytorium

To co jest nie tak ?

Adept123 napisał(a):

TomRiddle napisał(a):

Adept123 napisał(a):

Dwa dni temu na githuba przesłałem zaktualizowane pliki ale jeszcze nie widać zmian na opublikowanym projekcie. Czy w związku z tym mogłem zrobić coś źle ?

Jeśli wszystko tam według Ciebie jest okej, to zobacz też taba Actions. Tam powinno się pokazać kiedy leci deploy na pages.

Do projektu wprowadziłem zmiany link. Napiszcie co myślicie :).

Na telefonie nadal dno

Riddle napisał(a):

Na telefonie jest dno

Żeby zrobić wersje gry na urządzenia mobilne to musisz poczytać o meta viewport i media query

https://developer.mozilla.org/en-US/docs/Web/HTML/Viewport_meta_tag
https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

@Adept123: Dostaję komunikat błędu gdy próbuję wpisać cyfrę z klawiatury numerycznej.

Co powiesz na ? :)

Adept123 napisał(a):

Co powiesz na ? :)

Nadal powiem że pionowy wygląda to nadal dno, bo możanby go prosto naprawić.

chociażby można przenieść tabelę z sudoku nad lub pod ten drugi kontener, i wtedy byłoby git.

Na pionowym widoku na komórce nadal jest dno.

Poprawiłem sudoku, może teraz jest ok :) link

Layout jest niesamowicie lepszy ale sama gra jest bardzo nieczytelna, odpaliles ja na telefonie zanim opublikowales? Cyfry na boardzie maja font size ze 4px, granatowe tlo etc
Nie mam pojecia co mam robic, klikam co sie da i czasem sie pojawi jakas akcja po sporym opoznieniu no ale widac postep :)

Hejka
Do mojego projektu sudoku wprowadziłem pewne zmiany link. Jeśli coś by nie działało na telefonie to proszę zaznaczyć opcję "Desktop site".