Indlæg

/2 Kommentarer/i , /af ,

Har et website en udstråling?

Har et website en udstråling?

Det nye design skal udstråle ro

Har et website en udstråling?

Selvfølgelig har et website en udstråling. Det vanskelige er at finde ud af, hvad websitet skal udstråle. Det gælder især, når indholdet er en afspejling af mit liv, hvor jeg interesserer mig for et væld af ting. Men der er fokusområder:

  1. Bipolar affektiv sindslidelse og Aspergers syndrom
  2. Slægtsforskning med slægtsdata i The Next Generation of Genealogy Sitebuilding (TNG)
  3. TNG-support

Mit website skal udstråle ro på samme måde som hele min »nye« lejlighed, hvor der ikke vil være så meget som et frimærke, jeg ikke skal bruge. Her bliver lidt tomt, og det ser jeg frem til. Det gælder også websitet, hvor jeg på flere måder begynder forfra. Har man haft en side i mange år, opstår der helt naturligt en masse rod, og på et tidspunkt må man rydde op.

Har et website en udstråling?

En yngre mand sagde til mig: »Sitet ser ud som om, det henvender sig til mennesker på 70 år og derover.«

Jamen det gør det da også, eftersom jeg har mange læsere på min egen alder, og det typisk først er, når man kommen op i alderen, man begynder at interessere sig for slægtsforskning. Det hænger skam fint sammen. Jeg er en undtagelse, eftersom jeg begyndte at slægtsforske, allerede da jeg var ca. 40 år.

Sitet skal være mobilvenligt, og bogstaverne skal være til at få øje på. Der skal være styr på farvevalget og skriftstørrelserne. Sitet skal kun rumme de nødvendige funktioner. Sitet skal hastighedsoptimeres (igen), da det lige nu ikke scorer ret godt på GTmetrix.

For så vidt angår farvevalget vil jeg prøve at udnytte, at farver kan bruges til at omkranse emner. Forsiden er et eksempel. Om det er korrekt for en rigtig webdesigner uddannet på Den Grafiske Højskole, er jeg ikke klar over, men selv synes jeg, det er nogenlunde velfungerende.

For så vidt angår det store billede af mig selv til højre på forsiden: En professionel har fortalt mig, at besøgende på en hjemmeside godt kan lide at se sidens ejer, og det kender jeg faktisk godt selv. Det er som om, jeg kommunikerer direkte med ejeren, hvis jeg kan se vedkommende. Hvis vedkommende sælger noget, kan det være, det øger min lyst til at købe noget, fordi vedkommende virker mere troværdig.

Der skal ryddes op på sitet

Lige nu ligner det billedet herunder. Sådan skal det selvfølgelig ikke se ud.

Har et website en udstråling?

Hvordan gør man så? Jeg prøver mig frem og lytter til de råd, jeg køber eller finder rundt omkring. Jeg lader mig inspirere af andre hjemmesider, når jeg finder noget, der er roligt, hvilket kan være svært, da de fleste har et eller flere elementer, der hopper og danser. Meget af det, der skal ryddes op i, er dog usynligt. Det kan fx dreje sig om kode eller billeder med en for høj opløsning. Jeg holder dog fast i, at ingen kommer for se hele siden.

Man kan komme langt med farver, men der skal ikke være for mange farver, for så får man bare lavet noget nyt rod. Jeg har fundet frem til disse og vil holde mig til dem:

Farve nummer 1 Farve nummer 2 Farve nummer 3 Farve nummer 4 Farve nummer 5

Templates i mit tema »Enfold«

Den kommende tid vil jeg udforske Enfold og måske også udnytte det mere, end jeg har gjort alle de år, jeg har haft det. Jeg har fundet ud af, at Enfold tilbyder templates, som gør det utrolig nemt at gøre alle 112 sider ensartede.

Når man først har besluttet, hvordan eksempelvis top og bund på en side skal se ud, gemmer man det som et fast template. Herefter skal man »bare« flytte selve indholdet ind mellem top og bund. Det er en smart funktion, jeg aldrig har brugt før. Nederst i denne artikel ser du en tom top og bund.

