HTML
Sivun rakenne ja merkitys. Semanttiset elementit (esimerkiksi header, nav, main, article) tekevät sisällöstä ymmärrettävän niin selaimille, hakukoneille kuin apuvälineillekin.
Verkon perusteknologiat ovat pysyneet samoina, mutta niiden ympärille on kasvanut runsaasti työkaluja. Oikea valinta riippuu projektin koosta, ylläpitotarpeesta ja tavoitteista — ei muodista.
Lähes jokainen sivusto rakentuu näiden kolmen selaimessa natiivisti toimivan tekniikan varaan riippumatta siitä, mitä työkaluja niiden päälle lisätään.
Sivun rakenne ja merkitys. Semanttiset elementit (esimerkiksi header, nav, main, article) tekevät sisällöstä ymmärrettävän niin selaimille, hakukoneille kuin apuvälineillekin.
Ulkoasu ja asettelu. Nykyaikaiset ominaisuudet, kuten Flexbox, Grid ja mediakyselyt, mahdollistavat responsiivisen suunnittelun ilman raskaita kehyksiä.
Vuorovaikutteisuus. Käytetään harkiten lisäämään toiminnallisuutta niin, että sivun perussisältö toimii silloinkin, kun skriptit eivät lataudu.
WordPress ja muut CMS-ratkaisut antavat selainkäyttöisen hallinnan sisällölle. Sopivat hyvin, kun sisältöä päivitetään usein ja ylläpitäjiä on useita. Vaativat säännöllistä päivittämistä tietoturvan takia.
Sisällöstä koostetaan valmiit HTML-sivut, jotka palvelin toimittaa sellaisenaan. Tuloksena on erittäin nopea, turvallinen ja vähän ylläpitoa vaativa sivusto. Sopivat esittely- ja dokumentaatiosivustoihin.
Kehykset auttavat rakentamaan monimutkaisia, sovellusmaisia käyttöliittymiä. Ne tuovat tehoa, mutta myös lisäävät koodin määrää — siksi kannattaa käyttää vain, kun sisältö sitä aidosti vaatii.
Web-palvelin (kuten Nginx tai Apache), HTTPS-varmenne, välimuisti ja mahdollinen sisällönjakeluverkko (CDN) muodostavat perustan, jonka päällä sivusto toimitetaan käyttäjälle nopeasti ja turvallisesti.