Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
  7 3132
Jeg holder på å porte min personlige nettside fra Wordpress (tidligere Serendipity og før det igjen PHP-Update) til Jekyll og Github Pages. Siden gratis-themet jeg brukte for Wordpress var gammel og antakelig hadde tatt like mye tid som å lage noe selv, laget jeg heller mitt eget theme basert på Bootstrap 4 (og Bootswatch).

Foreløpig ligger siden ut på adressen Github tildeler brukeres nettsider ( https://fuzzy76.github.io ), men planen er at jeg legger inn dagens innhold fra fuzzy76.net og peker domenet til Github Pages så fort jeg er fornøyd. Innholdet på siden er også veldig magert. Forsiden er ferdig, men jeg har kun lagt inn to innlegg fra den gamle bloggen (begge under kategorien Engelsk) mest for å se hvordan det ferdige resultatet kan bli seende ut.

Den største utfordringen var å få alt av blogg-lenker, RSS-feed og kommentarer med. Det har jeg gjort, men kommentarene får dere ta meg på ordet for inntil videre – Disqus vil ikke vise dem før de lastes på det riktige domenet.

Alt av tekniske avveiinger og spissfindigheter har jeg forsøkt å skrive opp i README'en på https://github.com/fuzzy76/fuzzy76.github.io/

Så da vil jeg gjerne ha tilbakemeldinger på både design og informasjonsarkitektur. Designet er ikke veldig spennende, jeg er absolutt ikke en designer. Jeg har tatt det jeg fikk gratis fra Bootstrap (og Bootswatch) og holdt meg mest mulig til det selv om det sikkert er mange forskjellige valg man kan ta på HTML'en som genereres. Men det er ikke noe problem å gjøre justeringer hvis noen ser noe som ikke ser bra ut.

Innholdet er et kapittel i seg selv. Jeg har blogget i sikkert 15 år, og hva jeg har fokusert på har endret seg veldig over tid. I denne nye utgaven har jeg tredelt innholdet. Det er norske innlegg som antakelig hovedsaklig vil inneholde nyhetskommentarer, engelske innlegg som for det meste vil være av teknisk art og til sist "kjære dagbok"-innlegg fra bloggens spede begynnelse. De sistnevnte har jeg tenkt å skjule fra utlistinger, men direktelenker til dem vil fortsette å fungere.
Queen of Blades
Jonta's Avatar
DonorCrew
- Svart på hvitt gjør vondt i øynene
- Foreslår alfabetisk rekkefølge på «Meg på nett»-lenker om det ikke ligger noen dypere tanke bak
- AFAIK finnes det bedre Twitter-lenker enn den på bunnen her: https://fuzzy76.github.io/250/a-game...gin-for-munin/
- Iii believe in favicons! Favicons I belieeeve!
- Trenger ikke en «Om meg»-overskrift på forsida
Blir litt for lite innhold der til å kunne bedømme hvor bra alt funker, og jeg ser sikkert for meg ting som er vanskelig å få til, men la gå.

Jeg syns det er tungvint å kun dedikere forsiden til kun veldig kortfattet informasjon om deg. Jeg ville hatt bloggpostene i et hovedfelt, slik at man kan hoppe rett på alt det interessante innholdet, og hatt informasjonen om deg og hva denne nettsiden handler om som et sidefelt. Når det gjelder det faktum at bloggpostene er på engelsk/norsk og med forskjellig innhold kunne man kanskje hatt noe ala menyen du allerede har, men at den fungerte mer som filtrering? Altså at man kan huke vekk språket/innholdet man ikke er interessert i, også forsvinner det fra feeden under. Kanskje en idé å kunne skifte språk på «Om meg»-teksten også?

Noen andre mulige forbedringspunkter:
  • Søkefeltet burde være mye mer synlig / bedre plassert. Om jeg skal søke etter noe vil jeg ikke scrolle ned siden først for å finne søkefeltet
  • Mer luft mellom elementene vertikalt, bortsett fra i menypunktene, der kan du ha mindre linjeavstand
  • Jeg ville gjort menypunktenes :hover enda tydeligere, og kanskje egentlig gjort hele menyen/headeren tydeligere adskilt
  • Innleggene må være tydeligere avdelt i oversikten
  • h2-ene føles litt for store, hvert fall på oversikten (samme med datoene, de kan godt være meget mindre)
  • Hvorfor er ikke h1-en en ekte h1?
  • Om postene skulle dukket opp i samme feed vil det være lurt å ha med hvilken kategori de hører med i som en del av metadataene
  • Det er lurt å ha en «LES MER»-knapp e.l. på hvert innlegg,
  • Tilbake-knapper fra postene
  • Ikke alle forstår at å klikke på headeren tar en tilbake til forsiden (spesielt ikke uten :hover-effekt), ville vurdert et dedikert menypunkt til dette
  • Jeg foretrekker at lenker i mengdetekst har underline før man holder musa over, særlig når du har så lite kontrast mellom tekst- og lenkefargen.

Ellers liker jeg jo enkle sider, men foreløpig er denne så enkel at det blir litt… for enkelt.
webdings
fuzzy76's Avatar
Trådstarter
"Svart" på hvitt er antakelig kommet for å bli. Jeg skrotet en del bootswatch templates på grunn av lav kontrast. Skal sies at teksten er et godt stykke unna totalt sort.

"Meg på nett" er alfabetisert. Prosjektlista står i prioritert rekkefølge.

Twitter lenken vil forhåndsutfylle sida du står på, men kun når sida kjører på fuzzy76.net-domenet ser det ut til. Det funker fra localhost.

Favicons fikset. Jævlig mange favicons faktisk. For alle plattformer og browsere. Det besudlet repoet mitt. :-/

"Om meg"-overskriften på forsida har kommet og gått i løpet av utviklingsperioden. Tror kanskje du har rett, ihvertfall om informasjonsarkitekturen forblir slik jeg tror.

Søkefeltet er flyttet til rett under menyen.

La til 50% mer luft mellom containere i layouten.

H1 i site-tittelen er ikke en ekte H1 fordi jeg hører til skolen som sier at H1 skal være alene på øverste nivå og beskrive den URL'en du ser på. Da kan den ikke være lik for alle sidene på nettstedet. Er klar over at meningene er delte. Jeg endret faktisk dette frem og tilbake et par ganger, og Googlet litt.

Det var det jeg rakk i kveld, jeg fortsetter på Viva La Opium sin liste i morgen...

Men først vil jeg forklare konseptet jeg forsøker på: tanken var at forsiden på nettstedet skal fungere som et visittkort, og den norske og engelske seksjonen skal fremstå som to separate blogger. Nettopp derfor har jeg med vilje unngått ordet "kategori". Opprinnelig hadde jeg ikke engang "Alle poster"-lenken til høyre. Men jeg innser at det kanskje ikke er så lurt å bryte helt med all konvensjon på den måten. Av og til lager jeg meg konsepter som har full mening i hodet mitt, men de kan fremstå som lettere random for omverden.
webdings
fuzzy76's Avatar
Trådstarter
Nedjusterte headerene litt. Dette gjør meg litt nervøs, for jeg frykter at jeg kan ødelegge "balansen" i typografien opp mot andre elementer.

Postene skal aldri dukke opp i samme feed fordi jeg forsøker holde på illusjonen av to separate blogger.

Innleggslista viser ikke sitt fulle potensiale. Det er kun de 5 siste som har ut utdrag, resten etter det vil kun vises med tittel. Dette pga manglende paginering (se README for forklaring). Men har påspandert meg en lenke der jeg har brukt utdrag, men kun der. Dette *kan* se rart ut når nesten av innholdet kommer, så jeg må revurdere det da.

Tilbakeknapper synes jeg er unødvendig. Jeg nekter.

Trodde alle var inneforstått med "klikke på logo"-konvensjonen, men la inn en "Forside"-lenke til test først i menyen.

Jeg la også til ordet "blogg" bak norsk og engelsk. Gjør det intensjonen min med bloggen klarere? Er intensjonen min teit?

Jeg la til underline av lenker inne i selve sideinnholdet.

La også til en liste med 3 siste innlegg fra begge seksjonene nederst på forsiden.

Du har rett i at enkelhet var det jeg forsøkte å gå for (minimalisme). Men jeg ser også at enkelte ting ikke vil komme helt til sin rett før jeg importerer alt innholdet. Jeg er ikke langt unna å få det til nå. Driver å omkategoriserer innholdet, og er nesten i mål. Gud bedre jeg skrev mye cringe-worthy for 15 år siden...
Sist endret av fuzzy76; 13. april 2018 kl. 20:22. Grunn: Automatisk sammenslåing med etterfølgende innlegg.
Det ser fryktelig tomt ut på mobil.

https://imma.gr/70696x2760c
webdings
fuzzy76's Avatar
Trådstarter
Det er vel sånn den ser ut på desktop også egentlig? Forsiden er som sagt ment å fungere som et visittkort, og ikke en blogg i seg selv. Men det kommer litt mer i bunnen der når resten av innholdet er inne, foreløpig har jeg kun 2 engelske innlegg. Holder på å massere den store massen med innlegg i en egen branch på github. Merger forhåpentligvis i løpet av dagen.

Litt av tanken bak er nok også at de færreste leser seg gjennom blogger via en forside med innlegg lenger. Enten følger man delinger fra sosiale medier eller så bruker man RSS.

Der har jeg importert resten av innholdet, og gjort et par småjusteringer. Nå ser man nok bedre hvordan ting ender opp.

Det eneste som mangler nå er Disqus (får det ikke til å funke før jeg er på det endelige domenenavnet siden HTTP/HTTPS ikke matcher mellom miljøene).

Todo-lista mi for etter launch er enable disqus, re-autentisere Google Webmaster tools, installere Google Analytics og kjøre alle valideringene mine om igjen.

Commit log på https://github.com/fuzzy76/fuzzy76.g...commits/master
Sist endret av fuzzy76; 15. april 2018 kl. 21:08. Grunn: Automatisk sammenslåing med etterfølgende innlegg.
webdings
fuzzy76's Avatar
Trådstarter
Da er jeg live! Tar gjerne ytterligere tilbakemeldinger i kommentarfeltet