Nå har jeg laget en mobil-nettside for Min Bok 5

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

PS.

Jeg har også oppdatert 'Bøker'-siden:

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

PS 2.

Grunnen til at jeg bruker natt-modus på Sony Xperia-mobilen.

(Som jeg kjøpte på avbetaling fra OneCall tidligere i år).

Det er fordi at den mobilen har en del bra sider.

Den er kompakt.

Så den slår Samsung Galaxy-mobilen (som jeg også kjøpte på avbetaling, og som jeg bruker som 5G-modem til PC-en) som er større/mer klumpete.

(For å si det sånn).

Men en dårlig side, ved Sony-mobilen.

Det er meny-ene.

Det er mye pastell-farger.

Nesten uansett hvilket tema man velger.

Etter å ha testa en del, så fant jeg det temaet, som hadde minst pastell-farger (da var det bare en knapp som ble 'pastell-grå', eller hva man skal si).

Og det temaet var greit.

Men så kjørte mobilen en oppdatering (eller hva det kan ha vært).

Og så var pastell-fargene tilbake (i meny-ene).

Så da satt jeg på natt-modus.

(Må jeg innrømme).

Så her (når det gjelder menyer/temaer) er nok Samsung bedre (enn Sony) må jeg si.

Så sånn er nok det.

Bare noe jeg tenkte på.

Mvh.

Erik Ribsskog

PS 2.

Jeg får ta med om igjen.

At både Sony og Samsung-mobilen var fjorårets modell, liksom.

Så de kostet bare en brøkdel, av de nye Samsung Galaxy-mobilene (S-serien) og de nye Sony Xperia-mobilene, som avisene skriver om, for tida.

(For å si det sånn).

Så sånn er det.

Bare noe jeg tenkte på.

Men men.

Nå har jeg begynt å bytte til klikkbare del-overskrifter, på meny-sidene, på johncons.net

https://johncons.net/om.html

PS.

Det er et par sider til, som jeg har tenkt til å også gjøre dette på, på johncons.net.

Og så har jeg tenkt til å gjøre det samme, på mobil-nettstedet og mirror-nettstedet sitt mobil-nettsted.

Og da blir disse mobil-sidene, en del mer brukervennlige, (vil jeg si).

(Når de får sånne klikkbare del-overskrifter.

For å si det sånn).

Så sånn er nok det.

Bare noe jeg tenkte på.

Mvh.

Erik Ribsskog

Nå har jeg begynt å gjøre om til den nye mobil-designen, på mirror-nettstedet, (johncons.net)

https://johncons.net/arkiv_mobil.html

PS.

Dette arbeidet regner jeg med å bli ferdig med, i løpet av dagen, (søndag).

Det neste innen webdesign, det blir da, å fjerne del-knottene, fra nettsidene, (på både johncons-web og mirror-nettstedet).

Og så får jeg eventuelt sette på 'hjemmelagde' del-knapper seinere.

(Hvis det er mulig å lage sånne knapper selv, som funker bra.

Det må jeg bruke litt tid på å lese om, etterhvert.

Isåfall).

Dette er på grunn av EU/EØS sin 'småkake-lov'.

Den forbyr at man sender IP-adresser osv., til USA.

Noe som del-knappene, (til Facebook og Twitter), gjør.

(Eller det er noen javascript-kodesnutter, som sender disse IP-adressene, (hvis jeg ikke tar helt feil).

Og de kodesnuttene må fjernes fra nettsidene.

Og da virker nok ikke del-knappene lenger.

Og derfor må de fjernes.

For å si det sånn).

Når det gjelder følg-knappene, (for Twitter og Facebook), så fjerner jeg nok de og.

(For ellers så blir ikke nettstedene 'EU-godkjent').

Og så setter jeg nok bare et par vanlige hyperlinker der, (som linker til johncons-web sin Facebook-side og Twitter-side).

