Egen CSS, sidhuvud, sidfot, JavaScript
Om du kan HTML och CSS slår du på ”Utvecklarläge” under ”Avancerat” längst ner i den högra kolumnen. Reglaget gäller för den här webbläsaren; därefter visas området ”Utvecklare” till vänster. Där finns fyra platser: ”CSS”, ”Huvud-HTML”, ”Sidfots-HTML” och ”JavaScript”, var och en på upp till 200 kB.
Din CSS läses in efter den genererade stilmallen och vinner därför vid samma specificitet. För att du ska kunna träffa exakt har varje avsnitt ett fast ankare: sidhuvudet #kt-hero, avsnitten #kt-s0, #kt-s1 … i sin ordning – om du flyttar ett avsnitt följer dess nummer med. Ett klick på ett ankare infogar det vid markören. Externa skript går bara via https://.
Dokumentet förblir källan för innehåll och struktur, koden för utseende och tillägg: Kenji rör aldrig din kod, och din kod skriver inte om något avsnitt.
- Öppna ”Avancerat” längst ner till höger och slå på ”Utvecklarläge”.
- Klicka på ”Utvecklare” till vänster och välj en plats, till exempel ”CSS”.
- Skriv din kod och klicka på ”Spara utkast” – eller tryck på Ctrl+S.
Utkast, förhandsvisning, publicering och återgång förbrukar inget AI-saldo.
Förhandsvisning i sandlådan
”Förhandsvisning” visar hela din sida med den kod som just nu finns i redigeraren – även osparad – avskärmad i en egen ram: utan åtkomst till cookies, till lagrade data och till sidan som den ligger i. Dubbelt säkrad, eftersom var och en av de två spärrarna för sig är en inställning som någon av misstag kan lätta på.
Den vanliga redigeringsvyn visar bara din CSS. HTML och JavaScript ser du i den här förhandsvisningen och på den publicerade sidan.
- Klicka på ”Förhandsvisning” i området ”Utvecklare”.
- Kontrollera sidan under ”Förhandsvisning med utkastets kod” och stäng den med ”Stäng”.
Egen publicering och versioner för kod
Koden har sitt eget utkast och sin egen publicering. ”Publicera” i området ”Utvecklare”, med en valfri anteckning, gör det sparade utkastet till en version – och den gäller omedelbart på den publicerade sidan, oberoende av knappen ”Publicera” uppe i sidhuvudet. Om webbplatsen är offline väntar koden tills den är online igen.
Under ”Versioner” visas varje version med nummer, tid, ursprung – manuellt, ”Förslag från Kenji” eller återgång –, din anteckning och skillnaden mot den föregående; den som gäller just nu är märkt ”live”. ”Tillbaka till denna version” skapar en ny version med det gamla innehållet, och utkastet och den publicerade sidan får omedelbart det läget.
- Klicka på ”Publicera”, skriv en anteckning om du vill och klicka på ”Publicera nu”.
- Fäll ut ”Versioner” och klicka på en version för att se skillnaden.
- Klicka på ”Tillbaka till denna version” och sedan på ”Ja, tillbaka”.
Ett gammalt läge är inte automatiskt ett felfritt läge – kontrollera den publicerade sidan efter återgången.
Kodförslag från Kenji
I fältet under koden beskriver du med en mening vad koden ska göra, och Kenji skriver ett förslag. Det visas bredvid ditt utkast, med en förklaring och skillnaden mot din kod – aldrig direkt i den.
”Tillämpa” skriver in förslaget i utkastet, ”Förkasta” lägger det åt sidan. Publiceringen sker först med en egen knapp: när det gäller kod är det du som säger ja sist. Ett öppet förslag finns kvar även om du laddar om sidan.
- Skriv i fältet under koden vad koden ska göra och skicka det.
- Läs förklaringen och skillnaden.
- Klicka på ”Tillämpa” eller ”Förkasta”.
Förslaget förbrukar AI-saldo; ”Tillämpa” och ”Förkasta” gör det inte. Om ett förslag inte går att använda förkastas det och ingenting debiteras.