Jeg overvejede at gå bort fra Enfold, men besluttede alligevel at blive, fordi jeg ikke kunne besvare det centrale spørgsmål: »Hvad vil du opnå ved at skifte til et andet tema?« At skifte tema er et gigantisk arbejde. Artiklerne vil muligvis klare sig selv, men siderne og funktionerne vil skulle designes og måske kodes forfra. Og det vil jeg ikke ofre hverken tid eller penge på.

 

Har et website en udstråling?

Har du kommentarer til artiklen?

Så er jeg glad for at modtage dem i relation til artiklen, dvs. i artiklens kommentarfelt herunder, ikke på Facebook og ikke via Messenger. Jeg svarer dig også relation til artiklen, ikke på Facebook og ikke via Messenger. Det skyldes, at kommentarer og artiklen jo ellers dekobles, og så er din kommentar ikke noget værd i fremtiden. Det er ærgerligt for os begge.

Hvis du ikke tidligere har kommenteret en af mine artikler her på siden, skal din kommentar først godkendes (spamhensyn). Min responstid er under normale omstændigheder meget kort. Herefter vil du stryge lige igennem.

/0 Kommentarer/i , /af ,

Kender du det med udokumenteret kode?

Kender du det med udokumenteret kode?

765 linjer udokumenteret CSS

Kender du det med udokumenteret kode?

Jeg prøver at lægge en plan for redesign af hjemmesiden. Uden en plan mister jeg overblikket, når siden er så stor.

  1. Det sjove arbejde er: et eller flere mood boards (I citatet herunder kan du se, hvad et mood board er), farvevalg, leg med Color Wheels osv. Det kan man pusle med en hel dag.
  2. Det hårde arbejde er:
    1. Det gamle design inkluderede 765 linjer CSS-kode, jeg med årene har betalt for at få lavet.
    2. Det er de færreste linjer, der er dokumenterede. Jeg kan meget lidt CSS, så jeg ved ikke, hvad koderne “gør”.
    3. Nu har jeg simpelthen slettet alle koderne og er begyndt forfra efter selvfølgelig at have sikret dem i et dokument.
    4. Nogle linjer er dokumenterede, og hvis jeg kan se, jeg skal bruge dem efter redesign, sætter jeg dem naturligvis ind igen. Et eksempel er, at hvis der ikke er en kode, klistrer logoet fast i browserens kant, hvilket ikke er så pænt.

Et mood board er en collage af billeder, tekst, lyd, film. Af stemning, stil, farver, følelser. Moodboarding bruges meget af designere i forskellige brancher. Det er et særdeles nyttigt, kreativt værktøj – også, når du skal lave website. Kilde.

Nu er jeg begyndt selv at skrive kommentarerne, hvis jeg ved, hvad en kode “gør”, hvilket skyldes, at min udvikler har skrevet dokumentation. Jeg skriver dem om, så de er klarere for mig selv:

En dokumenteret kode ser fx sådan ud nu:

/*—————————————–
Logoet rykkes lidt ned fra browserkanten
—————————————– */
.logo img {
padding:30px !important;
}

En udokumenteret kode ser fx sådan ud nu:

/*—————————————–
Noget med MailChimp – men hvad og hvor?
—————————————– */
#mc4wp-form-1 input {
font-size:14px !important;
}

De 765 linjer CSS-kode interfererer muligvis med både temaet og hinanden

Jeg er så irriteret over alle de koder, der måske har betydning nu eller måske ikke har betydning nu. Ingen har kunnet overskue det, så det er tænkeligt, at nogle koder måske endda har overskrevet hinanden. Der er kun én måde at finde ud af det på: fjerne dem alle og dernæst sætte dem ind igen en ad gangen og se, om der er en forskel, der er til at få øje på. Indtil videre har jeg ikke fundet ret mange, der bevirker en synlig ændring, og det vil sige, at de faktisk er overflødige … Jo mindre fikumdik, der er på en side, jo hurtigere vises den på din computer, telefon eller tablet.

Det er naturligt nok, at man med årene får lavet en masse rod og på et tidspunkt må man rydde op. Og det er så det, jeg er gået i gang med. Og jeg elsker jo selvfølgelig at gøre orden, dette er bare lidt rigeligt. Jeg vil have mindst muligt smartness og mest muligt af de standarder, der følger med mit tema.

