Fløyelsmyk dagbok

[Zenobia]

<cite/> og cite=""    Hva er det for slags raringer som har laget HTML?

Nå over i CSS: <style/> og style=""

{ } Jeg vil bruke ekstern CSS.

 

 

[Hoppetaujenta]

Har du tatt for mye Møllers tran i kveld?  

[Zenobia]

Hoppetaujenta skrev (41 minutter siden):

Har du tatt for mye Møllers tran i kveld?  

Om det bare var så vel!

Jeg har mistet oversikten over hvor mange rare sider jeg har registrert meg på.

Har funnet en bra side som heter w3schools.com, der man kan lære HTML med teskje-metoden. Passer meg

Men nå ... litt gira òg, sjø.

Bare litt til ...

[Zenobia]

Jeg har registrert meg på minst én rar side til. Muligens to. Husker ikke. Ingen av dem kunne vel egentlig tilby det jeg var ute etter. Men kanskje den ene. Vi får se. Jeg er uansett ferdig med den økten jeg hadde planlagt i dag, og skal omstille hodet til mere HTML, eventuelt ta helg.

Mat først.

[Zenobia]

Jeg har forsøkt å få et SSL-sertifikat på den gratis Infinity Free-siden min. Måtte gi opp. Fikk sertifikatet; fikk ikke plassert det. Begrepssalat i hodet. Delvis oversatt side til norsk; forklaring på engelsk.

SCSS er visst en ting ...

HUSK:

body {
  background-image: url("img_bildenavnher.png");
  background-repeat: no-repeat;   DETTE!!!
}

 

[Zenobia]

Ny CSS-økt:

ja, det heter ikke element {
  border: 2px solid red;
  border-radius: 12px;  Denne
  padding: 5px;
}

Gir en avrundet kantlinje rundt hele avsnittet/elementet.

- - -

Margin collapse demonstreres, men ingen forklaring??

Og hva i innerste og heiteste er et <div>??!!!

{
margin: auto;    Midtstiller elementet
}

 

Endret 29. mai 2022 av Zenobia
Flere notater

[Zenobia]

Tanker om tabell, maler og stil.

Nettstedet skal ha flere tabeller.

1) Personell
2) Romskip. Disse to ligner.
3) Episoder. Liten tabell med lenker til tekst. Kanskje jeg skal begynne med denne?
4) Kosmografi ... tabell? Med lenker til "fakta-ark"
5) Begrep. Enslags ordliste. Trenger man å kunne sortere den? Kan man ikke bare bruke søkefunksjonen på siden?

Spørsmålstegnet skal lede til en side der besøkende kan legge igjen kommentarer.

Toktprotokoll vet jeg ikke hvordan skal se ut ennå Kanskje statiske sider som man kan nå via å klikke på romskipsnavn. Toktprotokoll ble innført for stjerneskip etter havnefast-episoden i Beta Kentauri.

Knappen 'Ekstern' leder til en omtale av div. organisasjoner. Ingen tabell
Tidsregning er interaktiv. Fyll inn en dato -> resultat i vari.

jeg er visst glad i tabeller

[Zenobia]

Jeg skal ta stilen ut av malen? Nei. Mal for side uten tabell er egen mal.

Farvevalg og skrifttype er den samme på alle sidene, bortsett fra på hjemmesiden.
Noen flere stilgreier på tabell-sidene.
 

Konklusjon: Jeg oppdaterer lenket CSS-fil.

- - -

Oppgaver:

1. Gjøre ferdig stilen til tabellen
2. Finne ut hva som skal stå i de enkelte cellene - 0K
3. Få sorteringen (js?) til å funke
4. Lenke fra navn til bixby lookalike

Tror jeg går på punkt to først. Må nok ha en skyggetabell i bakhånd.

Stilarbeid neste. Kladd:
width: 100%
 

Leser videre på w3schools

 

Endret 31. mai 2022 av Zenobia

[proghodet]

On 5/31/2022 at 6:42 PM, Zenobia said:

Jeg er visst glad i tabeller

Ikke at du spurte, men jeg hater tabeller 😂

[Zenobia]

proghodet skrev (1 minutt siden):

Ikke at du spurte, men jeg hater tabeller 😂

Er det fordi du jobber mye med det?   Eller er det bare et visuelt uttrykk som ikke innbyr til samhandling?

Jeg må tenke meg litt om nå   Fra min side er det en enkel måte å formidle mange data raskt på. For en leser vil kanskje dette bare bli en VEGG av informasjon? Hmmm. Jeg tenkte å formidle sammenheng.

Jeg håper de som lytter til science fiction er nerdete nok til å sette pris på dem JEG liker dem!

[proghodet]

On 5/22/2022 at 12:14 AM, Zenobia said:

