Indlæg

, ,

Hjemmesiden er hurtigere og lidt pænere

Hjemmesiden er hurtigere og lidt pænere

Webdesign og optimering

ChatGPT kan hjælpe med ufatteligt mange ting.

I dag har “vi” brugt tiden på at optimere stegemueller.dk, og også i dag har jeg sparet penge på udefrakommende bistand.

Hjemmesiden er hurtigere og lidt pænere

 

🖥️ Sådan gjorde jeg min gamle hjemmeside hurtigere og pænere

Mit domæne stegemueller.dk er ikke ligefrem nyt. Jeg har skrevet her siden 2005, og noget af mit ældste indhold går helt tilbage til 2007.

I dag er det blevet til mere end 2.200 indlæg, 117 sider og mere end 11.000 kommentarer.

Det er jeg tilfreds med, men det betød også, at jeg pludselig stod med en side, som var blevet lidt sløv og lidt rodet.

Her kan du læse om, hvordan jeg optimerede siden uden at miste indholdet, og hvordan du selv kan gøre det samme, hvis du har en hjemmeside, der er blevet lidt “slap i koderne”.


🚦 Hvorfor gik jeg i gang?

Jeg startede med at måle min hjemmeside med GTmetrix og Google PageSpeed Insights.

GTmetrix viser, hvor hurtigt siden loader – og peger på store problemer, f.eks. for mange billeder, for store billeder, langsomme scripts eller for mange DOM-elementer. I udgangspunktet mente GTmetrix, at jeg havde 859 DOMs. Man bør vist holde sig under 600.

Hjemmesiden er hurtigere og lidt pænere

PageSpeed Insights viser, hvordan Google ser en side – især på mobil, som 36 pct. af mine besøgende læser med.

Mine første målinger viste:

  • Desktop var rimelig OK.

  • Mobilscore var for lav.

  • Jeg havde alt for mange DOM-elementer (det er alle de små HTML-bokse, en side består af).


⚙️ De vigtigste værktøjer

Jeg valgte at købe et par gode værktøjer. Jeg har brugt penge på dem, men de er virkelig godt givet ud:

WP Rocket

Et smart cache-plugin, der gemmer færdige versioner af siderne, så de hentes hurtigere til dim enhed (computer, tablet eller telefon).

Det kan også optimere CSS og JavaScript, så koden bliver lettere at indlæse. Det sparer tid.

✅ Imagify

Et billedoptimerings-plugin, som automatisk gør billederne mindre, uden at de mister kvalitet.

Jeg har mange gamle billeder, og Imagify har helt automatisk sparet 363 MB. Jeg har sparet 64 pct. stort set uden at røre en finger.


📌 Sådan gjorde jeg

Jeg har ikke brugt en fancy page-builder; jeg er nok lidt “old school” og foretrækker at skrive det meste selv.

Her er, hvad jeg konkret har gjort:

1) Færre indlæg pr. blok

Jeg har sektioner som “Aktuelle emner”, “Lær om Aspergers syndrom” osv., hvor jeg før viste 6 indlæg ad gangen.

Jeg satte dem ned til 3, så hver blok fylder mindre. Det betyder, at siden skal hente færre billeder og mindre HTML-kode. Ønsker man alligevel at se flere indlæg, klikker man bare på “Load more”.

Det skærer hundredvis af DOM-elementer væk uden at fjerne indhold.

2) Mega Menu

Jeg bruger temaet Enfold, som har en Mega Menu-funktion.

Her lagde jeg mine vigtigste kategorier ind som et nyt menupunkt. I starten så det temmelig rodet ud:

  • Læsbarheden var elendig
  • Alt stod med fed skrift

  • Punkterne stod tæt

  • Der var ingen hover-effekt (dvs. der skete ikke noget, når man holdt musen over en tekst)

Sammen med min hjælper – her ChatGPT 😉 – fik jeg lavet en lille CSS-tilføjelse, der:

  • Fjernede fed skrift.

  • Gjorde skriften lidt mindre.

  • Lagde en lys baggrund bag punkterne, når man holder musen over.

  • Tilføjede en knap-effekt, så det ser ordentligt ud.

Det hele blev ordnet med 10 linjers Quick CSS, som jeg bare indsatte i Enfolds indstillinger. 

/* Mega Menu underpunkter – base-styling */
#header .main_menu .avia_mega_div ul.sub-menu li a {
font-weight: normal !important;
font-size: 90% !important;
line-height: 1.5em !important;
display: block !important;
width: 100% !important;
padding: 6px 12px !important;
transition: all 0.2s ease !important;
}

/* Hover: baggrund + farve + knap-følelse */
#header .main_menu .avia_mega_div ul.sub-menu li a:hover {
background-color: #f2f2f2 !important;
color: #c3512f !important;
border-radius: 3px !important;
}