Nogle mener, at 765 linjer er meget lidt, når de selv har 10.000 linjer, men det kan jeg jo ikke bruge til noget, og i øvrigt kan de så også selv læse dem. Det er en helt anden situation. Nogle mener også, at det tager længere tid at skrive dokumentationen end koden, og det er rigtigt, men i længden havde det været billigere for mig som kunde, da jeg så havde kunnet bruge genbruge koden nu, hvis den er nødvendig. Nogle laver en masse smartness, fordi de er dygtige til det. Jeg er bare nået dertil, hvor jeg ikke længere har behov for det.

Min plan er

  1. Forsiden er færdig
  2. Supra-sider er næsten færdige fx »Om Stegemüller« og »Kontakt«.
  3. Hvad jeg falder over i nyere artikler
  4. Resten af de 112 sider: 1 eller 2 om dagen. Så er jeg nok færdig om et par år …

Og jeg holder fast i at »Det er kun dig selv, der ved, at der er rod på din hjemmeside«.

Dokumentere beslutninger og fastholde dem

Når man har så stor en side som min, er det utrolig vigtigt at dokumentere sine beslutninger og fastholde dem. Jeg er gået i gang, og foreløbigt ser det ud som følger:

11:03 18. september 2024

Er standard orange god? Ja – har valgt den.

Mobilvenligt!
Link og fed må simpelthen ikke have samme farve!

Vurdere hvilke CSS-koder der skal genbruges.
* Logoet skal stadig rykkes ned
* Kuk i fed skrift og ??

https://www.modularscale.com/
Top-headings til sider (findes som template)
Heading Font Sizes: 40px font

Subheading Font Sizes vha. 1.2 på https://www.modularscale.com/
Basic: 18 px
H6 = 22px
H5 = 26px
H4 = 31px
H2 = 37px
H1 = 45px

Den mørkegrønne: #91974e
Den lysere grønne: #dadcbc

https://www.canva.com/colors/color-wheel/
Den rødlige/orange (fx menu-knapperne:) #c3512f
Komplementær til denne kan evt bruges til fed/strong skrift: #2FA1C3 – men en fed må ikke have farve. Problem: Hvis der ikke er et farvevalg, får fed/strong samme farve som links. Det dur heller ikke. Hvordan klares det?

Historiske emner

Icon box
Display icon above title
Boxed content block with borders

Top til sider efter redesign:
Er lavet som template >

En special heading >
Fx en Heading tekst: Om Stegemüller
Heading Type: H1
Heading Style: Heading Style Modern (centered)
Subheading: Display subheading below
Fx en Subheading text: Præsentation af Stegemüller

Styling >
Font size default: 40px
Subheading Font size: 25
Colors:
Custom Subheading Color: #91974e (den lyse grønne)
Custom Icon Color: #91974e
Spacing: Element Bottom Padding – default setting – used for all screen sizes (no media query): 40px

Advanced: > Her er ikke indsat noget.

Color section:
Udseende:
Section height: No minimum height
Styling:
En background color #dadcbc (den lyse grønne)
Scroll Down Arrow: Valgt til.
Advanced Ingen tilvalg

Har du kommentarer til artiklen?

Så er jeg glad for at modtage dem i relation til artiklen, dvs. i artiklens kommentarfelt herunder, ikke på Facebook og ikke via Messenger. Jeg svarer dig også relation til artiklen, ikke på Facebook og ikke via Messenger. Det skyldes, at kommentarer og artiklen jo ellers dekobles, og så er din kommentar ikke noget værd i fremtiden. Det er ærgerligt for os begge.

Hvis du ikke tidligere har kommenteret en af mine artikler her på siden, skal din kommentar først godkendes (spamhensyn). Min responstid er under normale omstændigheder meget kort. Herefter vil du stryge lige igennem.

/2 Kommentarer/i , , /af , ,

Hjemmesiden er lige så kaotisk som lejligheden

Hjemmesiden er lige så kaotisk som lejligheden

Jeg vil redesigne hele hjemmesiden

Hjemmesiden er lige så kaotisk som lejligheden

Præambel (andet ord for »indledning«):

