/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 , ,

Der er jo ingen, der ser hele hjemmesiden

Der er jo ingen, der ser hele hjemmesiden

Resign af hjemmeside

Der er jo ingen, der ser hele hjemmesiden

Der er jo ingen, der ser hele hjemmesiden

Jeg har en enorm hjemmeside, som jeg er glad for. Den rummer lige nu (medio september 2024):

  • 2.089 indlæg,
  • 112 sider,
  • 2.781 billeder og
  • 11.218 kommentarer.

Jeg var nærmest ved at få stress af tanken om redesignet, fordi min udvikler stort set skældte mig ud over, at det er så nemt at se, at siden er bygget over mange år. Han syntes vist, det var en hjemmelavet hjemmeside. Tjah, det er det jo også …

Noget har et farvevalg. Nogle år senere har farvevalget ændret sig. Så gik der fem år, og så blev det nogle andre farver. Det fik mig til at synes, at hjemmesiden er lige så kaotisk som lejligheden. Og det er jo sådan set rigtigt. Og det kan jeg næsten ikke holde ud.

Men Lisbeth Scharling aka Webwoman lærte mig heldigvis noget andet: Det er kun jo mig selv, der ved, at der er kaos, og at fx den mahognirøde ikke er gennemgående, at de nye grønne nuancer netop er nye, og at knapperne plejede at være blå osv.

Læserne sidder jo ikke og besøger alt mit indhold – hvilket ellers kunne være dejligt. De hopper ind på en side, henter noget viden på den side og måske på et par andre sider, og så smutter de igen efter måske at have sendt mig en mail.

Jeg er altså blevet ret vild med »Webwoman«

Jeg er blevet ret vild med »Webwoman«, for hun har en dejlig »nede på jorden-tilgang« til webdesign, og så drager hun de herligste analogier, som jeg har lært meget af.

Et eksempel er det med den blinde villavej: De fleste footere er som en blind villavej. Man kommer derned og hvad så? Oplysningerne om cookie- og privatlivspolitik samt måske CVR-nummer og © er der jo ingen i denne verden, der klikker på. Det er sådan en slags tvungent indhold, der bare skal være der. Altså skal man »bakke baglæns«, og det er der ingen, der gider, og så smutter de forståeligt nok igen. Derfor skal footeren rumme indhold, der bevirker, at læseren bliver nysgerrig og får lyst til at klikke på endnu et link og læse mere om et eller andet.

Herudover rummer hendes side et væld af gratis guides. Jeg lærer godt, når jeg kan sidde stille og roligt og læse og teste på min egen side. Og jeg elsker, når folk deler viden ganske gratis. I dag har jeg fx lært, at man må have et »Mood Board«. Herre Jemini – sådan et havde jeg da aldrig hørt om før

Detaljefokusset kan være hårdt, når man har Aspergers syndrom

Når man har Aspergers syndrom, kan detaljefokusset være hårdt, fordi man ser alle detaljer, og man rummer alle detaljerne inde i hovedet. Jeg kan jo fx snart disse nye farver udenad:

Den mørkegrønne: #91974e
Den lysere grønne: #dadcbc
Den mahognifarvede: #c3512f
Komplementærfarven til den mahognifarvede: #2FA1C3
Og så videre …

Min psykolog sagde engang til mig: »Når en autist ser en revne i væggen, ser han/hun kun revnen – ikke resten af væggen«. Eftersom hun er Danmarks dygtigste psykolog (i hvert fald til mig), har det hængt ved. Hun har helt ret.

Jeg har fx utrolig svært ved at færdes på sociale medier, hvor folk naturligvis skriver meget forskelligt, fordi vi alle er forskellige med forskellige hjerner. Jeg ser kun alle de dårlige formuleringer. Selve indholdet kan jeg ikke holde ud at læse.

Detaljefokusset er også skønt og nyttigt

Jeg har også utrolig meget glæde af min trang og hang til detaljer. Jeg laver fx lidt frivilligt arbejde for GladTeknik, hvor jeg er webmaster og passer på sidens sprog. Jeg hygger mig ca. 30 minutter om ugen med det. De er glade, og jeg er glad for at kunne hjælpe.

Jeg glæder mig fx over at kunne fange en sød en som denne: »En harddisk er en uundværlig kompetent, der fungerer …« på deres seneste blogpost om harddiske. »Kompetent« skulle lige skiftes ud med »komponent«, og så var min dag reddet.

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.