
Safari is en blijft toch wel een vreemde eend in de bijt
Auteur: Richard Sikkes,
geplaatst in
Website & Server
op uur.
Artikel is 33 keer gelezen en bevat 0 reactie(s).
Artikel is 33 keer gelezen en bevat 0 reactie(s).
Helaas voor Apple kan ik maar niet vriendjes worden met de Safari webbrowser op zowel de iPhone, iPad en de Mac. Iedere keer probeer ik het weer, maar de browser blijft een vreemde eend in de bijt, tenminste dat vind ik.
Iedereen mag vinden wat ie wil, smaken verschillen tenslotte.
Laat ik eerst maar eens beginnen met iets positiefs over Safari, de browser is bloedsnel, dat valt me iedere keer op, hoe snel dat ding is met het laden van webpagina's. Je hoeft maar met je muis naar een link te wijzen bij wijze van spreken en de website staat al lang en breed op je scherm. Maar dat is ook het enige positieve wat ik zo kan bedenken over Safari.
Zelf werk ik het liefst met Google Chrome, jawel die van de concurent. Mede omdat ik hier al jaren mee werk en deze de webpagina's het mooiste weergeeft naar mijn mening. Ja daar zit verschil in, echt waar! Wel vreemd, want beide browsers maken gebruik van dezelfde Apple WebKit engine, misschien een andere versie daarvan, maar goed.
Safari gaat ten eerste iets anders om met de dark mode van het besturingssysteem, tenminste dat valt me op op de iPad en de iPhone. Op de Mac gaat ie naar mijn mening wel redelijk goed om met de dark mode van MacOS. Als ik ergens op mijn website vergeet een kleur mee te geven aan een element, dan zie je dat meteen in Safari, terwijl Chrome het element wel gewoon weergeeft in de donkere kleuren. Misschien komt dat omdat Chrome zijn eigen donkere modus heeft, die je apart moest instellen binnen Chrome, dat weet ik zo ook niet. Lastig is het soms wel, want ik zie niet altijd op tijd wanneer ik iets vergeten ben.
Dat is de reden dat ik zo nu en dan die Safari browser er eens bij pak com dat even te controleren.
Verder ziet mijn website er niet hetzelfde uit op Safari als in Chrome. Ik vind mijn website er in Safari een beetje ouderwets eruit zien, met al die dikke lijnen om de elementen, dat zie je vooral in formulieren en tabellen. Persoonlijk vind ik dat niet zo mooi eruit zien. In Chrome zijn die lijnen er ook wel, maar lang zo nadrukkelijk niet aanwezig, want het zijn vaak maar hele dunne lijnen, soms wel een beetje te dun, want ik zie ze soms amper.
De tabellenweergave vind ik in beide browsers lelijk en wat ik ook doe in de CSS code, ik krijg die horizontale lijnen niet weg. Eigenlijk moet je ook geen tabellen gebruiken voor de weergave van je website, maar het is wel makkelijk om snel even een mooie tabel te maken en daarin de informatie te presenteren, maar officieel is dat niet de bedoeling van de bedenkers van de HTML standaard. Daarvoor hebben ze het div element bedacht, maar dat is weer een stuk minder overzichtelijk vind ik en soms leiden die ook weleens een eigen leven.
Vandaag heb ik denk ik toch een manier gevonden om die tabellen om te zetten naar div's en dat je dan toch meer controle hebt over de layout daarvan. Dit ontdekte ik in het admin gedeelte voor het bewerken van de blogposts. Daar was ik mee bezig om die meertalig te maken. Dat meertalig maken is gelukt, alleen de weergave van het formulier was ineens heel anders. Dus maar even aan het experimenteren geweest en nu heb ik dat formulier zover gekregen zoals ik het wil hebben. Links de labels en rechts de verschillende formulier elementen, zoals textvelden en knoppen en dat verdeeld over 25,%, 75% weergave, zodat de hele breedte van het scherm benut wordt, of liever gezegd de volledige breedte van het vak wat daarvoor beschikbaar is. Het scherm is iets breder, links en rechts heb je nog wat loze ruimte. Dat vind ik mooier dan een schermvullende website. Oke je hebt dan wel wat meer ruimte om je informatie kwijt te kunnen, maar dan staat alles zo op de rand. Maar wat mij betreft mag die loze ruimte wel wat kleiner. Vooral in Safari vind ik die ruimte best wel groot.
Maar goed, dat is 1 formulier wat ik aangepast heb en waar ik nu tevreden over ben, er moeten nog heel veel formulieren aangepast worden, want MultiSite heeft er heel veel.
Bij de controle met Safari kwam het aangepaste formulier redelijk goed uit de verf en daarbij ontdekte ik nog een aantal andere zaken die niets met dat formulier te maken hadden. De linkjes in het hoofdmenu (bovenin) werden in vaag donkergrijs weergegeven, waardoor je ze bijna niet zag. Ook werden er andere linkjes in het accountmenu onzichtbaar in Safari. Vreemd, want in Chrome zag ik ze wel gewoon. Ik weet niet hoe lang dit al zo is, heb er ook nog niemand over gehoord, maar inmiddels heb ik die linkjes maar een kleurtje gegeven in de stylesheet, zodat ze in ieder geval weer gewoon zichtbaar zijn in Safari en mogelijk andere browsers.
Zo zie je maar weer dat het leven van een website bouwer niet altijd over rozen gaat, er is altijd wel weer iets, een website is daarom ook nooit af of klaar, je bent er altijd wel mee bezig. Achja het houdt je van de straat zullen we maar zeggen. ;-)
Foto's bij dit artikel:
Klik op een foto voor een vergroting.