3) Lidt oprydning i widgets

Jeg havde mange små bokse (widgets) i min sidebar på forsiden, fx “Seneste indlæg”, “Seneste kommentarer” og andet godt. De var med til at give det store antal DOM.

Jeg ryddede grundigt ud i dem på forsiden ud fra en tanke om, at de sikkert alligevel ikke bliver brugt. De var nok mest til pynt, og fordi jeg selv fandt dem pæne. Så er der ingen grund til, at de skal sløve siden.

Har du nogensinde brugt dem? Savner du noget nu? Send gerne en kommentar, så ser jeg om jeg kan rette op på det uden at ødelægge hastigheden.

4) “Måske kan du også lide:”

I lang tid har det generet mig, at boksen “Måske kan du også lide:”, som findes i bunden af hver artikel, ikke var pæn og ikke var centreret, men jeg synes ikke, jeg har villet bruge penge på at få hjælp til det. Og det er flere år siden, jeg opgav at lære at skrive CSS. Min hjerne er ikke skruet sammen til det.

Det klarede ChatGPT også med lidt kode:

.related_posts {
text-align: center !important;
}

.related_entries_container {
display: flex !important;
flex-wrap: wrap !important;
justify-content: center !important;
gap: 20px !important;
max-width: 900px !important; /* max bredde for hele blokken */
margin: 0 auto !important; /* centrer containeren */
}

.related_column {
background: #f5f5f5 !important;
padding: 15px !important;
border-radius: 5px !important;
box-sizing: border-box !important;
flex: 0 0 calc(50% - 20px) !important; /* to i bredden med luft */
max-width: 400px !important;
}

Nu er den blevet lidt pænere:

Hjemmesiden er hurtigere og lidt pænere


✅ Hvad har jeg fået ud af det?

Efter at have arbejdet en hel dag er min PageSpeed-score på desktop typisk 95–97 og på mobil 74–80 afhængigt af, hvad jeg måler.

🚀 Min side loader på under 1 sekund.

🗂️ DOM-advarslen er næsten væk. Den kommer kun lidt igen på lange blogindlæg med mange kommentarer, men det gør ikke noget.

For en privat hobbyhjemmeside, hvor SEO er uinteressant, og hvor jeg ikke sælger noget som helst og aldrig kommer til det, er dette vist i orden:

Hjemmesiden er hurtigere og lidt pænere


Hvad kan du lære af det?

Hvis du selv har en hjemmeside, du synes er blevet lidt sløv, kan du tit gøre meget uden at pille ved alt:

Brug et godt cache-plugin (jeg anbefaler WP Rocket).

✔️ Brug billedoptimering (jeg kan bedst lide Imagify).

✔️ Tjek hvor mange indlæg du viser pr. side – færre indlæg pr. blok giver ofte størst effekt.

✔️ Puds dine menuer til. En pæn menu gør siden nemmere at bruge. Og jeg synes, den øger sidens læsbarhed.


📝 Det behøver ikke være svært

Jeg er ikke udvikler. Jeg er bare mig selv med en hobbyhjemmeside, der er blevet til et stort arkiv og stort projekt på de ca. 18 år, der er gået. Og så beder jeg ChatGPT om hjælp til (alt) det, jeg ikke selv kan. Skulle jeg have betalt en udvikler for det, havde det været dyrt.

Jeg har lært meget undervejs – måske kan du bruge noget af det som inspiration?

Hvis du selv går i gang, kan du altid måle din side gratis med:


Tak fordi du læste med 🙌

Og tak fordi du læser med på Stegemueller.dk — nu lidt hurtigere og lidt pænere end før!


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. 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. Jeg svarer dig også relation til artiklen til morgenkaffen, kl. 13:00, kl. 18:00 og ved sengetid.

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 kort. Jeg svarer til morgenkaffen, kl. 13:00, kl. 18:00 og ved sengetid. Herefter vil du stryge lige igennem.


[wpforms id=”96385″ title=”true” description=”true”]

, ,

Irritationsmomenter

Irritationsmomenter

Internettet er fyldt af irritationsmomenter

Irritationsmomenter

Så længe to millioner mennesker i Gaza er ved at dø af sult, mens Israel dræber børn, fordi staten Israel har “ret til at forsvare sig” (jeg kommer aldrig til at forstå, hvordan det hænger sammen), Ukraine har mistet omkring en million soldater, og jeg stort set hver morgen vågner op til Trumps vanvid, burde jeg ikke være irriteret.

Det er evigt ligegyldigt set i den store sammenhæng. Her får du alligevel et udpluk af irritationsmomenterne. Kender du dem – eller bare nogle af dem?