(Ihvertfall midlertidig.

Til jeg eventuelt får tid til å lage mine egne følg-knapper, (som ikke sender data til USA, (hvis det er mulig å lage)).

Og da skal nettstedet være 'EU-godkjent'.

For StatCounter sine cookies er visst greie ifølge EU/irsk høyesterett, (man trenger ikke en 'cookie consent-footer', på grunn av disse).

(Men jeg beholder en 'vanlig' footer, (på nettstedene), hvor jeg informerer om at jeg bruker StatCounter-cookies.

For å si det sånn).

Etter det så oppdaterer jeg footerne, (på mobil-nettstedene, johncons-web og mirror-nettstedet).

Sånn at også mobil-nettstedene informerer om at jeg bruker StatCounter-cookies, på nettsidene.

Og også sånn at copyright-årstallene blir riktige, (det skal stå 2008 - 2021, (og ikke 2008 - 2020)).

Etter det, så begynner jeg, med å legge ut Min Bok-bøkene.

(Noe jeg har blogget om tidligere).

De skal jeg legge ut som PDF, (eller i et annet lettlest format).

Og så skal jeg ha et eget menyvalg, som heter: 'Bøker'.

Og der skal jeg linke til fler og fler av Min Bok-bøkene.

(I anledning av at jeg begynte å skrive på de bøkene, i 2011, (da jeg bodde på et herberge i Sunderland).

Så det er snakk om et ti års-jubileum, for de bøkene.

For å si det sånn).

Jeg håper at den første Min Bok-boken, (den som het 'Min Bok'), er linket til, fra nettstedet, innen våren.

(Hvis alt går etter planen).

Og det er også mulig, at jeg legger noe e-bok-utgaver, (av Min Bok-bøkene), under denne 'Bøker-linken'.

(Det at jeg legger ut bøker på nettstedet.

Det betyr ikke at jeg helt har gitt opp, å få de gitt ut, på Lulu, (eller hos et stort forlag).

Men så lenge jeg går på sosialen, (og er avhengig av deres støtte, for å ha til mat osv.), så gjør jeg det nok sånn.

For da jeg bodde i England, (noe jeg gjorde fra 2004 til 2014), så hendte det at the Jobcenter kuttet ut livsopphold-støtten, i lange perioder, og bøkene (som da lå på Createspace/Amazon), og Posegodt, var ikke nok å leve av, (nettbutikken dreiv jeg og forbedret, og jeg ville vente med markedsføring, til at produkt-bildene så mer proffe ut, osv.).

Så noe lignende ønsker jeg ikke, at skal skje, i Norge.

For det er korporlig avstraffelse, må man vel si.

Når man ikke får nok livsopphold-støtte, sånn at man ikke har til mat engang, men må gå å lete etter småpenger på gata, (i England), og etter tomflasker, (i Danmark)).

Og etter det, så har jeg noen lapper her, med mange stikkord, angående flere ting som trengs å gjøres, på nettstedene.

Og da får jeg se hva jeg gjør først, av de tingene.

(For å si det sånn).

Så sånn er det.

Bare noe jeg tenkte på.

Mvh.

Erik Ribsskog

PS 2.

Det er også mulig, at GDPR gjelder, for firmaer/organisasjoner.

Og ikke for enkeltpersoner, (som meg).

(Jeg leste et sted, at GDPR gjelder for 'business processes'.

Altså for kommersielle/merkantile prosesser.

For å si det sånn).

Så det er mulig at GDPR ikke gjelder, for mitt nettsted.

Og mitt nettsted, (johncons-web), startet jo i 2008.

Så det er mulig at GDPR ikke har tilbakevirkende kraft.

Og at disse lovene da ikke gjelder, for johncons-web.

(Jeg har ihvertfall ikke hørt noe fra EU, om dette.

For å si det sånn).

Så sånn er det.

Bare noe jeg tenkte på.

Men men.

PS 3.

Her er mer om dette:



https://en.wikipedia.org/wiki/General_Data_Protection_Regulation

PS 4.

Nå er det jo sånn, (som jeg har blogget om), at Facebook endrer på den 'liker-knotten' sin, annethvert år.

(Sånn at man må midtstille på nytt, osv.

For å si det sånn).

Så det er kanskje uansett greit, å ta bort de knottene, fra nettstedet, (selv om det skulle vise seg, at det er sånn, at GDPR ikke gjelder, for mitt nettsted).

(Og selv om folk, (i England og USA), mente at de knottene var kommet for å bli, for 7-8 år siden.

Sånn som jeg husker det).

Og jeg har vel også lest et sted, (muligens på et engelsk nettsted for IT-utviklere), at folk fra IT-bransjen, har anbefalt andre, å heller ha sine egen-designede liker-knotter.

Og det kan jo være, at de IT-folka, har vært på kurs, (eller messer), og lært om GDPR der, (for eksempel).

Og så har de så rådet folk til å ha sine egne knotter, (uten å forklare noen flere detaljer videre, om det de har lært på kurs).

(For å si det sånn).

Så sånn er muligens det.

Bare noe jeg tenkte på.

Men men.

Nå har jeg sladdet personnummeret mitt, på vitnemålene, på mirror-nettstedet

https://johncons.net/vitnemaal.html

PS.

Det neste når det gjelder webdesign.

Det blir å gjøre om mobil-sidene, på mirror-nettstedet, (johncons.net), til den nye designen, (hvor logoen og menyen er like brede som 'hoved/innholds-panelet').

(Og jeg har også et par lapper her, hvor jeg har skrevet opp en del stikkord, angående flere ting som trengs å gjøres, på johncons-web, (og mirror-nettstedet).

For å si det sånn).

Så sånn er det.

Bare noe jeg tenkte på.

Mvh.

Erik Ribsskog

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 tatt bort det, om at man kan zoome ved å bruke musepilen, fra mobil-sidene, på nettstedet mitt

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

PS.

Så nå er det to buger, igjen å fikse, (på mobilsidene), til dette nettstedet.

Og det er at man blir sendt, til mobil-sidene, hvis man har en skjerm, som er mindre enn 1000 pixler bred.

Det skal egentlig være 1040.

(For så bredt er nettstedet, på 'PC-websidene').

Og det skal jeg prøve å få fiksa, seinere i dag.

Og da er det bare igjen det, at det står 'undefined', i venstre hjørne, på skjermen.

Og det er en bug, fra Angelfire.

Så den er muligens litt komplisert å fikse.

Det er mulig, at jeg bare leier et 'vanlig' shell, og legger nettstedet mitt, (eller en kopi av nettstedet), der.

(For å vise at den bugen da går bort.

Og da får jeg isåfall også et domene-navn, som det ikke står noe med Angelfire på.

Og jeg slipper også reklamene til Angelfire.

For å si det sånn).

Så sånn er det.

Bare noe jeg tenkte på.

Mvh.

Erik Ribsskog

PS 2.

Jeg leste litt mer om responsiv design, (på nettet), nå.

Og det er også noe som heter 'viewport', som mobiler og tablet-er har.

Men det er visst mulig å sette viewport til vanlig pixel-bredde.

(For eksempel).

Og så kanskje midtstille mobil-nettsidene.

Selv om noen av elementene, på siden, da muligens blir for brede, for de smaleste mobil-skjermene.

Men da kan man også lage et sett med nettsider, for de smaleste mobil-skjermene.

Og så endre navnet på de mellomste nettsidene, til tablet-nettsider.

(For eksempel).

Så sånn er nok det.

Bare noe jeg tenkte på.

Men men.

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

Siden at nettstedet mitt nå har egne mobilsider, så er det enklere, å endre PC-versjonen, (vil jeg si). Så jeg la inn litt mer luft, mellom menyen/logoen og tekst-delen, (noe som er mulig å stille fra CSS-filen)

http://johncons.angelfire.com

PS.

Sånn her var det før jeg endret dette:



PS 2.

Med den øverste løsningen, så ble det litt vanskeligere å scrolle, (at scrolle-feltet muligens havnet for langt til høyre), så en mellomting er kanskje løsningen:

(Samme link som øverst i bloggposten).

Når det gjelder webdesign for mobil, så kan man også gjøre det sånn, at man bare har en egen CSS-side for små skjermer/mobiler, (istedet for å ha en egen nettside for små skjermer/mobiler), så slipper man å ha dobbelt sett med nettsider

Nå har jeg tenkt ut en ny løsning for johncons-web/nettsteder

Dette går fortsatt ut på å liksom dele inn skjermen, i tre like deler.

Og så må man midtstille innholdet i disse tre delene.

Det vil da se cirka sånn her ut, på en vanlig PC-skjerm.

Mvh.

Erik Ribsskog

PS.

Her er mer om dette:



PS 2.

På de fleste mobiler så vil disse tre delene da komme under hverandre:



PS 3.

Og på de fleste nettbrett osv., så vil del-knottene komme underst:



PS 4.

Nå lagde jeg en eksempel-nettside i 'full fart', (som ikke ble så bra på min egen mobil, antagelig grunnet Angelfire sine bannere):



http://ipadpeek.com

PS 5.

Sånn blir denne nettsiden på min PC, (jeg har fortsatt igjen å flytte 'Del-knottene', som på tegningene ovenfor, men det skal nok gå greit, (selv om det er noe pirk), vil jeg si):



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

PS 6.

Med logoen øverst til venstre, (over menyen), så blir det vel en del bedre på mobil.

Så det er kanskje en bedre løsning.

Det er også mulig at jeg må gjøre det om fra em til pixler, (og/eller legge nettstedet på et reklame-fritt shell), for å få det til å se ut som i emulatoren også på ekte mobiler, liksom.

Og dette minner litt om da jeg lagde kryssordprogram, i 1992.

Da spurte jeg noen 'random' folk, (mine 'flat-mates' på Ungbo), om hva de syntes, om kryssordene, (som programmet lagde).

Og det er nesten sånn nå og.

At jeg blir litt fristet, til å spørre, noen 'random' folk, om hva de syntes om nettstedet på mobil, osv.

For å liksom være sikker på at 'produktet' er bra.

Før jeg eventuelt prøver å selge det, til firmaer osv., (som en eksempel-løsning), liksom.

(For å si det sånn).

Så sånn er det.

Bare noe jeg tenkte på.

Men men.

PS 7.

Da blir det sånn her på mobil/nettbrett-emulator, (her kan man stille på bredden på skjerm-elementene, etter å ha forsket mer på hvor stor oppløsning, som de mest brukte mobilene har, (for dette endres fra år til år liksom, når det kommer nye Iphone-er osv., og mobil-brukeren kan også tippe på skjermen, og lese nettstedet på høykant liksom, hvis skjerm-elementene blir for brede)):



PS 8.

Sånn blir det da på min PC, ('del-knottene' mangler fortsatt, men det skal ikke være noe vanskelig å få til, på høyre siden av innhold-delen, liksom):



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

PS 9.

Med 'del-panel' osv, så ble nettsiden som dette, på min PC:



(Samme link som ovenfor).

PS 10.

De nye boksene, (del-panelet og copyright-panelet), kommer da til slutt, på mobil/nettbrett-emulatoren, (og sånn er det meningen at nettstedet skal bli, på mobil, når jeg får lagt ut nettstedet, på et reklame-fritt shell etterhvert):



PS 11.

Det er litt stort mellomrom, mellom 'innhold-panelet' og 'del-panelet', i PS-et ovenfor.

Men det skal gå an å finpusse bort, liksom.

(Ved å for eksempel ha en 'mellomrom-footer'/marg, nederst på nettstedet.

Tenker jeg nå).

Så sånn er det.

Bare noe jeg tenkte på.

Men men.

PS 12.

Det er også mulig, at jeg gjør det sånn etterhvert, at alle panelene, (og logoen), blir like brede.

Så vil det muligens se mer proft ut, på mobil.

Hm.

Så sånn er muligens det.

Bare noe jeg tenkte på.

Men men.

Nå driver jeg med web-design. Jeg prøver å få 'del-knottene', på johncons-web, til å slutte, å hoppe, så mye. Dette fungerte bedre, på Posegodt. Jeg prøver derfor å overføre koden derfra, til johncons-web. Men det er litt komplisert, (blant annet fordi, at johncons-web er responsivt, mens Posegodt ikke var det). Så vi får se hvor lang tid dette tar. Vi får se

PS.

Nå har jeg klart å få 'Del-panelet', fra Posegodt, til å vise seg, øverst på skjermen, og nå blir utfordringen, å få dette panelet, til å liksom finne plassen sin:



PS 2.

Nå klarte jeg, (ved å bruke 'laptop-filene', som 'sandkasse'), å få 'Del-panelet', (fra Posegodt), til å finne plassen sin, så da blir resten bare 'planke-kjøring', (det vil si å rydde i designen, og gjøre om Posegodt-koden, sånn at den blir responsiv, blant annet), vil jeg si:



PS 3.

Nå har jeg byttet, til Posegodt Del-panel, på en side, på joncons-web, (så er det igjen, å bytte, på resten av nettsidene, samt en del flikking, når det gjelder fonter og responsiv design):



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

PS 4.

Nå har jeg endret, på 'Del-panel'-overskriften, sånn at den forhåpentligvis skal passe bedre, sammen med resten av nettstedet:



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

johncons-web skal også være mulig, å lese, på mobil. Ihvertfall som 'landscape'

http://mobiletest.me/iphone_5_emulator/?u=http://johncons.angelfire.com/lenker.html

PS.

Nå ser den designen, litt 'hulter til bulter' ut, på mobil-emulatoren ovenfor.

Og det fordi, at jeg har tenkt mest, på hvordan nettstedet ser ut, på en vanlig PC-skjerm, (må jeg innrømme).

(Når jeg har laget, dette nettstedet).

Men jeg får prøve å få ordnet det sånn etterhvert, at nettstedet også ser bedre ut, på mobil.

For eksempel sånn, at logo-en blir midtstilt, i forhold til 'innhold-boksen' under.

(Noe sånt).

Så vi får se om jeg klarer å få til det etterhvert.

Vi får se.

Mvh.

Erik Ribsskog

PS 2.

Den måten jeg har designet, johncons-web på, er litt inspirert, av et svensk nettsted, (som jeg leste om, da jeg bodde, i England):



http://johncons-mirror.blogspot.no/2014/03/na-driver-jeg-og-tester-responsive.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

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:



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):