Ofte spørger jeg mig selv: »Hvordan fik jeg nogensinde tid at gå på arbejde?« Jeg ved det simpelthen ikke. Og lige nu dukker der hele tiden nye projekter op:

  1. Jeg bliver nødt til at redesigne hele hjemmesiden, da den bærer præg af at være sat sammen i mange tempi over mange år. Den er kaos! Den er stort lige så kaotisk, som min lejlighed er lige nu på grund af »projekt maler«.
  2. Ikke et nyt projekt: Jeg savner min slægtsforskning, som jeg ikke har arbejdet på siden slutningen af juli i år (altså før jeg tog til Tyskland), og som gør mig glad, når noget lykkes. Og der er meget, der lykkes. Jeg får tilføjet virkelig mange data og rettet mange gamle fejl fx alle de husmænd, jeg fik gjort til gårdmænd, fordi jeg ikke kunne skelne et gotisk H fra et G. Det er en helt almindelig begynderfejl.
    • Jeg har lært L at kende, fordi hun behøvede hjælp til TNG. TNG er en slægtsdatabase. Jeg elsker at hjælpe L, for hun gør det rigtigt. Psykologen siger: »Hun gør det nemlig, som du vil have det«. Og det er sandt men måske ikke så flatterende.
    • Jeg vil gerne videre med min tyske slægt.
    • Jeg vil gerne blive færdig med projekt »Oprydning«, som jeg ikke har arbejdet på siden den 28. juli 2024. Det vil tage nogle år at blive færdig.
  3. Jeg vil gerne fortsætte mit frivillige arbejde for GladTeknik, hvor jeg tjekker hjemmesidens sprog og funktionalitet men ikke design, for der er jeg ikke stærk.
    • Jeg synes selv, at en af mine kvaliteter er at vide, hvad jeg ikke kan. Jeg taber ikke ansigt (herligt idiom), hver gang jeg må sige »Det ved jeg ikke, men jeg kan undersøge det«.
  4. Jeg er ved at rode mig ind i beboerrepræsentationen, her hvor jeg bor. Vi er en initiativgruppe på tre – vi vil rydde op i kaos, for intet fungerer. A og T er begge på arbejdsmarkedet, har børn, kærester og alt det der. Så det er mig, der laver alt arbejdet, hvilket på en måde er lærerigt, godt og sjovt, men det stjæler tiden fra mine egne projekter. Vil jeg virkelig det på lidt længere sigt?
    • Vi har forskellige hjerner, så sammen er vi et dream team! De er begge enormt søde mennesker, som jeg er glad for at have lært at kende. Det er dejligt at kende nogen, hvor man bor.
    • T siger, hun har måske har ADHD og en popcorn-hjerne. Hun forbereder sig en time før et vigtigt møde og tager tingene, som de kommer.
    • A har en kæreste et eller andet sted i byen og flere aktiviteter i Jylland.
    • Jeg er single. Jeg er ikke på arbejdsmarkedet. Jeg forbereder alt i god tid. Jeg elsker at have kontrol, tjek og styr på alle detaljer.
    • Når jeg holder møder, ved jeg på forhånd, at jeg går derfra og har vundet sagen. Jeg foretrækker et PowerPoint slideshow med dagsorden mv., fordi det bevirker, at deltagerne holder fokus.
  5. Jeg kunne tænke mig at blive mentor for et udsat barn i »Lær for Livet«. De børn behøver støtte, og jeg genkender mig selv i dem. Jeg husker den støtte, jeg aldrig selv fik, men jeg klarede mig alligevel på en eller anden måde.
    • Rent fagligt kunne jeg måske egne mig som mentor, men jeg har nok ikke den fornødne tålmodighed. Jeg er ikke ret god, hvis folk har en langsommelig hjerne. Men fordi man er udsat, behøver man jo ikke at være langsom!

Det hænger sammen med Aspergers syndrom

For mig er det naturligt at have styr på detaljerne. Det med kontrol, tjek og styr på alle detaljerne gør mig tryg. Jeg får ro i maven af at gøre orden, og jeg elsker orden. Det kan du blandt andet høre om i den udgave af GladPodcast, jeg medvirkede i den 27. juni 2024. Den hedder »Bliv klogere på en autistisk hjerne« og varer 30 minutter.

