[s.....r]

Ok, jedziemy dalej z #freecodecamp. Projekt portfolio skończony: link. Teraz tylko JS i #programista15k w zasięgu ręki ( ͡° ͜ʖ ͡°)

#webdev #frontend

[den4y]

@schriker marzyciel.
Swoja droga jaki cel ma opcja ukrywania zawartosci menu na deskopie?

[s.....r]

@den4y: Cel naukowy ;)

[Pesio]

@schriker: Nie jestem żadnym specjalistą, ale masz w swoim projekcie pare błędów:
1. html nie ma lang, znacznik kodowania powinien być pierwszym meta tagiem, brak meta tagu z viewportem - zobacz w devtoolsach jak wygląda twoja strona na symulacji w telefonie
2. Straszliwy divitis! Zupełny brak semantyki, nie używasz znaczników HTML 5: http://tutorials.comandeer.pl/html5-blog.html
3. przyciski powinny być przyciskami, staraj się unikać pustych elementów poprzez stosowanie pseudoklas :after i :before
4. Fajny outline, ale

[s.....r]

@Pesio: Wow, nie spodziewałem się takiego komenatrza. Liczyłem raczej na coś w stylu "Nie podoba mi się" czy "usuń konto".

1. Widzę, że mozilla ma ten symulator telefonów trochę dziadowaty, bo tam wygląda to zupelnie inaczej niż na Chrome. Do poprawy.

2. Masz na myśli section, header, article, footer itd.

[T.....n]

@schriker: W OUR PROJECTS odstępy między literami się psują na Chrome 57 w trakcie hovera. Dokładnie między PRO i JECT. Oprócz tego ikona aparatu w tle skacze.

[getin]

kolory trochę oczojebne, strasznie to wszystko duże, sporo przewijania-mało contentu

[Pesio]

@schriker:
2. Tak
3. po prostu tag tam gdzie powinien być przycisk a nie , np w hamburger menu. Łączy się to z poprzednim punktem.
4. Chodzi o hierarchie treści, wrzuć stronkę na: https://validator.w3.org/ i zaznacz outline. Gdyby nie te tagi h1 to byłby bardzo dobry.
6. https://comandeer.github.io/blog/a11y/html-css/2017/02/28/o-ikonkach-slow-kilka.html

[s.....r]

@Pesio: Super. Wielkie dzieki!

[s.....r]

@okelm84: Sprawdź sobie ten artykuł: https://devcorner.pl/30-najlepszych-stron-nauki-technologii-webowych/