Własna strona internetowa

Question

Cześć,

właśnie ukończyłem tworzenie swojej strony-wizytówki, jest to tak naprawdę moja pierwsza styczność z html/css/django więc w sumie całym projektem XD.

Sam zauważyłem już kilka niedokładności, których nie umiem rozwiązać, więc fajnie byłoby gdyby ktoś mógł zaproponować jakieś rozwiązanie, i pewnie są jeszcze jakieś, których nawet nie zauważyłem dlatego będzie mi miło jeśli dacie jakiś feedback co do wyglądu jak i kodu.

Pierwsza z nich to ucięty nałożony kolor tła na wstępie kiedy zajmuje on więcej niż 100vh;

https://zapodaj.net/905bb57b6c744.png.html

Druga jest to, że gdy kliknę na mniejszych ekranach jedną z opcji menu to nie chowa się, a myślę, że fajniej byłoby gdyby się schowało.

https://zapodaj.net/dffb64f4ac3a3.png.html

Trzecią, że również przy dziwnych rozdzielczościach(bardzo mała wysokość przeglądarki klikając odnośniki do sekcji przenosi mnie tak, że nie wygląda to na początek sekcji głównie przez nagłówek, choć akurat to nie wydaje mi się tragedią.

Za wszystkie sugestie i pomoc bardzo dziękuję, poniżej linki do github'a i samej strony. :)

https://witoldbanach.herokuapp.com/

https://github.com/chucksqll/personal-website

Answer 1

Napisałem na priv, ale jeżeli chodzi o pytania to postaram się pomóc jak umiem, (jeżeli będą jakieś niejasność, patrz: priv)

1. Polecam przeczytać artykuł na w3

2. Tu z kolei polecam przeczytać to: (także w3)
3. Dokładnie ten sam artykuł na w3 odpowiada też na to pytanie

4. Myślę, że obszar na który można najechać aby zmienił się kolor grafiki (pseudoklasa) jest zbyt duży (Mam na myśli "My skills"). Osobiście zmniejszyłbym go do prostokąta o wymiarach największych wysokości i szerokości tych ikon

Ale jak na pierwszy raz to muszę przyznać, wyszło super! Gratuluję!

Comments

Skończmy w końcu polecać W3Schools jako źródło wiedzy, bo wykazanie tego, że są tam głupoty, jest wręcz absurdalnie proste: https://www.webkrytyk.pl/2017/10/29/w3schools-com/

---

Rzeczywiście na w3 są czasem głupoty, ale podlinkowane przeze mnie artykuły są bardzo dobre ;) Nie skreślajmy całej strony za wpadki w kilku artykułach...

---

Nie, nie są.

https://www.w3schools.com/cssref/pr_background-image.asp

Wg tabelki wsparcia tło obrazkowe można ustalać od wersji 4 Edge'a. Edge nigdy nie miał wersji 4. Chyba że chodzi o IE, ale wówczas ikonka temu przeczy. Zresztą Opera i Edge obecnie stoją na Blinku.

Dodatkowo błędnie podana jest też wersja CSS-a, w której dodano tę własność. Tak, zdefiniowano ją w CSS1, ale nowe wartości nie zostały dodane w CSS3 (bo ten jako specyfikacja nie istnieje), a w określonych modułach CSS-a, np.https://drafts.csswg.org/css-images-4/#image-values

https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Speech media de facto przestały istnieć, więc nie ma sensu pisanie o nich i sugerowanie, że działają.

Tworzenie arkusza stylów "skrojonego do strony" przy pomocy MQ do adaptive web design, nie responsive web design.

Tabelka ze wsparciem jest bez sensu, bo media queries są dodawane na bieżąco i na bank Chrome 22 nie obsługuje choćby media queries dla wskaźników czy schematów kolorystycznych. Wsparcie powinno być rozpisane dla poszczególnych media queries. Pomijam fakt, że tabelka z wypisanymi ficzerami, ale bez możliwych wartości i z lakonicznymi opisami jest bezużyteczna.

Nie skreślajmy całej strony za wpadki w kilku artykułach...

Nawet choćby były w jednym, to powinno się to źródło skreślić, skoro obok istnieje darmowe MDN bez takich baboli – a jeśli nawet jakiś się trafi, to można go poprawić.

I nie, to nie jest "kilka artykułów", tam można wskazać błędy w większości podstron. Ba, tam można wskazać całe działy jako przykład bezużyteczności i szkodliwości, np. dział o programowaniu w ASP – technologii, która umarła lata temu.

---

Tak, ponieważ istnieją lepsze źródła, np. MDN będące de facto oficjalną dokumentacją Sieci.

Informacja, że Bolesław Chrobry był dwudziestym królem Polski też się do tego nie przydaje, ale to wciąż jest nieprawda i nie widzę powodu, dla którego miałbym ją relatywizować.