Podoba mi się ten retro-neonowy styl
Ciekawe animacje
Trochę pusto na stronie głównej
Elementy stopki mają za mały kontrast względem tła
<html lang="PL">
lang to w tym przypadku raczej en
<meta charset="UTF-8"/>
bez / na końcu - to nie XHTML
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
Jedyną poprawną wartością dla content w tym przypadku to "IE=edge" Chrome frame
(btw http-equiv można z powodzeniem wysyłać jako nagłówki HTTP )
<meta name="keywords" content="portfolio, webdesign, front-end developer, front-end, webprogramming, portfolio webdesigner, portfolio">
Z keywordów możesz zrezygnować, google nie używa ich od wielu lat
Skrypty przerzuć na koniec strony - nie spowalniasz wtedy renderowania (w obecnym przypadku, przeglądarka musi poczekać aż ściągnie JSa - i dopiero ruszy dalej z parsowaniem)
<link href="https://fonts.googleapis.com/css?family=Permanent+Marker" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Kanit:800,800i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Pangolin" rel="stylesheet">
fonty można załadować jednym requestem
<ul class="nav navbar-nav navbar-right navitiles">
<a href="skills.html"><li class="active"><span>Skills</span></li></a>
<a href="me.html"><li><span>Me</span></li></a>
<a href="projects.html"><li><span>Projects</span></li></a>
</ul>
ul > li - takie ułożenie sprawia, że dana treść jest listą
<h1><i>How I create my stuff</i></h1>
<i> w tym miejscu to chyba nie najlepszy pomysł, po prostu użyj stylów dla h1
<div class="desc">
<span>
I'm an upcoming Front-End developer from Poland.<br>
I specialize myself in doing modern Websites and Web Aplications based on many technologies such as AJAX etc.
Here is some stuff I feel familiar with.
</span>
</div>
To powinien być <p>aragraph
<ul>
<li>-HTML5</li>
<li>-CSS3</li>
<li>-SASS</li>
<li>-Bootstrap</li>
<li>-Responsive</li>
<li>-JavaScript</li>
<li>-jQuery</li>
</ul>
Jeśli już musisz zastosować niestandardowe wypunktowanie - użyj pseudo-elementu ::before
<a target="_blank" href="https://codepen.io/WIKG/#">
<span id="codepen">
<i class="fa fa-codepen" aria-hidden="true"></i>
</span>
</a>
Link powinien mieć treść - chociażby ukrytą
target blank
Większości divów można się pozbyć
Tytuły stron powinny opisywać treść na stronie "co jest na stronie - nazwa strony" np "Projects - Wiktor Gała"
tytuły stron - ibb polecam
alt="pictureOfABoss"
po prostu "Picture of a Boss" - atrybut alt jest dla ludzi (w tym przypadku to chyba the Boss)
body .footie footer .zero .media a #codepen i:hover
Korzystając z "fluent english" - http://thesassway.com/beginner/the-inception-rule
Może warto by się zainteresować jakąś metodologią pisania CSSa? (np BEM)
Jeszcze to podrzucę -> http://internet-bez-barier.com/glowne-zasady-stosowania-naglowkow/
Aż się miło CRy robi, gdy strona ładnie wygląda : )
Powodzenia dalej