johncons

Stikkord: Responsiv design

  • Nå har jeg begynt å midtstille mobil-nettsidene på johncons.net

    https://www.johncons.net/mobil.html

    PS.

    Men jeg har ennå igjen, å midtstille resten av mobil-nettsidene.

    Og jeg må også teste, hvordan dette blir, på forskjellige mobiler, osv.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Mvh.

    Erik Ribsskog

    PS 2.

    Sånn blir det da, på en litt gammel Google Nexus-mobil:

    http://mobiletest.me/google_nexus_7_emulator/?u=http://www.johncons.net/mobil.html

    PS 3.

    Nå har jeg hatt en del smart-telefoner.

    Men den dyreste, var en Mio, til 3000-4000 vel, som jeg kjøpte, i 2006.

    Men det er jo sånn for tida, at ‘alle’, liksom skal ha Iphone-mobiler.

    (Det er liksom det gjeveste.

    Må man vel si).

    Men hva heter den nyeste Iphone-en, tro.

    Hm.

    For det hadde kanskje vært artig, å sett mobil-nettstedet, på en av de nyeste/kuleste mobilene.

    Hm.

    Så jeg får se om jeg finne en nyere mobil-emulator.

    (Vi får se).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 4.

    Sånn blir visst nettstedet da, på Iphone X.

    (Som var den nyeste Iphonen jeg fant emulator for i farta).

    Og det kan virke som, at mobil-nettstedet, er litt for bredt, for de fleste mobiler.

    Men siden at jeg har egne mobil-sider, (på nettstedet).

    Så kan jeg jo bare gjøre ‘hovedvinduet’ litt smalere, på de nevnte mobil-sidene, etterhvert.

    (Dette kan styres fra CSS-siden.

    Så det burde ikke være en så utrolig stor/arbeidskrevende jobb.

    For å si det sånn).

    Så det kan jeg se mer på etterhvert, (etter at jeg fått satt på midtstillingen ordentlig, på alle mobil-sidene, osv).

    (Og det er også en del andre ting, å jobbe med, på det nettstedet.

    Som jeg har nevnt i den nest-forrige bloggposten, blant annet).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 5.

    Her er mer om dette:

    PS 6.
    Det står i PS-et ovenfor.

    At Iphone X, sin skjerm, har en bredde, på 375 pixler.

    Og hovedvinduet, (på johncons-web), er vel på cirka 450 pixler.

    Så hvis jeg gjør om det etterhvert, sånn at det blir på cirka 375 pixler, da.

    (Det er mulig at det står mer på nettet, om det liksom finnes en standard-bredde, for mobil-nettsider).

    Da blir nettstedet kanskje litt smalt, for Ipad-er/nettbrett, osv.

    Men da er det eventuelt mulig, å også lage, egne nettbrett-nettsider, etterhvert.

    (Hvis jeg får tid til det).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 7.

    Det er også sånn, (har jeg lest om, for noen år tilbake).

    At man kan bruke noe annet, enn pixler.

    (Enten Em.

    Eller %).

    For å beskrive bredden, på et element, på en nettside.

    Og da kan man få nettstedet, til å passe, på alle mobiler, liksom.

    Det er mulig, at det er bedre, enn å bruke en standard bredde, (i pixler).

    Men da er det også det, at bilder kan forvrenges, (for eksempel), hvis jeg ikke tar helt feil.

    Nå pleier jeg å surfe mest, fra PC-er.

    Så mobil-webdesign er kanskje ikke min sterke side.

    (For å si det sånn).

    Men jeg får prøve å finne ut mer om dette etterhvert.

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 8.

    Det kan være, at 300 pixler, er en grei bredde, for mobil-nettsider.

    (Jeg kan prøve å finne ut, en pixel-bredde, som er sånn, at den blir bra, på brorparten av mobilene.

    Folk flest bytter vel ut mobilen sin, annethvert år, eller noe lignende.

    Så det er kanskje sånn, at man må finne det ‘magiske’ tallet.

    Nemlig hvor bredt skal jeg ha nettsidene.

    Og så blir det jo midtstilt, så det ser greit ut, på alle mobiler som har bredere skjerm, enn 300 pixler.

    Kanskje det er 90 prosent av mobilene, (bare for ta et tall, (dette kan jeg søke mer om på nettet seinere)).

    Og så på de siste ti prosentene, så må de kanskje scrolle litt, for å lese nettstedet.

    (Noe man kan unngå, hvis man bruker prosent, (istedet for pixler), men det er jo litt arbeid, å gjøre om, (for jeg må nok da teste en del, for å finne ut hvordan det funker))).

    Jeg får prøve å surfe litt mer fra smart-telefon osv.

    (For da får jeg kanskje noen ‘aha-opplevelser’.

    For å si det sånn).

    Så sånn er muligens det.

    Bare noe jeg tenkte på.

    Men men.

    PS 9.

    Det er jo også det, at hvis folk snur mobilen.

    Så kan jo nettstedet være bredere.

    Men liker folk å snu mobilen sånn.

    Og hvor mange leser nettsider med snudd mobil.

    Det blir nesten et sånn ‘research topic’, som de kalte det, ved University of Sunderland.

    (Hvor jeg studerte studieåret 2004/05.

    For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 10.

    320 pixler er muligens et slags magisk tall, (og man kan også gjøre noen ‘triks’, med viewport-en, for å få nettstedet til å se bra ut, på mindre skjermer):

    https://www.systek.no/fagblogg/webutvikling-for-smartklokker

    PS 11.

    Her kan man se, at sånn som mobil-nettstedet mitt er nå, (med en bredde på 450 pixler), så er det ikke så veldig iPhone-vennlig, så jeg får prøve, å få gjort om mobil-nettstedet, sånn at det blir på enten på 320 pixler eller 375 pixler, innen ikke alt for lenge:

    https://www.thesitewizard.com/css/mobile-friendly-responsive-design.shtml

    PS 12.

    Jeg tok et par kurs, i webdesign, da jeg bodde i Keith Court, (hvor jeg bodde fra 2012 til 2014), i Walton.

    Og da het det seg, at man skulle bruke mye ‘padding’, på sidene, av teksten.

    Men på mobil, så er det kanskje vanlig, å bruke mindre padding, (for å si det sånn).

    Så jeg kan jo bare redusere paddingen litt.

    For å gjøre det mer iPhone-vennlig.

    (Som en slags ‘quick-fix’).

    Og så kan jeg jo seinere eventuelt gjøre ‘hovedvinduet’ enda mer smalt/iPhone-vennlig, (hvis det trengs), ved å endre på koden, (som er objekt-orientert, så det burde gå an å finne ut av), på de forskjellige nettsidene.

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 13.

    Det er også det, (som nevnt i artikkelen i PS 10).

    At enkelte browsere skalerer nettsidene, sånn at de passer på mobil/smartklokke-skjermen.

    Så det er mulig at mobil-nettstedet mitt, ser greit ut, på de fleste mobiler.

    (Hva vet jeg).

    Selv om det nok er greit, å ha det sånn, at det ser bra ut, uten noe ‘hokus-pokus’ og.

    (For å si det sånn).

    Så sånn er nok det.

    Bare noe jeg tenkte på.

    Men men.

    PS 14.

    I PS 10-artikkelen.

    Så nevnes også, at man kan gjøre nettstedet sitt: ‘Mobile first’.

    Og det uttrykket er nytt for meg.

    (Må jeg innrømme).

    Da jeg gikk på HiO IU, (studieåret 2004/05).

    Og da jeg tok kurs i webdesign, (rundt 2013).

    Så lærte jeg ikke noe om dette.

    Og da jeg begynte på en ny design, på johncons-web, i 2015, (mens jeg bodde på Høvik).

    Så arbeidet jeg, med det i bakhue, at nettstedet skulle bli bra, både på mobil og PC.

    (Uten å ha egne mobil-sider).

    Men menyen endte nederst, på mobil-sidene.

    Og jeg gjorde vel da etterhvert om, sånn at menyen kom nest øverst, (etter logoen).

    (Dette var mens jeg bodde i Trondheim.

    Noe jeg gjorde vinteren 2018).

    Men da ble PC-sidene veldig trauste/uoversiktlige, (synes jeg).

    Og derfor bestemte jeg meg, for å heller ha egne mobil-sider.

    (Etter at jeg en dag, fikk en ‘aha-opplevelse’.

    Om et enkelt/’Unix/Linux-inspirert’ mobil-kall, som jeg da kunne bruke).

    For jeg har jo jobba som Company Researcher, (på vegne av Packaging Europe, i Norwich), i 2007 og 2008.

    Og den jobben, (å samle informasjon om emballasje-industrien), gikk mye på, (ihvertfall for min del), å se på firmaer sine nettsider.

    Og derfor, (og fordi at jeg er mest vant til å surfe fra PC), så ble jeg litt flau, over å ha stygge/uoversiktlige PC-nettsider.

    (På mitt nettsted).

    Men hvis jeg da, (i 2018), hadde tenkt: ‘Mobile first’.

    Så hadde jeg nok blåst i, at PC-sidene ble litt ‘nerdete’/rotete.

    Og så kunne jeg liksom, ha stilt inn mobil-sidene, sånn at de ble bra.

    (Selv om de da muligens ikke ville blitt midtstilte.

    Hm.

    Eller det hadde vel kanskje vært mulig å få til det og.

    Noe sånt).

    Så jeg har egentlig, (med det nevnte mobil-kallet), gått litt bort fra, det jeg først prøvde å få til, (å lage PC-sider, som liksom ‘brakk’, på mobil/nettbrett, sånn at de ble bra/greie, på alle plattformer).

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 15.

    Sånn her ble forresten mobil-nettstedet nå, på min smart-telefon, (en billig Huawei som Elkjøp Slependen prakka på meg i 2015), med Chrome:

    PS 16.

    Så det ble jo ikke, som i mobil-emulatorene, lenger opp, i bloggposten.

    For Chrome skalerer nettstedet, sånn at det bruker cirka halve bredden, av skjermen, (av en eller annen grunn), virker det som.

    Og det er jo noe som jeg kan se mer på, (og prøve å finne ut grunnen til).

    Man kan kanskje manipulere browserne med å bruke viewport, osv.

    Og hvordan dette funker på iPhone, (som vel bruker Safari, som standard nettleser, hvis jeg skulle tippe, (hvis ikke det er noen EU-regler for dette nå)).

    Det kan jeg jo bare gjette på.

    Så dette må jeg nok også lese mer om, (på nettet osv.).

    Jeg har også en annen browser, (muligens Huawei sin), på mobilen.

    Så jeg kan jo se hvordan nettstedet blir der.

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 17.

    Huawei-mobilen har forresten en oppløsning, (skjerm-bredde), på 480 pixler.

    Og mobil-nettstedet har en bredde, på 450 pixler.

    Men på skjermbildet ovenfor, (i PS 15), så er jo margen, på mye mer enn 30 pixler, (480-450).

    (For å si det sånn).

    Det kan man jo se.

    Så her skalerer Chrome nettstedet, (av en eller annen grunn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 18.

    Her er mer om dette:

    PS 19.

    Den kinesiske browseren hadde visst ikke helt dagen, men jeg fant ut, (på Chrome), at jeg må gjøre om footeren, på mobil-nettstedet, for den blir visst ikke helt bra der, (av en eller annen grunn):

    PS 20.

    Bug-en i PS-et ovenfor.

    Det kan være noe i mobil-nettstedet sin CSS-side, som jeg må stille på.

    (For bold tekst, har sin egen tag der.

    For å si det sånn).

    Så sånn er muligens det.

    Bare noe jeg tenkte på.

    Men men.

    PS 21.

    Nå fant jeg en gammel footer, fra 2018, og den er ikke så stor, men den er ihvertfall lik, både på PC og mobil, (når det gjelder mobil-sidene), og så kan jeg heller endre på den footeren etterhvert, og få teksten midtstilt, (og sette på den teksten om cookies), osv.:

    PS 22.

    Sånn ble det da, (når jeg kikker på mobil-nettstedet på PC-skjermen):

    https://www.johncons.net/mobil.html

    PS 23.

    Og på mobilen min, så blir det da sånn:

    PS 24.

    Så den ‘nygamle’ footeren er bug-fri, (siden at den ser grei ut både på PC-skjermen min og på mobilen min), må jeg si.

    Så da setter jeg den footeren, på alle mobil-sidene.

    Og så kan jeg heller utvikle den footeren videre.

    (Om X antall timer/dager).

    Sånn at den footeren blir breiere og sånn at den også får med informasjonen om at nettstedet bruker cookies.

    Og da, (når jeg utvikler den videre), så kan jeg prøve å samtidig holde et øye, på mobilen.

    Sånn at ikke det samme skjer igjen, (nemlig at det blir bug når man ser på footeren på mobil, (noe som ikke er det helt store, (må man vel si), siden at webdesignere ofte, (i våre dager), har mantraet: ‘Mobile first’)).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 25.

    Footeren dukket opp først opp, på johncons-web, (på PC-sidene), i 2018.

    Det var etter at jeg hadde flytta menyen, til under logoen.

    (Noe jeg har blogga om lenger opp i bloggposten.

    Det var for at ellers kom menyen helt til slutt, når man leste nettstedet på mobil.

    Dette var før jeg begynte med egne mobil-sider og mobil-kall).

    Og da trengte jeg noen ‘paneler’, for å liksom fylle opp tomrommet, etter menyen, (på høyre side av skjermen).

    (For å si det sånn).

    Så sånn var det.

    Bare noe jeg tenkte på.

    Men men.

    PS 26.

    Her er mer om dette:

    PS 27.

    Jeg hadde også en footer, på nettbutikken min, (Posegodt.net), som jeg drev, fra 2010 til 2014/2015.

    Men det var en ‘Del-footer’, med sosiale media-knapper.

    Seinere har jeg tenkt, at de knottene, passer bedre, nederst i ‘hovedvinduet’.

    For det er det som står i hovedvinduet, som man da liker/deler, (for å si det sånn).

    (Og ikke hele nettstedet, med menyer, footer, logo og det hele.

    For de ‘elementene’, er jo like, på alle sidene, på nettstedet.

    Mens innholdet i ‘hovedvinduet’ varierer).

    Og Posegodt hadde også, en ‘Om-side’, hvor jeg forklarte om nettstedet.

    Så jeg syntes kanskje, at jeg da ikke trengte, en sånn ‘informasjons-footer’, (eller ‘informasjons/copyright-panel’), som i PS-et overfor.

    (For å si det sånn).

    Så sånn var det.

    Bare noe jeg tenkte på.

    Men men.

    PS 28.

    Nå har jeg satt den ‘nygamle’ footeren på alle mobilsidene på mirror-nettstedet/johncons.net, (jeg endret teksten litt, for å få med det om cookies):

    https://www.johncons.net/sikkerhetskopier_mobil.html

    PS 29.

    Det jeg da lurer på da, er hvordan mobil-side-footeren ser på ut på Angelfire-nettstedet.

    (På mobil.

    Det vil si på min smart-telefon).

    Hm.

    Det er mulig at jeg må bytte til den ‘nygamle’ footeren på det nettstedet og.

    Hm.

    Så sånn er muligens det.

    Bare noe jeg tenkte på.

    Men men.

    PS 30.

    Det er også mulig, at det er smart, å midtstille mobil-sidene, på Angelfire-nettstedet også.

    Jeg trodde at de ble ‘rare’, (med midstilling), på grunn av Angelfire-reklamene.

    Men det kan være, at de så rare ut, (med for mye marger på sidene osv.), på grunn av skaleringen til Chrome, (på min mobil).

    (Noe sånt).

    Så sånn er muligens det.

    Bare noe jeg tenkte på.

    Men men.

    PS 31.

    Footeren på Angelfire-mobilsidene, var like ille, (på min mobil):

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

    PS 32.

    Så det neste prosjektet, når det gjelder webdesignen min.

    Det blir å bytte mobil-footeren på Angelfire-nettstedet, (til den ‘nygamle’ footeren).

    (Og muligens også midtstille mobilsidene der.

    Som på johncons.net).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 33.

    Nå har jeg satt på, den ‘nygamle’ footeren, på forsiden, på Angelfire-mobil-nettstedet, (noe som forresten var litt kinkig på grunn av Angelfire-reklamene):

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

    PS 34.

    Så da setter jeg den footeren, på alle mobil-nettsidene, på Angelfire-nettstedet.

    Og så etter det, så har jeg tenkt til å teste, hvordan det blir, å midtstille mobilsidene der.

    Hvis det blir likt som på johncons.net, (når det gjelder marger osv., på Chrome, på mobilen min), så midtstiller jeg nok Angelfire-mobil-nettstedet og.

    (For å si det sånn).

    Og jeg har også, en nokså lang liste, over andre ting, som burde ha vært fikset, på nettstedet/mirror-nettstedet.

    (Som jeg kan ta innimellom framover.

    Hadde jeg tenkt).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 35.

    Hvis man ser på skjermbildet i PS 33.

    Så ser man, at den nest nederste Angelfire-reklamen.

    Den står helt til høyre, på skjermen.

    Men på PC-nettstedet, så er den reklamen midtstilt.

    Så det er mulig, at det er på grunn av min kode, at den ikke er midtstilt, (på Angelfire-mobil-nettstedet).

    Det har jeg skrevet opp om, på den nevnte ‘webdesign-lappen’ min, angående ting som jeg kan se på, (når det gjelder johncons-web/mirror-nettstedet).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 36.

    Den nevnte Angelfire-reklamen, fra PS-et overfor.

    Den er forresten midstilt, på min PC-skjerm, når jeg ser på Angelfire-mobil-sidene der.

    Så jeg regner med at det er en slags ‘Angelfire-bug’, at den reklamen, ikke er midtstilt, i PS 33.

    (Noe sånt).

    Så sånn er nok det.

    Bare noe jeg tenkte på.

    Men men.

    PS 37.

    Da har jeg satt på den ‘nygamle’ footeren, på alle mobil-sidene, på Angelfire-nettstedet, (så det neste blir da eventuelt, å midtstille de nevnte mobil-sidene):

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

    PS 38.

    Sånn ble en Angelfire-mobil-nettside, (‘Arkiv’), som midtstilt, (på min mobil), og det var jo en forbedring, (må man vel si):

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

    PS 39.

    Så da satser jeg på, (når det gjelder webdesign), å også gjøre om, resten av mobil-nettsidene, på Angelfire-nettstedet, på samme måte.

    (Sånn at de blir midtstilte).

    Og etter det, så tenker jeg, at jeg får prøve å gjøre om johncons.net, sånn at det bruker ‘https’, (og ikke ‘http’), sånn at en ‘blokkerings-melding’, (i Opera), forhåpentligvis går bort.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

  • Nå har jeg endret nettstedet mitt, sånn at det står: ‘Sist oppdatert’, (istedet for: ‘Sist endret’), nederst på sidene

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

    PS.

    Dette var noe jeg blogget om, for noen dager siden, at jeg skulle ordne.

    Og jeg har fortsatt igjen mobil-sidene, (når det gjelder dette).

    Men jeg skulle endre ‘mobil-kallet’, (angående når surferne blir sendt til mobil-sidene), fra 1000 pixler til 1040 pixler, (i skjerm-bredde).

    (Noe jeg også blogga om, for noen dager siden).

    Og da fant jeg ut, at jeg hadde allerede hadde gjort dette, (muligens vinteren 2018, da jeg bodde i Trondheim).

    Men jeg har funnet en annen ting, som trengs å strammes opp, (på nettstedet).

    Og det er ‘dato-boksen’, (på forsiden).

    (Som jeg designet mens jeg bodde på Høvik, (hvor jeg bodde fra 2015 til 2017), var det vel).

    Den bruker noen ganger tre linjer og andre ganger to linjer.

    Den dato-boksen blir vel bedre, hvis den er sånn, at den alltid bruker tre linjer, liksom.

    (Nemlig at datoen er øverst, så månednavnet på neste linje og så årstallet på den nederste linja).

    Så det får jeg se på, om ikke alt for lenge.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Mvh.

    Erik Ribsskog

    PS 2.

    Her er mer om dette:

    http://johncons.angelfire.com

    PS 3.

    Når det gjelder logoen.

    Så er det kanskje ikke så lett, å se, at det står ‘johncons’, på det ‘Sovjetstat-flagget’.

    Så jeg burde kanskje ha gjort noe med logoen og.

    Det er kanskje litt surr, at det ikke er samme logo, som på johncons-blogg.

    Tidligere brukte jeg jo en ‘Tråen-skatten-logo’, en stund, (blant annet da jeg bodde i Tuebrook, (hvor jeg bodde høsten 2017), i Liverpool).

    Det er kanskje greit å ha forskjellig logo på nettstedet og bloggen og.

    (For jeg har jo egentlig ikke noe logo/våpenskjold.

    For å si det sånn).

    Så sånn er muligens det.

    Bare noe jeg tenkte på.

    Men men.

    PS 4.

    Når det gjelder footeren, (som jeg har strevd litt med).

    Så er den kanskje, litt for brei.

    Så den blir kanskje bedre hvis jeg gjør den litt smalere.

    (Noe som eventuelt er lett å fikse, fra CSS/style-siden.

    For å si det sånn).

    Og jeg har også tenkt, at jeg kanskje kan sette på litt opacity, (gjennomsiktighet), heter det vel, på teksten i footeren.

    Sånn at den blir litt dempet.

    (Noe sånt).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 5.

    Som jeg har blogget om, (nå og da), de siste månedene.

    Så har jeg planlagt, å få meg, et mirror-nettsted, (for johncons-web).

    Og nå har jeg nettopp kjøpt shell-plass og domene-navn, (som ble johncons.net).

    Så nå regner jeg med, at jeg skal få opp et nytt nettsted, (uten Angelfire-reklamer/buger), iløpet av de neste dagene.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 6.

    Her er mer om dette:

    PS 7.
    Sånn blir det da, (men jeg har bare lasta opp førstesida foreløbig, (for det noe kode som må endres på hver side)):

    http://www.johncons.net

    PS 8.

    Jeg tenker at jeg bare lar mirror-nettstedet stå sånn her, i et par-tre dager, (for det er også det med mobil-sidene, fra det øverste PS-et):

    (Samme link som ovenfor).

    PS 9.

    Nå har jeg også endret mobil-sidene, (på Angelfire-nettstedet), sånn at det står: ‘Sist oppdatert’, (istedet for: ‘Sist endret’):

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

    PS 10.

    Nå har jeg lasta opp alle PC-sidene, på mirror-nettstedet, så nå er det bare mobil-sidene igjen, (så tar jeg bort det om ‘Under construction’):

    http://www.johncons.net

    PS 11.

    Nå er mobilsidene også lastet opp, så nå er mirror-nettstedet ferdig, (må jeg si):

    http://www.johncons.net/mobil.html

    PS 12.

    Mirror-nettstedet har forresten fortsatt, samme tracking cookie-kode, som Angelfire-nettstedet.

    Men det merker nok ikke surferen/leseren noe til.

    (For å si det sånn).

    Så det kan jeg ordne med etterhvert.

    (Hadde jeg tenkt).

    Og det er også sånn, at jeg har tenkt å midtstille mobil-sidene, på johncons.net.

    (Noe som var kronglete, på Angelfire-nettstedet.

    Husker jeg).

    Og da blir nettstedet bedre, på mobiler, (som har bredere skjerm, enn det ‘hovedvinduet’ i PS-et overfor).

    (Jeg må bare finne ut hvordan jeg midtstilte mobil-nettsidene igjen.

    For det dreiv jeg med, for noen måneder tilbake.

    Før jeg måtte droppe det, på grunn av Angelfire-reklamene.

    Var det vel).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 13.

    Jeg må vel også oppdatere ‘Nettstedets historie’-siden(e), om det, at jeg også har laget, et mirror-nettsted, (med mer proff url osv.).

    Eller om jeg skriver en artikkel, (med egen perm-link), om dette.

    (Noe sånt).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 14.

    Det er også sånn, at det står: ‘Not secure’, (i Opera), når det gjelder mirror-nettstedet.

    Og det er vel noe med kryptering.

    Så det må jeg prøve å finne ut mer om.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 15.

    Her er mer om dette:

    http://www.johncons.net

    PS 16.

    Nettstedet må visst sertifiseres.

    Sånn var det ikke da jeg hadde Posegodt.net osv., (fram til 2015), sånn som jeg husker det.

    Så dette må jeg se mer på, ved en seinere anledning.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 17.

    Her er mer om dette:

    https://help.dreamhost.com/hc/en-us/articles/216539548-Adding-a-free-Let-s-Encrypt-certificate

    PS 18.

    Nå har jeg bestilt et sånt sertifikat, (men det er mulig, at jeg også må gjøre noen endringer i koden etterhvert, (for eksempel at jeg må endre fra ‘http’ til ‘https’)):

    PS 19.

    Da ble visst nettstedet sikkert, med en gang, (det er mulig at Spex Host, (min tidligere webhotell-leverandør), ordnet dette automatisk, da jeg leide shell fra de, (fra cirka 2011 til 2015)):

    https://www.johncons.net

    PS 20.

    Nå la jeg merke til, at Angelfire-nettstedet, også er sånn, at det står: ‘Not secure’, (i Opera).

    (Det er muligens sånn, at jeg ikke har lagt merke til dette før, på grunn av Angelfire-reklamene, osv.).

    Så det er mulig, at jeg må skaffe, et lignende sertifikat, til Angelfire-nettstedet og, (hvis ikke det blir veldig kronglete).

    (Noe sånt).

    Så sånn er nok det.

    Bare noe jeg tenkte på.

    Men men.

    PS 21.

    Her er mer om dette:

    http://johncons.angelfire.com

    PS 22.

    Når det gjelder mirror-nettstedet.

    Så kan man se, i PS 19, at noe innhold, blir blokkert.

    (Øverst til høyre, på skjermbildet).

    Og det er muligens på grunn av, at jeg ikke bruker https, men bruker http.

    Så det skal jeg se mer på seinere.

    (Sånn at det forhåpentligvis er mulig å fikse).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

  • Nå har jeg jobbet litt med footeren, på nettstedet mitt. Og jeg har bestemt meg for å bruke litt opacity/’gjennomsiktighet’, (CSS3), på den, for at den ikke skal ta fokuset vekk, fra resten av nettsiden

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

    PS.

    Jeg har ikke hatt footer, på det nettstedet, så lenge.

    Mens jeg bodde i Trondheim.

    (Hvor jeg bodde vinteren 2018).

    Så satt jeg på footer, (på siden av ‘hovedvinduet’), for at nettstedet ikke skulle se dumt ut.

    For på den tida, så prøvde jeg å finne, en løsning, som passet, både på mobil og PC/stasjonær/laptop.

    (Og da ble menyen og logoen stående helt øverst på skjermen).

    Men så kom jeg på det, at jeg kunne bruke, et ‘Unix-aktig-kall’, for å sende surferen til en mobil-side, (som bruker mye av den samme koden), hvis surferen hadde lav skjermoppløsning, (i bredden).

    Men footeren tok jeg ikke bort.

    Så den må jeg prøve å finne ut mer om hvordan jeg skal ha.

    Og det ble også en bug, når jeg, (mens jeg egentlig holdt på med ‘Unix-kallet’), satt footeren nederst, (på ‘PC-nettstedet’).

    Det ser litt dumt ut, at det står: ‘Høsten 2017’, (istedet for en bestemt dato), for når jeg sist endret ‘Kontakt’-siden.

    Men det er fordi at det må stå noe der.

    For hvis ‘hovedvinduet’ blir for kort/lavt.

    Så blir footeren plassert under ‘hovedvinduet’, til venstre for menyen.

    (Noe sånt).

    Så det er en bug, som jeg får se, om jeg klarer å få fikset etterhvert.

    (Før eller etter at jeg hiver ut en mirror-versjon av nettstedet, inn på et reklamefritt shell.

    Noe jeg har blogget om et par ganger tidligere, at jeg har planer om å gjøre).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Mvh.

    Erik Ribsskog

    PS 2.

    På mobil-nettstedet, så gikk jeg for en litt enklere footer:

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

    PS 3.

    Det er mulig at jeg bare bruker den mobil-footeren, på PC-nettstedet og.

    (Etterhvert).

    For hvis det er samme footer, på begge nettstedene.

    Så blir det mindre dobbeltarbeid, hvis jeg må endre på footeren igjen seinere.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 4.

    Hvis jeg bare kopierer koden, fra mobil-nettstedet.

    (For ‘hovedvinduet’ og footeren).

    Så burde den nevnte bugen bli borte og.

    Og da kan jeg ta bort det om: ‘Høsten 2017’, (som kanskje ser litt dumt ut).

    Hm.

    Men jeg ligger litt på etterskudd med skildringer fra handleturer, osv.

    Så det er mulig at jeg ser på dette litt seinere.

    (For å si det sånn).

    Så sånn er muligens det.

    Bare noe jeg tenkte på.

    Men men.

    PS 5.

    Nå er det ikke sånn, at jeg ikke har lest, om design av footer-e, på nettet.

    Men de footer-ene, som er vanlige, (og som anbefales), i dag.

    De synes jeg, at er for dumme.

    Det er liksom sånn, at nettstedet, er selve footer-en.

    (Der har man linker/menyer, sosiale media-knapper, adresse, osv., osv.).

    Og så har man et pent/stort bilde, (for eksempel), over footer-en.

    Pluss X antall ‘surre-menyer’.

    Så nettstedene blir veldig ustrukturerte, (og uoversiktlige), med de footer-ene, som er vanlige, for tida, (vil jeg si).

    Så de rådene som gis, om footer-e, i våre dager.

    De kunne jeg ikke bruke så mange av.

    (Må jeg si).

    Selv om dette liksom skal være veldig bra råd, osv.

    (For å si det sånn).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 6.

    Her er mer om dette:

    https://designshack.net/articles/layouts/15-tips-for-creating-a-great-website-footer/

    PS 7.

    Nå bare tok jeg bort det med ‘Høsten 2017’, (som kanskje ser litt dumt ut, (siden at det ikke er en ordentlig dato)).

    Og da skjedde ikke den nevnte bug-en.

    Det er mulig at menyen stod lavere før, (da jeg bodde i Trondheim), og at det er grunnen til at den bug-en ikke skjedde nå.

    Men det er mye annet, som bør/kan gjøres på nettstedet.

    Så jeg behøver kanskje ikke å henge meg opp i en bug, som var der, i 2018.

    (For å si det sånn.

    Det er også mulig at jeg rakk å fikse den nevnte bug-en, i 2018.

    Hm.

    Jeg har også lagt inn noe ‘tradisjonell footer-kode’, (en linje jeg fant på nettet nå, (på www.w3schools.com)), i footeren.

    Så det er mulig at det er den linjen, som gjorde susen.

    Noe sånt).

    Footer-en har litt mye luft.

    Hovedvinduet har også ‘stylet ekstra-luft’ over overskriften.

    Men menyen har ikke det.

    (Den har like mye luft/’padding’ oppe og nede).

    Så det er mulig, at det er bedre, å gjøre som for mobil-footer-en, (og i menyen).

    Å ikke ha så mye luft, (i footeren).

    For den footeren, (til PC-nettstedet), er jeg fortsatt ikke helt fornøyd med.

    (Må jeg si).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 8.

    Her er mer om dette:

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

    PS 9.

    Nå gjorde jeg ‘hovedvinduet’ veldig kort, (i sandkasse-modus), for å se hva som ville skje, og da la footer-en seg fremdeles greit, (må man vel si), så det er ikke noe bug der lenger, (må jeg si):

    PS 10.

    Det er også sånn, at ‘hovedvinduet’, er rimelig smalt.

    (På PC-nettstedet).

    Og det henger igjen, fra tida før jeg begynte med egne mobil-sider, (vinteren 2018).

    Så det kunne muligens ha blitt gjort breiere.

    Selv om det er enklere, å lese teksten, (må man vel si), hvis hovedvinduet er smalt.

    Hvis man for eksempel ser i en avis.

    Så har de ganske smale spalter, (som det vel kalles).

    Så jeg får se an om jeg skal gjøre ‘PC-nettsidene’ litt breiere etterhvert.

    Hm.

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 11.

    Det er også sånn.

    At hvis jeg gjør ‘PC-nettstedet’ breiere.

    Da må jeg sende de med nettbrett, til mobil-nettsidene.

    (For å si det sånn).

    Så da må jeg kanskje ha egne nettbrett-sider og.

    Og det blir kanskje litt mye.

    (For det begynner å bli litt lite plass, på det gratis Angelfire-shellet, som jeg har nettstedet mitt på).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 12.

    Det er også en slags bug, (må man vel si), når det gjelder at jeg sender de surferne, som har skjermbredde, på mindre enn 1000 pixler, til mobil-nettsidene.

    For PC-nettstedet er vel på 1040 pixler.

    (Hvis jeg ikke tar helt feil).

    Så hvis noen har en skjermoppløsnings-bredde, på 1020 pixler, for eksempel.

    Så blir de ikke sendt til mobil-nettsidene.

    Og de får vel da en dårlig bruker-opplevelse, (på ‘PC-nettsidene’).

    (Selv om jeg ikke har fått testa dette enda).

    Så jeg må egentlig stille om, sånn at alle som har en skjerm, med mindre enn 1040 pixler i bredde, havner på mobil-nettstedet.

    (Noe sånt).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 13.

    Det er ganske lett å endre designen, når man bruker CSS, så nå har jeg gjort om footeren, (på ‘PC-nettstedet’), til noe lignende, av den på mobil-nettstedet:

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

    PS 14.

    Etter at jeg gjorde om, sånn at nettstedet mitt, også brukte CSS, (noe jeg først hadde på Posegodt, som jeg designet da jeg bodde i Keith Court, (hvor jeg bodde fra 2012 til 2014), i Walton).

    Så begynte jeg også å skrive, på nettsidene, hvilken dato, som de var publisert, osv.

    (Sånn som nettaviser gjør, for eksempel).

    Og jeg har også skrevet datoen, for når nettsiden sist ble endret eller oppdatert.

    Og da har jeg noen ganger brukt Sist endret og andre ganger Sist oppdatert.

    Og hvis det står ‘Sist endret’, så er det nesten sånn, at jeg gjør narr av meg selv, hvis jeg har oppdatert nettsiden.

    (Må man vel si).

    Og hvis det står ‘Sist oppdatert’, så blir det litt dumt, hvis jeg bare har rettet en skrivefeil, for å si det sånn.

    Så det burde kanskje ha stått: ‘Sist endret/oppdatert’.

    (Noe sånt.

    Så da må jeg se over om dette, på alle nettsidene.

    Og så bytte ut den teksten, som står der fra før.

    For å si det sånn.

    Etter at jeg har bestemt meg for, hva jeg skal gå for, av sist endret/sist oppdatert).

    For jeg har ihvertfall lest et sted.

    (Rundt 2007, da jeg begynte med web-design).

    At man burde skrive datoen, for når nettsiden er publisert/laget, på nettsiden.

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

    PS 15.

    Når det gjelder nettstedet mitt.

    Så linker jeg til Min Bok, hos Lulu.

    (Under ‘Lenker’).

    Men det var noen, som ønsket Min Bok-bøkene, i pocket-utgaver.

    Og da ble boka bare på noen få kapitler.

    Så den boka er kanskje litt ‘katta i sekken’.

    Den boken har ikke solgt noe.

    (For da hadde jeg vel fått mail om det.

    Og jeg går også på sosialen nå.

    Og da ble det surr, i England.

    Hvis jeg fikk penger, i royalites, for bøkene mine, (som da lå på Amazon/Createspace), husker jeg.

    Så da måtte jeg tilslutt begynne å leite etter mynter på gata, for å overleve.

    Siden at britene begynte å tulle med meg, da.

    For å si det sånn).

    Og siden det kanskje ble litt tøysete, (fordi at noen mailet meg, og ville ha bøkene mine i pocket-utgaver).

    Så tror jeg at jeg tar bort den linken, fra nettstedet mitt, (om den boka, hos Lulu).

    (En av de neste dagene).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Men men.

  • Nå har jeg laget en nettside, (på johncons-web), om det som skjedde i Trondheim osv., i fjor

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

    PS.

    Jeg har også laget en mobil-versjon, av den samme nettsiden:

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

    PS 2.

    Jeg har også oppdatert johncons-web sin forside, om dette:

    http://johncons.angelfire.com

    PS 3.

    Jeg har også oppdatert ‘mobil-forsiden’:

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

  • Nå har jeg gjort det sånn, at mobil-nettstedet blir midtstilt, (på skjermer som er større enn 450 pixler)

    http://mobiletest.me/google_nexus_7_emulator/?u=http://johncons.angelfire.com/foelg_mobil.html

    PS.

    Nå testa jeg dette, på min egen smart-telefon.

    Og da funka ikke dette, på grunn av Angelfire-annonsen øverst.

    Så jeg får heller ordne med denne midtstillingen, når jeg har fått leiet mitt eget web-shell/domenenavn igjen, (antagelig på nyåret).

    (Noe sånt).

    Så sånn er det.

    Bare noe jeg tenkte på.

    Mvh.

    Erik Ribsskog

  • Nå har jeg midtstilt Facebook-knappene på johncons-web igjen, (etter at Facebook plutselig gjorde disse større/lengre, av en eller annen grunn)

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

    PS.

    Jeg har også gjort det samme for mobil-sidene:

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

  • Nå har jeg strammet opp designen litt, på mobil-versjonen, av nettstedet mitt. Men det er fortsatt et par-tre buger, som jeg har igjen å fikse

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

    PS.

    Sånn blir det da, på en ‘random’ mobil/smart-telefon:

    http://mobiletest.me/nokia_lumia_920_emulator/?u=http://johncons.angelfire.com/soek_mobil.html

    PS 2.

    Jeg har bare gjort det sånn, at de som har skjermer, på mindre enn tusen pixler.

    De havner på mobil-sidene.

    (Nettstedet er nå 1040 pixler bredt.

    Så det er en bug der nå, for de som har skjermer, med bredde på mellom 1000 og 1040 pixler.

    Så det må jeg rette opp.

    Sånn at de som har skjermer på mindre enn 1040 pixler.

    Blir sendt til mobil-sidene).

    Og jeg så, på StatCounter, her om dagen.

    Og det er fortsatt mange folk, som har mobiler, med skjerm-bredde, som er mindre, enn 1000/1040 pixler.

    Men om det kommer til å endre seg.

    Det kan man kanskje lure på.

    Hvis mobilene/nettbrettene etterhvert får skjermbredde på cirka 1000 pixler.

    Så behøver man kanskje ikke lenger å lage responsiv web-design.

    For da kan man istedet bare lage et nettsted, på cirka 1000 pixler, (og så midstille det).

    (For å si det sånn).

    Men smart-klokker, (som vel også har internett), kommer vel muligens mer og mer.

    Så det er mulig at de klokkene, trenger responsiv web-design.

    (Noe sånt).

    Så sånn er muligens det.

    Bare noe jeg tenkte på.

    Mvh.

    Erik Ribsskog