Egen CSS, hoved, bund, JavaScript
Hvis du kan HTML og CSS, slår du „Udviklertilstand“ til nederst i højre kolonne under „Avanceret“. Kontakten gælder for denne browser; derefter vises området „Udvikler“ til venstre. Der findes fire pladser: „CSS“, „Hoved-HTML“, „Bund-HTML“ og „JavaScript“, hver på op til 200 kB.
Din CSS kommer efter det genererede stylesheet og vinder derfor ved samme specificitet. For at du kan ramme præcist, har hver sektion et fast anker: hovedområdet #kt-hero, sektionerne #kt-s0, #kt-s1 … i deres rækkefølge – flytter du en sektion, flytter dens nummer med. Et klik på et anker indsætter det ved markøren. Eksterne scripts fungerer kun via https://.
Dokumentet forbliver kilden til indhold og opbygning, koden til udseende og tilføjelser: Kenji rører aldrig din kode, og din kode omskriver ingen sektion.
- Åbn „Avanceret“ nederst til højre, og slå „Udviklertilstand“ til.
- Klik på „Udvikler“ til venstre, og vælg en plads, f.eks. „CSS“.
- Skriv din kode, og klik på „Gem kladde“ – eller tryk på Ctrl+S.
Kladde, forhåndsvisning, udgivelse og tilbagerulning bruger ingen AI-saldo.
Forhåndsvisning i sandkassen
„Forhåndsvisning“ viser hele din side med den kode, der lige nu står i editoren – også ugemt –, afskærmet i sin egen ramme: uden adgang til cookies, til gemte data og til den side, den ligger i. Dobbelt sikret, fordi hver af de to barrierer for sig er en indstilling, som nogen ved et uheld kan løsne.
Den normale redigeringsvisning viser kun din CSS. HTML og JavaScript ser du i denne forhåndsvisning og på live-siden.
- Klik på „Forhåndsvisning“ i området „Udvikler“.
- Kontrollér siden under „Forhåndsvisning med kladdekode“, og luk den med „Luk“.
Egen udgivelse og versioner for kode
Koden har sin egen kladde og sin egen udgivelse. „Udgiv“ i området „Udvikler“, med en valgfri note, gør den gemte kladde til en version – og den gælder straks på live-siden, uafhængigt af knappen „Udgiv“ øverst i topbjælken. Hvis websitet er offline, venter koden, til det er online igen.
Under „Versioner“ står hver version med nummer, tidspunkt, oprindelse – manuelt, „Forslag fra Kenji“ eller tilbagerulning –, din note og forskellen til den forrige; den, der gælder lige nu, er markeret med „live“. „Tilbage til denne version“ opretter en ny version med det gamle indhold, og kladde og live-side står straks på denne tilstand.
- Klik på „Udgiv“, skriv en note efter behov, og klik på „Offentliggør nu“.
- Fold „Versioner“ ud, og klik på en version for at se forskellen.
- Klik på „Tilbage til denne version“ og derefter på „Ja, tilbage“.
En gammel tilstand er ikke automatisk en fejlfri tilstand – kontrollér live-siden efter tilbagerulningen.
Kodeforslag fra Kenji
I feltet under koden beskriver du med én sætning, hvad koden skal gøre, og Kenji skriver et forslag. Det vises ved siden af din kladde med en forklaring og forskellen til din kode – aldrig direkte i den.
„Anvend“ skriver forslaget ind i kladden, „Kassér“ lægger det til side. Det udgives først med sin egen knap: Når det gælder kode, er du den sidste, der siger ja. Et åbent forslag bliver stående, også hvis du genindlæser siden.
- Skriv i feltet under koden, hvad koden skal gøre, og send det.
- Læs forklaringen og forskellen.
- Klik på „Anvend“ eller „Kassér“.
Forslaget bruger AI-saldo; „Anvend“ og „Kassér“ bruger ingen. Hvis et forslag ikke kan bruges, kasseres det, og der trækkes intet.