Sett inn bilde-syntaks: <img src="nettadresse" alt="noe"/>  Legg til en / før endevinkelen hvis HTML også skal være gangbar XML. Jeg vet ikke hva XML er ennå, men det er ikke mye å forlange en /, så den skal du få.

Bare en liten kommentar til dette. I HTML5, som har vært HTML-standarden siden 2008, skal du ikke legge på den forover-slashen på slutten av tag'en. Selvom du legger den til vil den bare bli ignorert av nettleseren. Ingenting går i stykker eller noe, men det bare er unødvendig. HTML5 har noen få av disse selv-lukkende tag'ene (<img>, <br>, <input>, som jeg kommer på i farta), og argumentet er at de ikke trengs å lukkes fordi de ikke har noe innhold, bare attributter, i motsetning til f.eks <p>her er innholdet</p>

XML er et eget markupspråk som brukes til egne formål, som f.eks datasett. Din markup (HTML) vil aldri trenge å være XML-kompatibel.

Endret 1. juni 2022 av proghodet

[Zenobia]

proghodet skrev (2 minutter siden):

Bare en liten kommentar til dette. I HTML5, som har vært HTML-standarden siden 2008, skal du ikke legge på den forover-slashen på slutten av tag'en. Selvom du legger den til vil den bare bli ignorert av nettleseren. Ingen går i stykker eller noe, men det bare er unødvendig. HTML5 har noen få av disse selv-lukkende tag'ene (<img>, <br>, <input>, som jeg kommer på i farta), og argumentet er at de ikke trengs å lukkes fordi de ikke har noe innhold, bare attributter, i motsetning til f.eks <p>her er innholdet</p>

XML er et eget markupspråk som brukes til egne formål, som f.eks datasett. Din markup (HTML) vil aldri trenge å være XML-kompatibel.

0K 👍 Ikke om den tidsregningen fra et excel-ark, heller? Er det noe XML der?

Nå er forresten herligheten limt inn. Og oppdatert. Og jeg har ikke gjort noe mer fire linjer, for jeg skjønte ikke hva du mente. Skal vi gi oss for i aften, eller er du game for mer guiding?

[proghodet]

On 6/1/2022 at 10:46 PM, Zenobia said:

Er det fordi du jobber mye med det?   Eller er det bare et visuelt uttrykk som ikke innbyr til samhandling?

Jeg må tenke meg litt om nå   Fra min side er det en enkel måte å formidle mange data raskt på. For en leser vil kanskje dette bare bli en VEGG av informasjon? Hmmm. Jeg tenkte å formidle sammenheng.

Jeg håper de som lytter til science fiction er nerdete nok til å sette pris på dem JEG liker dem!

Neida, det er lite tabeller i min hverdag, heldigvis! Mitt største issue med dem er at de er vanskelig å designe visuelt pene, og når man har > 3-4 kolonner blir det trangt og kjipt på mobil - eller man må scrolle sideveis, som heller ikke alltid blir så lekkert. De kan også være vanskelig mtp. tilgjengelighet, men har ikke forsket veldig på akkurat det

Med det sagt, så presenterer du jo i høy grad tabulære data, så det er på ingen måte feil å bruke dem der du gjør. Men om du skulle ha bilder, så ville jeg kanskje vurdert andre måter å presentere dataene på. Og om du liker dem er det vel ingen grunn til å la være

Endret 5. juni 2022 av proghodet

[proghodet]

6 minutter siden, Zenobia said:

0K 👍 Ikke om den tidsregningen fra et excel-ark, heller? Er det noe XML der?

 

Det er ikke relevant Den må uansett kodes om fra excel til javascript. Er det mye data?
 

6 minutter siden, Zenobia said:

Nå er forresten herligheten limt inn. Og oppdatert. Og jeg har ikke gjort noe mer fire linjer, for jeg skjønte ikke hva du mente. Skal vi gi oss for i aften, eller er du game for mer guiding?

Vi kan se bort ifra de fire linjene til du skal ha på plass en tabell til Vi kan godt få tabellen til å sortere igjen først, kanskje? Tabellen må forresten ha samme klassenavn som står i document.querySelector('') i toppen der (tror det var personellTable?)

Endret 1. juni 2022 av proghodet

[Zenobia]

proghodet skrev (1 minutt siden):

Det er ikke relevant Den må uansett kodes om fra excel til javascript. Er det mye data?
 

Vi kan se bort ifra de fire linjene til du skal ha på plass en tabell til Vi kan godt få tabellen til å sortere igjen først, kanskje? Tabellen må forresten ha samme klassenavn som står i document.querySelector('') i toppen der (personellTable?)

1) Mange celler er det ikke; det er nok omregningen/formlene som er omfattende. Altså formlene.

*bretter opp ermene*

2) Vi tar det i den andre tråden.

