Gå til innhold

Å bygge et nettsted med HTML, CSS og Javascript


Zenobia

Anbefalte innlegg

Okei, datt inn i google fonts, men fant ut at jeg beholder ting som de er. Har kommet meg ut nå.

Skaffer meg oversikt over skriftstørrelsene jeg skal bruke, og konverterer til rem.

48px = 3 rem
36 px = 2.25 rem
24px = 1.5 rem
1.2 rem er også i bruk
20 px = 1.25 rem

Men på den annen side: Jeg fant en skrifttype som passer bra som overskriftstype ... Skal jeg virkelig begynne å importere skrifttyper fra google, nå? :bond: Share tech mono

*poff*

Kevin Povell har en egen design-system HTML-fil, og det er der han har importert skrifttypene :klo:

Hmpf.

- - -

Yay! Kom meg igjennom Typography part 1. Har kopiert og tilpasset til ny stilfil.

Endret av Zenobia
Lenke til kommentar
Del på andre sider

Fortsetter under...

Ferdig med Typography part 2.

Da har jeg begynt på 3. sending (tidl. kalt episode). Kobler den med ny css-fil.

Bakgrunnsbilde: check!
Tekstdiv: check! Må seff.
Riktige farver: check!

Den eksisterer kun i min vscode ennå. Uferdig, men greit begynt 👍

 

Endret av Zenobia
Lenke til kommentar
Del på andre sider

Ferdig med leksjon 'Numbered titles', der jeg fant ut hvorfor hsl er så grei å bruke:

i root har jeg dette:
--farve-gul: 44 91% 83%;
--farve-brun: 44 91% 13%;

Den brune kom fra gul-justering. Klasse med justert transparens:

.bg-brun {background-color: hsl( var(--farve-brun) / .6);}

https://hslpicker.com

Dette er en helt enkel hsl-variator.

 

Lenke til kommentar
Del på andre sider

  • 2 uker senere...
  • 2 måneder senere...
  • 3 uker senere...

Annonse

Har åpnet VSCode, og ser at jeg har 17 commits som venter :sjokkblå: 

Hva om det er noen av dem jeg ikke vil synkronisere?? Jeg prøvde å slette én av dem, men da ble jeg advart om at jeg slettet hele fila. Jeg vil jo ikke dét!

@proghodet Om du ser hit i kveldinga ... :hallo:

ipad-problemet har for øvrig blitt løst (manus-sider med pussig utseende) Dobbelttrykk var alt som skulle til (men det er mulig en oppdatering i dag også var medvirkende :klo:  Pussig om jeg ikke har prøvd det før) Uansett, jeg er glad!

Og hvordan limer jeg inn en lang harang av en tekst ... off to nettsøk :fnise:
(Altså, hvordan i VSCode ... testing ...) LØST 👍

 

I css: word-wrap: break-word
text-justify: inter-word 👍

 

Da er manuset til hele 3. sending skrevet inn og sjekket med Live Server - puh! Tør ikke å commite noe før jeg har funnet ut av de andre 16 filene. Noen er bilder.

Endret av Zenobia
Lenke til kommentar
Del på andre sider

22 hours ago, Zenobia said:

Har åpnet VSCode, og ser at jeg har 17 commits som venter :sjokkblå: 

Hva om det er noen av dem jeg ikke vil synkronisere?? Jeg prøvde å slette én av dem, men da ble jeg advart om at jeg slettet hele fila. Jeg vil jo ikke dét!

Hei! Jeg er jo tilhenger av kommandolinja, så jeg bruker heller det enn vscode til å ordne med git-ting 🤔

Men prosessen skal være den samme:

- Legg til filene du skal ha med

- Lag en commitmelding

- Push commiten til remote (GitHub)

 

Hvis du har laget commits som du av en eller annen grunn ikke skal ha med videre er det trygt å slette dem. Hvis ikke pusher du det bare til GitHub 🙂

  • Nyttig 1
Lenke til kommentar
Del på andre sider

proghodet skrev (4 timer siden):

Hei! Jeg er jo tilhenger av kommandolinja, så jeg bruker heller det enn vscode til å ordne med git-ting 🤔

Men prosessen skal være den samme:

- Legg til filene du skal ha med

- Lag en commitmelding

- Push commiten til remote (GitHub)

 

