johncons

Stikkord: Objekt-orientert webdesign

  • Nå har jeg laget en ny design, for mobil-sidene, på johncons-web

    Screenshot_2020-12-16-04-29-35

    https://johncons.angelfire.com/mobil.html

    PS.

    Menyen skal egentlig ikke ha den streken, på midten.

    Jeg lagde den nye menyen, ganske raskt, nå i kveld.

    Så den ble ikke helt ordentlig, når det gjaldt objekt-orientering, osv.

    Men det blir lettere å forstå nettstedet, når menyen og logoen er like brei som ‘innholds-panelet’, (må man vel si).

    Så jeg får heller fikse på den menyen seinere.

    (Sånn at den irriterende streken går bort.

    For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Mvh.

    Erik Ribsskog

    PS 2.

    Etter å ha sovet litt på det, som kom jeg på, hvordan jeg skulle gjøre det, med den nevnte objekt-orienteringen, (sånn at den irriterende streken går bort):

    Screenshot_2020-12-16-21-40-59

    https://johncons.angelfire.com/mobil.html

    PS 3.

    Det er mulig, at det ikke ble helt vellykket, å dele opp meny-listen, i to deler.

    Det er for at innholdet ikke skal komme så langt ned, på skjermen, (når man laster inn nettsiden).

    Men jeg får heller se an, hvordan det funker, med denne nye, (og delte), menyen.

    Det er kanskje bedre, å ha en lang meny-liste, med mye luft, på sidene.

    (Selv om innholdet da kommer lenger ned, (på skjermen), når man laster inn nettsiden.

    Og det ser kanskje dumt ut, med mye luft/padding, på siden av menyen.

    For å si det sånn).

    Så sånn er muligens det.

    Bare noe jeg tenkte på.

    Men men.

    PS 4.

    Det er forresten mulig, at den menyen, kan stilles litt bedre, med paddingen.

    Hvis de to meny-listene står litt nærmere hverandre.

    (Og hvis det er mer luft/padding, mot sidene til mobilen).

    Så er det kanskje lettere å skjønne, (for herr og fru Hvermansen liksom), at det er snakk om en (delt) meny.

    Og ikke to forskjellige menyer.

    (For å si det sånn).

    Da blir kanskje menyen mer brukervennlig.

    (Må man vel si).

    Så sånn er nok det.

    Bare noe jeg tenkte på.

    Men men.

    PS 5.

    Sånn her kanskje:

    Screenshot_2020-12-17-01-01-50 paint

    https://johncons.angelfire.com/mobil.html

    PS 6.

    Jeg satt også på litt mer avstand, mellom meny-valgene, (sånn at det blir lettere, å treffe riktig, med fingertuppene):

    satt på mer avstand

    https://johncons.angelfire.com/mobil.html

    PS 7.

    Jeg fant ut, at det var bedre, å sette menyen øverst:

    Screenshot_2020-12-17-18-00-24

    https://johncons.angelfire.com/mobil.html

    PS 8.

    Jeg satt også meny-valget: ‘Rettighetssaker’ øverst, (så kanskje de blir lagt mer merke til, for å si det sånn):

    rettighetssaker øverst

    https://johncons.angelfire.com/mobil.html

  • Jeg jobber med, å finpusse, den nye web-designen, på johncons-web, (etter migreringen, (til CSS), for noen måneder siden). Og nettstedet skal nå være både objektorientert og responsivt. Men det blir kanskje litt stort mellomrom, mellom de små overskriftene og teksten, (i feltene), tenker jeg. Men det er vel smak og behag. Så jeg får se, hvordan jeg skal løse dette, etterhvert

    gjør om til objektorientert

    http://johncons.angelfire.com/lenker.html

    PS.

    Her kræsjer visst objekt-orienteringen litt med HTML/CSS.

    Men da kan jeg kanskje bare droppe å ha disse tekst-feltene objekt-orienterte, (tenker jeg).

    For det ser litt ‘gammeldags’ ut, (må man vel si), med så mye avstand, mellom overskriften og teksten, i de ‘link-feltene’, (blant annet).

    Så det blir nok til, at jeg bare tar en ‘spansk en’, (på dette), for å spare tid, (og slippe å definere egne overskrifter), osv.

    Vi får se.

    Mvh.

    Erik Ribsskog

    PS 2.

    Denne bloggposten blir kanskje litt teknisk, men ved å søke litt, på Google, så fant jeg ut, at det er mulig, å fikse problemet ovenfor, ved å stille, på noen ‘default-verdier’, som overskriftene, i HTML, har:

    teknisk

    http://www.w3schools.com/tags/tag_hn.asp

    PS 3.

    Jeg la også merke til, (når jeg så gjennom CSS-koden nå), at johncons-web, har en eller to ting igjen, (det var vel en font-størrelse, som var oppgitt, i piksler), før det er 100 prosent responsivt.

    (For da må alt være i em, (for eksempel), og ikke i piksler, da).

    Så det er en del finpussing igjen, på dette nettstedet, før denne migreringen, er helt ferdig, (for å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 4.

    Jeg endte opp med, å definere, min egen ‘overskrift-type’, (noe som ser ut til å funke greit, under testing, ihvertfall):

    definere egen overskrift

    PS 5.

    Da ble avstanden mindre, mellom overskrift og tekst, (den røde bakgrunnsfargen, (bak overskriften: ‘johncons-blogg’), er bare for testingens skyld):

    avstand mindre