Kommer!

[Zenobia]

Jeg har, etter en genial idé, fått endel rot i romskipsyskrinet. Som må lappes ihop.

85 Drotner | Hamburg | 2057-8 HUSK!!
64 Vingrunar | Detroit | 2057-8

Oppdaget i grevens tid av Drotner IKKE skal være bygget på to steder.
Oppdaget i grevens tid at Vingrunar IKKE skal til Andromeda. Det skal derimot Invictas.

172 Invictas | Sagior | 2063 | (Fresh off the press) Ny tidsregning Vari

170 Haquynz | Ýztrion | 2062| Men da blir det jo et stjerneskip? Og det skal være IP. (Ikke) hvis det blir hentet av Maxim Hilaris!

Mål for dagen blir å fullføre inndata i romskiptabell + ul ut til høyre. Samlet uten border-gradient. Kun med greske bokstaver og 24px (testes, iallfall). Videoer etterpå.

(Ja, @proghodet, nå ser du hva jeg må rydde opp i.)

*pause*

De fire i MH som skal til A: IP Mexis, Haquynz, S Invictas, Kring seq

*gjøre det samme med Kring Seq*

Så var det dette med lisenser ...

Har endelig fyrt opp vscode & romskip.html. Puncher data ...

Er på ingen måte ferdig. Tar vare på: border-radius: 15px;

Tok mye lengre tid å ordne opp i dette (hørt om cascading effects?) Er mere fornøyd med tabell-utseendet, iallfall. Å la bare de greske bokstavene stå igjen, funker. Men litt skarpe kanter ...

Slenger inn håndkleet for denne gang.

 

Endret 5. juni 2022 av Zenobia

[Zenobia]

Fant noe morsomt: smooth scroll

scroll-behavior: smooth

Er i vscode, og eksperimenterer med css i styles, og klasser og id i html-fila.

.svusj

Men når jeg skal opp igjen, da? Når jeg har mer enn to deler? Jeg blir bare stående og hoppe mellom del 2 og 3

Endret 19. juni 2022 av Zenobia

[Zenobia]

Ny kode-økt

Har lagt merke til at om jeg ikke setter meg et konkret mål før jeg tar fatt, sklir det lett ut i ... njaæ ... går meg vill i alt som trengs å gjøres for å få siden opp.

Konkret mål for i dag:
Prolog-teksten skal se pen ut.

Og det tok nøyaktig 4 sekunder før jeg kom på at først skal jeg laste ned Git!   sånn at jeg kan holder vscode lokalt oppdatert gjennom Pull.

Har lastet ned Git, men et stykke ut i installeringen ble spørsmålene så uforståelige at jeg avsluttet uten å installere. Vet ikke hvilke valg som er best til mitt bruk (sammen med vs code).

@proghodet    Hvis du skulle titte innom ...

Foreløpig endrer jeg bare styles - og prologfila lokalt. Laster opp enkeltvis.

Og der! var jeg igang med CSS animation og transition

Prøver igjen ...

Lastet opp på github. Jau, jau. Prologen ser ikke halvgæli ut nå.

Mangler et par lenker.

Mangler å lenkes til. Må inn i Anchor.

 

Endret 20. juni 2022 av Zenobia
Er tilbake

[Zenobia]

Neste økt:

Gjøre det samme med den engelske teksten.

Huske å fjerne 'Prolog' Nei, fant løsning. Men teksten kommer ett hakk lenger opp på nett enn lokalt  

https://tronora.github.io/001-prolog.html

Det gikk mye fortere med den engelske teksten.

Laster opp ...

Først manglet bilde ... *fikset*

Så ... ETT ord   *fikser*

Nei, lenker mangler her også.

Foråsidesånn: Det er IKKE responsivt   Jeg sitter mest på PC når jeg er på nett, så det kommer ikke først i prioriteringen.

*Inn og lese om responsivt design på w3schools nå*

Endret 20. juni 2022 av Zenobia
Andre økt

[Zenobia]

Notater:

Oversatte utdrag fra w3schools

Et responsivt design vil tilpasse seg ulike skjermstørrelser.

Man bruker HTML og CSS til å endre størrelse, gjemme, krympe og forstørre automatisk, så det ser bra ut på alle enheter.

<meta name="viewport" content="width=device-width, initial-scale=1.0">
og det står så i meta'n min også. Men ... ? Virker ikke? Hm.

 

Trenger å forstå container mer også. Flex-container? Hmmm!

 

flex-wrap: wrap

 

Responsive image grid using flexbox??! Grid og Flex er da to ulike systemer?

 

*svisj ut igjen*

 

Nei, det var for bildegalleri.

 

Kan være jeg må se på img width i morgen. Nok nå

Endret 20. juni 2022 av Zenobia