Hvis du har laget commits som du av en eller annen grunn ikke skal ha med videre er det trygt å slette dem. Hvis ikke pusher du det bare til GitHub 🙂

Takk for svar. Jeg ser ikke hvordan jeg får kontroll over hvilke filer jeg skal ha med og ikke. De bare legger seg klare til commit hvis jeg gjør en liten endring.

Hvordan tar jeg vekk filer jeg ikke skal ha med? Uten å slette dem?

Nå har jeg forsøkt å commite, men den står bare å stanger??

Jaja, det var 17 filer, og ganske mange bilder. Åkke som :( 

Neeeeeida, jeg hadde bare ikke lukket commit-beskjed-fila :murvegg:

Noen responsiv-feil med manuset jeg la ut i går, men fikser i dag.

Bilde tilpasset PC blir for lite på mobil.

Men men. Nå er det iallfall commited.

Begynner å preparere 4. sending (manus) ...

Fant akkurat ut at jeg har gitt en fil feil navn. Jau jau.

... og hvor er emmet blitt av :bond:

Endret av Zenobia
Lenke til kommentar
Del på andre sider

1 hour ago, Zenobia said:

Takk for svar. Jeg ser ikke hvordan jeg får kontroll over hvilke filer jeg skal ha med og ikke. De bare legger seg klare til commit hvis jeg gjør en liten endring.

Hvordan tar jeg vekk filer jeg ikke skal ha med? Uten å slette dem?

Nå har jeg forsøkt å commite, men den står bare å stanger??

Jaja, det var 17 filer, og ganske mange bilder. Åkke som :( 

Neeeeeida, jeg hadde bare ikke lukket commit-beskjed-fila :murvegg:

Noen responsiv-feil med manuset jeg la ut i går, men fikser i dag.

Bilde tilpasset PC blir for lite på mobil.

Men men. Nå er det iallfall commited.

Begynner å preparere 4. sending (manus) ...

Fant akkurat ut at jeg har gitt en fil feil navn. Jau jau.

Man skal holde tunga rett i munnen, det er helt sikkert! Da sier vi at det løste seg for denne gang?

 

Endret av proghodet
  • Liker 1
Lenke til kommentar
Del på andre sider

proghodet skrev (Akkurat nå):

Man skal holde tunga rett i munnen, der er helt sikkert! Da sier vi at det løste seg for denne gangen?

 

Jeg finner ikke emmet (den som gjør at jeg kan skrive ! og så fyller ting seg ut.

Hyggelig å se deg :hallo:

 

Lenke til kommentar
Del på andre sider

Just now, Zenobia said:

Jeg finner ikke emmet (den som gjør at jeg kan skrive ! og så fyller ting seg ut.

Hyggelig å se deg :hallo:

 

Det hender jeg bare må lukke vscode og åpne på nytt, så er emmet magisk tilbake

I like så! ^_^

  • Nyttig 1
Lenke til kommentar
Del på andre sider

proghodet skrev (Akkurat nå):

Det hender jeg bare må lukke vscode og åpne på nytt, så er emmet magisk tilbake

I like så! ^_^

Aha! Tror jeg faktisk har vært ut for det samme, men skjønte ikke at det var det som skjedde :ler:

Lenke til kommentar
Del på andre sider

Annonse

Og hvordan holder jeg igjen filer i vscode? Hvordan kan jeg lage en uferdig HTML-fil jeg IKKE ønsker å pushe ennå?? Den legger seg jo i commit-feltet, og prøver jeg å slette, kommer en brysk advarsel om at da SLETTER DU VIRKELIG FILA!!! Så ... det tør jeg jo ikke :fnise:

Lenke til kommentar
Del på andre sider

Tada! Lagre ny fil først, så kommer !-smæla lett som en plett. (Etter en vscode-restart)

Da er hele 4. sending skrevet inn. Men ikke stylet. Skal velge bakgrunnsbilde ...

 

Endret av Zenobia
Lenke til kommentar
Del på andre sider

Fant bakgrunnsbilde til manusside 4 på  Pixabay. Denne gangen husket jeg å kopiere inn kreditering i bilde-info, så den skal være grei å finne. Det er mye kreditering som gjenstår, så jeg da jeg åpnet bildemappen. Skal søke opp alle bildene jeg har brukt/skal bruke, og som ikke er KI-generert, og legge inn kreditering i bilde-info.

Lenke til kommentar
Del på andre sider

Annonse

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...