johncons

Stikkord: Responsive Webdesign

  • 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

    klikkbare deloverskrifter

    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)

    Screenshot_2021-01-03-03-46-42

    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:

    business processes wiki gdpr

    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

    sladdet vitnemål

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