Kristjan Kannike

Võrgukujundus

Designing for the Web” on Mark Boultoni raamat võrgukujundusest.

Dive into HTML5“ on Mark Pilgrimi raamat HTML5 tähtsamatest elementidest.

Ajakiri „A List Apart”: artiklid kujundusest rõhuga standardite kasutamisele: (X)HTML, CSS, JavaScript.

Eesti ja inglise keele tüpograafilised erinevused on kirjavahemärkide õigekirjast, arvude ja kuupäevade esitusest.

Loetavus

U.S. Department of Health and Human Services: Usability annab põhjalikku nõu võrgulehekülgede kasutatavuse parandamiseks.

Writing for the Web: kuidas lugejad võrku loevad ja autorid peaksid kirjutama (Jakob Nielsen).

Magic Ink: Information Software and the Graphical Interface on essee, kus tarkvara disaini käsitletakse klassikalise graafilise disaini erijuhuna.

Värv

Tööriistad

ColorZilla on Firefoxi laiendus, millega saab võrgulehekülgedelt või paletilt värve valida.

Eric Meyeri Color Blender ja Steve Chipmani Color Palette Creator segavad värvitoone ja annavad toonide arvväärtused.

Color Scheme Designer aitab värvirattalt valida kokkusobivaid toone ja vaadata, kuidas need paistavad värvipimedaile.

HTML

Microcontent: How to Write Headlines, Page Titles, and Subject Lines (Jakob Nielsen).

Use <link>s in your document (W3C QA Tips), et dokumendiga siduda eelnevat ja järgnevat lehekülge või versiooni teises keeles.

Listamatic: One List, Many Options pakub varnast võtta võimalusi nimekirjade kujundamiseks.

Viit <a>

Guidelines for Visualizing Links (Jakob Nielsen).

Change the Color of Visited Links (Jakob Nielsen).

Kodulehekülje ikoon ehk favikoon

Favicon (Wikipedia): favikooni formaat, kasutamine ja ajalugu.

Tüpograafia

Macro-Typography käsitleb luule, märkuste, sõnaseletuste ja lepingute küljendamist.

Fondid

Georgia & Verdana - typefaces for the screen on ülevaade nendest kuvarilt lugemiseks mõeldud fontidest, muuhulgas intervjuud fondiloojatega.

Unicode

Alan Wood’s Web Site: millised brauserid toetavad Unicode’i, kooditabelid ja nõuanded mitmekeelsete lehekülgede kirjutamiseks. Lisaks HTML 4.0 sümbolite tabel.

Brett's Absolutely Astounding Interactive Searchable Unicode Chart võimaldab koodi või teema järgi Unicode’i märke otsida.

Küljendus

W3Schools: CSS Tutorial on CSS-i õpetus süstemaatiliste näidetega iga kujunduselemendi kohta.

/* Position Is Everything */ õpetab mööda minema IE ja teiste brauserite vigadest, kirjutama lakoonilist CSS-i, ja pakub küljendusnäiteid.

BrainJar.com: Experiments in Web Programming: CSS-i algõpetus ja küljendamine; DOM; JavaScript. Suurepärased näited: JavaScriptiga tehtud kaardimäng CSS-is tehtud kaartidega.

JavaScript

Core JavaScript Guide on JavaScripti ametlik manuaal, mis sobib ka selle õppimiseks.

Core JavaScript Reference on JavaScripti ametlik referents.

JavaScript Shell on JavaScripti käsurida (interpretaator), mis teeb katsetamise kergemaks.

Dokumendi objektmudel (DOM)

Introduction to the Document Object Model (BrainJar) on näidetega sissejuhatus dokumendi objektmudelisse; The DOM Event Model õpetab kasutaja sisendile reageerimist.

The Document Object Model in Mozilla: DOM & JavaScript, DOM -i referents, näited & viited.

RSS & Atom

Mark Pilgrimi artikkel „What is RSS?” kirjeldab erinevaid RSS -i versioone, annab nõu, millist kasutada, ja õpetab RSS -i tegemist Pythoniga.

W3C RSS 1.0 News Feed Creation How-To: RSS -i näide ja XSL stiilileht RSS -kanali genereerimiseks vastavate CSS -klassidega märgistatud leheküljelt.

RDF Site Summary (RSS ) 1.0 on RSS -i spetsifikatsioon, mis viitab ka RSS -i õpetustele.

Tööriistad

Feed Validator kontrollib RSS - või Atom-kanali õigsust.

Tööriistad

W3C QA - The QA Toolboxiga saab kontrollida oma (X)HTML -i ja CSS -i koodi vastavust standarditele ning otsida katkiseid viitu.

Firefoxi laiendused võrgukujundajatele, eriti ColorZilla (võrgulehekülgedelt värvivalija) ja Web Developer teevad elu lihtsamaks.

Pythoni teek Beautiful Soup parsib ka vigast HTML-i „sildisuppi”.