Jeg har en enorm produktionskraft, når jeg selv styrer processerne. Nogle gange tænker jeg på, om jeg bare snød hele borgermusikken, da jeg fik pensionen. Men psykologen siger, at hvis jeg var på arbejdsmarkedet igen, og presset kom udefra, ville der kun gå en til to måneder, før ville jeg være brændt sammen og meget syg igen. Hun har sikkert ret – det plejer hun at have, og hun har kendt mig siden 2015.

Hun har givet mig livet tilbage. Jeg er så glad for det, og jeg frygter den dag, hun går på pension. Hvad gør jeg så?

Jeg vil redesigne hele hjemmesiden

Det vil være et stort projekt, men jeg vil gerne skabe orden i kaos, for jeg er glad for hjemmesiden og nogenlunde tilfreds med dens indhold. Siden har mange besøgende altid ca. 125-150 inden for de seneste 24 timer. Men det ser mildest talt ud ad helvede til lige nu, og jeg har svært ved det kaos, den repræsenterer. Og måske kunne jeg lave den lidt »smartere«. Jeg lover dog, at det bliver uden flyvende, dansende ting og sager – og ingen emojis 🙂

Det vil være en læreproces, og jeg elsker læreprocesser lige så meget, som jeg elsker orden og systematik. Jeg er sikker på, at jeg kan udnytte mit tema, der hedder »Enfold« meget bedre, end jeg gør nu. Men hvordan får jeg tid til det sammen med punkt b-d, og måske e?

Jeg har lært meget af Lisbeth Scharling aka »Webwoman«. Det kunne være fedt at implementere det, hun sagde, men hvordan griber jeg det an? Jeg har lige nu (medio september 2024) 2.087 artikler, 112 sider og lige knap 3.000 billeder). Artiklerne klarer måske sig selv, men siderne …? Det vil tage mig flere år at komme gennem dem. Jeg tror, jeg vil spørge hende igen – denne gang om den smarteste proces, for jeg kan hverken gennemskue det eller overskue det.

Hjemmesiden er lige så kaotisk som lejligheden

Har du kommentarer til artiklen?

Så er jeg glad for at modtage dem i relation til artiklen, dvs. i artiklens kommentarfelt herunder, ikke på Facebook og ikke via Messenger. Jeg svarer dig også relation til artiklen, ikke på Facebook og ikke via Messenger. Det skyldes, at kommentarer og artiklen jo ellers dekobles, og så er din kommentar ikke noget værd i fremtiden. Det er ærgerligt for os begge.

Hvis du ikke tidligere har kommenteret en af mine artikler her på siden, skal din kommentar først godkendes (spamhensyn). Min responstid er under normale omstændigheder meget kort. Herefter vil du stryge lige igennem.

/9 Kommentarer/i , /af ,

Det tager lang tid at redesigne et website

Det tager lang tid at redesigne et website

Bliver jeg mon færdig med mit redesign?

Det tager lang tid at redesigne et website

Jeg har allerede brugt utrolig meget tid på at redesigne mit website, men da siden er bygget op gennem mange år, får jeg hele tiden øje på noget, der bør ændres, hvis det grafiske udtryk skal være ensartet, konsekvent og konsistent. Jeg tvivler på, at jeg nogensinde kommer i mål, og det irriterer mig, men der er ikke noget at gøre ved det. Jeg har lært virkelig meget om mit tema »Enfold«, hvilket selvfølgelig er positivt.

Et lille bitte eksempel er dette, som jeg opdagede ved et tilfælde. Jeg har ændret farverne på knapperne i menuen, men logoet inde i artiklerne havde den gamle grønne, og det var lige til at få migræne af at se på.

Det tager lang tid at redesigne et website

Jeg brugte flere timer på at give logoet den rigtige grønne farve. Billedbehandlingsprogrammet GIMP ville gerne erstatte den gamle grønne med alle mulige andre farver men ikke med den, jeg skulle bruge.

Denne grønne kunne jeg godt lave Denne grønne kunne jeg ikke lave
Det tager lang tid at redesigne et website Det tager lang tid at redesigne et website

Jeg gav tilsidst op og fandt den herligste gratis tjeneste på nettet. Så nu ser det rigtigt ud

