[www]ocena mojego "portfolio" Opcje

[Beniooo]

Cześć, chciałbym Was prosić o ocenę, wyłapanie błędów, i zasugerowanie co jeszcze można poprawić w mojej stronie, która jest moim portfolio i jednocześnie blogiem.
http://mrgod.pl

[Comandeer]

poza tym w js da się wszystko. zależy od programisty, wyobraźni i doświadczenia w pisaniu.

To tak samo jak w CSS - wszak Turing complete (IMG:style_emoticons/default/wink.gif)

Ok, reszta się poznęcała nad treścią, ale jakoś tak nikt się bliżej nie zainteresował stroną techniczną strony. A z racji tego, że to mój konik, pozwolę sobie zauważyć kilka rzeczy (IMG:style_emoticons/default/wink.gif)

• Kodowanie zostaje zdefiniowane dwukrotnie - raz przy pomocy zapisu z HTML4, a drugi przy pomocy skróconej składni HTML5
  
• [rel=shortcut] to dziwactwo IE, więc serwowanie mu ikonki w png nie jest najfortunniejszym pomysłem
  
• Czy aby konieczne Ci jest to RocketScript i ogólnie CloudFlare? IMO przerost formy nad treścią
  
• 
  
  Kod
  <img src="up.png" id="arrow" onClick="java script:scrollToTop();">
  
  Polecam poczytać o tzw. labels w JS + obowiązkowo nieśmiertelny artek porneLa - https://pornel.net/onclick
  
• 
  
  Kod
  <img src="logo.png" width="150px" id="logo">
  
  Każdy obrazek powinien mieć [alt] - tym bardziej jeśli pełni ważną funkcję, jak logo! Dodatkowo twierdzę, że tego typu rzeczy to nagłówki. Brakuje także odnośnika do strony głównej Twojej witryny
  
• 
  
  Kod
  <div id="spacer" style="height: 100px;"></div>
  
  Klasyka gatunku (IMG:style_emoticons/default/wink.gif)
  
• Fajnie, że próbujesz (albo to CF?) zabezpieczać mail przed botami… problem polega na tym, że mój bot oparty na PhantomJS bez problemu wykona skrypt JS i dobierze się do poprawnego adresu.
  
• De facto wszystkie menu powinny być listami - wyjątku nie stanowi tutaj menu w stopce, które również listą być powinno. &bull; można łatwo wcisnąć jako li + li::before
  
• Podstrona "about" - polecam do poczytania: http://blog.paciellogroup.com/2013/10/html...cument-outline/
  
• 
  
  Kod
  <ul>
      <li><b>Nazwa:</b> Wartość</li>
  </ul>
  
  Tego typu struktura o wiele bardziej przywodzi na myśl inny typ listy w HTML - listę definicji
  
  Kod
  <dl>
      <dt>Nazwa</dt>
      <dd>Wartość</dd>
  </dl>
  
  
• W tym wypadku dodatkowo te informacje kontaktowe otoczyć można w address, gdyż są to dane kontaktowe dotyczące danej strony
  
• Podstrona z pracami
  
  Kod
  <a class="btn btn-default" href="#" role="button" onClick="java script:togglePopup(1, 3);">Szczegóły &raquo;</a>
  
  To jest po prostu głupota. Polecam sprawdzić jakie wymagania stawia ARIA, gdy chcemy wykorzystać link jako przycisk. Dostawienie [role=button] sprawy nie załatwia - co więcej, pogarsza ją, przedstawiając element jako przycisk, podczas gdy nie udostępnia on odpowiedniej funkcjonalności. W tym wypadku powinien być zastosowany po prostu button, a obsługa kliknięcia wykonana POPRAWNIE, zatem z poziomu JS, nie kodu HTML.
  
• Takie pytanie dodatkowe - a co jeśli z różnych względów nie mam obsługi JS w przeglądarce? Czemu domyślnie szczegóły wszystkich zleceń są ukryte? Powinny być wyświetlane i ukrywane przy pomocy techniki .no-js. Owszem, przy wyłączonym JS nie będzie to wyglądało aż tak atrakcyjnie, ale przynajmniej informacje będą dostępne dla wszystkich.
  
• Wystawienie oceny
  
  Kod
  <textarea onclick="java script:clearTextarea(this);"
  
  Śmieszy to tym bardziej, że przy normalnym polu używasz [placeholder]. Pomijam fakt, że textarea można sfocusować bez udziału myszki, przy czym Twój skrypt spektakularnie się wyglebi
  
• Gdzie są etykietki poszczególnych pól formularza, opis działania gwiazdek i [alt] dla obrazków? To są podstawy dostępności!
  
• Kod
  <small><small><small>2015-05-12 23:45:15</small></small></small>
  
  Co tu robi small? Od dat jest time, a small wcale nie służy do pomniejszania rozmiaru czcionki - polecam zajrzeć do specyfikacji HTML5
  
• Czemu strzałka powrotu do góry miga? Była tak niefunkcjonalna, że aż trafiła jako filtr do Adblocka…