PS 5.

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

Nå driver jeg og tester responsive webdesign, (på johncons-web). Man skal visst bruke for eksempel prosent, (istedet for piksler), for da kan man også se nettstedet, på mobil. Noe sånt

PS.

Da ble bildet sånn:



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

PS 2.

Men hvis jeg da bruker fullscreen, så blir proporsjonene på bildet forrandret, (så det er mulig at responsive webdesign er mer komplisert, enn det å bare bruke prosent. Hm):



(Samme link som ovenfor).

PS 3.

Jeg får se mer på det her seinere.

For jeg har en del annet, som jeg skulle ha gjort og.

Som for eksempel å sette på resten av 'share-knappene', på Bags of Sweets.

Og det var jo noen som ville at jeg skulle begynne å lage pocket-bøker.

Så det har jeg tenkte å gjøre, etterhvert.

(Å utgi Min Bok-bøkene, som pocket-bøker).

Og det er mye annet også, som jeg skulle ha gjort.

Så vi får se når jeg får tid til alt sammen.

Vi får se.

Mvh.

Erik Ribsskog

PS 4.

Og da kan man faktisk også se bildet, på mobil, (som man kan se, på et nettsted jeg fant, når jeg Google-et 'online mobile emulator'):



http://mobiletest.me/iphone_5_emulator/#u=http://johncons.angelfire.com/om.html

PS 5.

Her er mer om dette:



http://sv.wikipedia.org/wiki/Responsive_web_design

PS 6.

Her kan man se det, at Steffanstorp kommune, (i Sverige), har teksten til høyre for bildet, når 'surferen' har en vanlig PC:



http://staffanstorp.se/

PS 7.

Mens på en Iphone, så havner teksten under bildet:



http://mobiletest.me/iphone_5_emulator/#u=http://staffanstorp.se/