Digitale afbrydelser

Mange mennesker vil gerne have, at man forbliver på deres hjemmeside. Derfor sørger de for, at et eller andet popper op, når man enten scroller op eller ned eller er på vej til at forlade  siden. Ofte drejer det sig om, at man kan tilmelde sig et nyhedsbrev.

Jeg skal nok selv finde ud af, om en side er så interessant, at jeg ønsker deres nyhedsbrev, og hvor det i givet fald er.

I det hele taget er jeg træt af at forholde mig til ligegyldige “ting”, eksempelvis “reals” på Facebook, som jeg kraftigt overvejer at forlade, da der er for få søde mennesker tilbage på platformen, da 99 pct. af venneanmodningerne er falske, og der deles hjernedøde beskeder til Meta om, at man ikke ønsker, at de må anvende ens billeder mv. Herre Jemini. Selv mennesker, jeg anser for mere end kloge, har i den forløbne uge delt sådant indhold.

Når jeg alligevel stadig er der, er det fordi, jeg bruger platformen til at informere om eksempelvis denne nye artikel. Og hvem vil ikke gerne have læsere?

Overflødige klik og “Clickbait”

Hvis man vil slette indhold, trykker man på “slet”. Man mødes af en besked om fx “Vil du vil slette dette?” Ja, jeg trykkede jo på “Slet”. Tror de, jeg er helt idiot? Der er millioner af overflødige klik. Måske kunne vi lave en sammenslutning til bekæmpelse af dem?

“Clickbait” er en betegnelse for sensationelle eller iøjnefaldende overskrifter, der bruges online for at tiltrække klik og generere mere trafik til en side. Overskrifterne er typisk designede til at pirre læserens nysgerrighed og få dem til at klikke på et link, selv om indholdet kun uhyre sjældent lever op til forventningerne.

Netikette

Jeg begyndte at lave hjemmesider i 2005, og da jeg ikke anede en brik om, hvordan man gjorde, købte jeg en række bøger om det. Dengang var nettet jo dårlig opfundet, så man kunne ikke blive ret meget klogere der. Dengang kunne man ikke finde indhold med – ikke på – Google.

Du får lige en af mine mange yndlingsaversioner: Google har jo ikke selvstændigt indhold, og alverdens hjemmesider ligger selvfølgelig ikke Google. Google er et værktøj, man bruger til at finde indhold med.

Min bibel var  – og er – Jørgen Farum Jensens “Webdesign”; jeg har desværre mistet den. Han skrev fx om læsbarhed, der blandt andet indebar at lave afsnit. Og han skrev om, at man vha. title=”hvad sker der her” bør informere brugeren om, hvad der vil ske, når man klikker på et link, og at man bør sørge for, at siden, man gerne vil se, åbner i et nyt link. Det er vanvittigt irriterende at blive ført væk fra siden, man oprindeligt var på.

Information om noget jeg allerede ved

Jeg er så træt af mails – og især tre bippende SMS’er – om alt det, der allerede står i min kalender. Det drejer sig fx om beskeder fra tandlægen, frisøren, optikeren m.fl. om, at jeg har en tid. Det ved jeg da godt, for jeg skrev det i kalenderen, da vi indgik aftalen. Den form for beskeder har aldrig nogensinde oplyst mig om noget, jeg ikke ved i forvejen. Jeg har bare bøvlet med at slette alt det overflødige indhold her og der.

Hos Distriktspsykiatrien kan man heldigvis sige, at man ikke gider have de tåbelige beskeder.

Andel Energi sender en mail og tre SMS’er om, at min regning er blevet betalt. Ja, det havde jeg da så sandelig også forventet, eftersom jeg har tilmeldt mig Betalingsservice. Herudover er de så “kvikke”, at de sender en mail om, at man skal sørge for at oplyse sin mail-adresse, da de ellers ikke kan sende mails. Mod dumhed kæmper selv guderne forgæves.

Ændring af aftaler

Lidt i forlængelse af ovenstående: Min frisør klipper godt, og han er sød at slukke for muzakken, så jeg kan holde ud at være der, men jeg er træt af, at han altid ringer og laver om på mine aftaler. Når jeg ser ham igen, vil jeg spørge, om han også ændrer på alle de øvrige kunders tider, eller om det kun er mine?

Hvad er det mon, der får ham til at tro, at jeg kan ændre aftalerne? Kan han ikke styre sin kalender?

Herudover overvejer jeg konsekvent at sige “nej” til enhver ændring. Så kan det være, det “går over”.

Når jeg ikke allerede har fundet en anden frisør, skyldes det, at det er meget svært at finde en, der vil slukke for baggrundsstøjen. Men når man er på autismespektret, er det utrolig udmattende at skulle bruge kræfter på at prøve at ignorere det. Det går simpelthen ind i ens hjerne, og det kan tage meget lang tid, at få det til at forsvinde igen.