Det tager lang tid at redesigne et website

Andre designproblemer

Lige nu har jeg herudover nedenstående helt åbenlyse mangler, som jeg desværre ikke kan udbedre uden ekstern bistand fra min udvikler gennem mange år. Han har skrevet en masse koder (CSS) for mig, og jeg ville ønske, jeg kunne gøre det samme, men CSS er aldrig helt gået op for mig, og jeg er bange for at ødelægge det, jeg allerede har, selvom jeg selvfølgelig har en testside at øve mig på.

Når nedenstående mangler er udbedret, kan jeg fortsætte med at lytte til Lisbeth Scharlings tips og tricks og arbejde videre med min side. Men det er vist lidt som med slægtsforskning: Færdig bliver jeg aldrig.

Jeg vil sikre, at siden er mobilvenlig.

Jeg er irriteret over, at mit »Enfold« ikke tilbyder en løsning. Jeg synes, jeg har været gennem alle menupunkter flere gange uden at finde svar.

  1. Via smartphone: Visningen af kommentarer er helt håbløs. Kommentarerne bliver smallere og smallere, for til sidst at være ulæselige.
  2. Via smartphone: Farven på de menupunkter, der vises i burgermenuen (de tre vandrette streger øverst til højre kaldes en burgermenu) skal ændres fra grå til helt almindelig sort, da lysegrå på hvid er stort set ulæselig.
  3. Via smartphone: Kategorierne er ulæselige. Skriftstørrelsen skal øges.
Styr på farvernes betydning

Når man ser en bestemt farve, skal man uden videre være klar over, hvad den betyder. Hos mig har fed skrift og links den samme farve. Man er vant til, at man kan klikke på links med den blå farve. Når fed skrift har den samme blå farve, antager man, at man også kan klikke på fed skrift. Når der ikke sker noget, regner man måske med, at musen er gået i stykker?

Jeg kan ikke finde ud af, hvordan jeg bare retter den fede skrift uden samtidig at ændre linkfarven. Det er jeg også irriteret over.

Flere billeder og kolonner i de to “grids”

Et »grid« er en af de to »firkanter« med de sort/hvide billeder i 2 kolonner og 2 rækker. Jeg vil gerne, at der i stedet vises 3 kolonner og 2 rækker, da der er masser af plads til det i bredden.

Det er flere år siden, jeg købte bistand til at etablere de to grids, fordi Enfold ikke kan det, jeg gerne vil med øverst at medtage alle kategorier undtagen »Slægt« og dernæst kun »Slægt«. Jeg har kigget i filen, der styrer udseendet, men kan ikke finde ud af at ændre på det. Jeg kan nemt lave 2 kolonner og 3 rækker men ikke 3 kolonner og 2 rækker. Det undrer mig såre, for layoutet er jo ikke faldet ned fra himlen. Definitionen må stå et sted i den fil.

Denne slider skal selvfølgelig også have sort/hvid billeder

Det dur simpelthen ikke, at der midt i det hele findes farvebilleder, når billederne i de to grids er sort/hvide. Det bringer uro og ballade. Mit formål er jo netop at skabe ro på siden.

I øvrigt er jeg slet ikke sikker på, at slideren skal leve videre på forsiden, men lige nu kan jeg ikke finde på noget bedre.

Det tager lang tid at redesigne et website

Kolonnerne forskydes en anelse nedad

Dette er også lige til migrænikeren: kolonnerne begynder ikke i samme højde. Det er som om, de hopper lidt nedad hver eneste gang.

Det tager lang tid at redesigne et website

Har du kommentarer til artiklen?

Så er jeg glad for at modtage dem i relation til artiklen, dvs. i artiklens kommentarfelt herunder, ikke på Facebook og ikke via Messenger. Jeg svarer dig også relation til artiklen, ikke på Facebook og ikke via Messenger. Det skyldes, at kommentarer og artiklen jo ellers dekobles, og så er din kommentar ikke noget værd i fremtiden. Det er ærgerligt for os begge.

Hvis du ikke tidligere har kommenteret en af mine artikler her på siden, skal din kommentar først godkendes (spamhensyn). Min responstid er under normale omstændigheder meget kort. Herefter vil du stryge lige igennem.