Tåbelige svar

Tåbelige svar kan fx være:

  • Så er det din PC, der er noget galt med (nej, der er overhovedet ikke noget galt med min PC)
  • Så er det din browser, der er noget galt med (fx DSB, når man ikke kan købe billetter via deres hjemmeside vha. Firefox, som er en anerkendt browser)
  • Har du tjekket dit spam-filter? (Ja, jeg har styr på mit spamfilter, som jeg tømmer hver dag), når man spørger, hvorfor man ikke har fået svar på en e-mail. Jeg begyndte naturligvis med at tjekke dette filter.
Døde links på min side

Folk og firmaer ændrer links lige så ofte, som jeg skifter undertøj (og det sker ret tit) , ergo er jeg indehaver af sider, der henviser til en 404-side. Når man linker til en side, er det jo faktisk udtryk for, at man mener, siden har noget at byde på, så det er venligt ment og godt for deres SEO. 

(SEO står for Search Engine Optimization, som på dansk betyder søgemaskineoptimering. Det handler om at optimere en hjemmeside, så den får en højere placering i søgeresultaterne på søgemaskiner som Google. Dette kan gøres gennem tekniske ændringer på hjemmesiden, optimering af indhold og ved at opnå links fra andre hjemmesider.)

En 404-fejl er en fejlkode på en hjemmeside. 404-fejlkoden angiver, at den side, du ønskede at besøge, ikke kan findes eller ikke længere eksisterer. En 404-fejl er også kendt som ‘404 ikke fundet’, ‘HTTP 404-fejl’ eller ‘404-fejlkode’.

Jeg er ved at være så træt af døde links, at jeg overvejer helt at holde op med at linke til andre sider end mine egne, for de bliver, hvor de er.

Tak er kun et fattigt ord

I forskellige grupper og på Facebook generelt efterspørges ofte hjælp til det ene og det andet. Bag det barske ydre er jeg i virkeligheden et venligt og hjælpsomt menneske, så jeg bruger ofte tid på at besvare sådanne opslag eller finde information frem til spørgeren, hvis der nu skulle være et eller andet, jeg ved noget om.

Jeg overvejer at holde op med at spilde min tid på det, for det sker meget ofte, at der ikke en gang returneres et “tak for hjælpen”.

Manglende respekt for min tid

Manglende respekt for min tid er ikke bare irriterende; det gør mig rasende.

Jeg tilbyder – i øvrigt gratis og omfattende – support til oprettelse af TNG-sider. TNG står for The Next Generation of Genealogy Sitebuilding. Det vil sige, at jeg assisterer med at oprette hjemmesider, hvor man kan vise sine slægtsdata. Det er tydeligt beskrevet, hvordan man får hjælp. Det kan du fx se her. Det er starten på en længerevarende proces, hvor du lærer en masse om at generere en dynamisk hjemmeside til dine data. Det er ikke gjort på en for- eller eftermiddag. Er det ønsket, er MyHeritage nok en bedre løsning.

Jeg vil enormt gerne hjælpe, men det er altså på mine betingelser. Man kan booke en tid i min kalender via hjemmesiden, og hvis jeg overhovedet har mulighed for det (og det har jeg som oftest), besvarer jeg straks forespørgslen og accepterer aftalen.

Det er ingen hemmelighed, at jeg konsekvent ikke besvarer hverken e-mails, SMS’er eller henvendelser via Messenger.

Alligevel sker det meget ofte, at jeg bliver kontaktet via disse kanaler. Jeg besvarer simpelthen ikke sådanne henvendelser. Det er ikke for at være et væmmeligt menneske, men spørgeren bliver nødt til at acceptere den support-form, jeg har valgt, for jeg skal jo også lave noget selv.

Besvarede jeg fx en SMS, ville brugeren (helt berettiget) have et nyt spørgsmål fem minutter senere. Og så er jeg fanget i en fælde. Det gider jeg ikke. Derfor tager vi en 60 minutters samtale om det, der driller. Og det kan vi gøre et fuldkommen ubegrænset antal gange. Det er sgu da god kundeservice.

Der er flere

Jeg kunne liste adskilligt flere irritationsmomenter, men jeg stopper her for ikke at skræmme (endnu) flere læsere væk. For det er jo egentlig ikke hensigten.

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. 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. Jeg svarer dig også relation til artiklen til morgenkaffen, kl. 13:00, kl. 18:00 og ved sengetid.

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 kort. Jeg svarer til morgenkaffen, kl. 13:00, kl. 18:00 og ved sengetid. Herefter vil du stryge lige igennem.

,

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.

,

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