openmindculture / kleiderordnung-berlin

Portfolio website for sustainable stylist Tina Steinke in Berlin, powered by a hybrid classic WordPress theme with custom frontpage and block enabled pages (WIP)
2 stars 0 forks source link

Classic Theme Project Development #18

Closed openmindculture closed 1 year ago

openmindculture commented 1 year ago

Konzeption / Design-Phase

Exploration Phase

Architecture / Strukturierung

Dynamisierung

Optimierung, Korrekturen und Anpassungen

openmindculture commented 1 year ago

pragmatischer Fokus auf eine vollständige deutschsprachige Vorschau mit allen Inhalten, die 99% mit den statischen Designs übereinstimmt, dann Dekoration und Mikroanimationen, alles weitere (Dynamisierung, Mehrsprachigkeit, technologische Nachhaltigkeit) ggf. zurückstellen sofern es sich nicht "nebenbei" ergibt...

openmindculture commented 1 year ago
openmindculture commented 1 year ago

Bugfixing- und Optimierungsphase

Cleanup / Code Style / Documentation / Testing

Performance-, Best-Practice-, Sustainability Audits befriedigend?

Visuell/Funktional

Auf preview reproduzierbar bei 100% OHNE ZOOM z.B. bei 1759px Breite, konkret zwischeen ca. 1726 und 1768 px Breite (incl. seitliche Scrollbar). Das ist nicht nur in Google Chrome, sondern auch auf Vivaldi reproduzierbar. Zum Debuggen könte es hilfreich sein, die Devtools mal unter statt neben der Seite zu öffnen.

Funktional

openmindculture commented 1 year ago

Juicer wrote:

Thank you for letting us know about the accessibility issues. I'm happy to report that we have already fixed the first reported one, where <li> elements contained <div>'s.

Please find the updated embedding code on your Juicer account. When you log in, in the left-side menu, navigate to Embed in your site submenu and make sure to tick the Improved feed accessibility option which is located at the bottom of the menu. Please see the screenshot below for a reference.

As for your other remark, I have just created an internal ticket for this close button improvement to be implemented.

I will mark this ticket as resolved now, but please let me know if there are any other issues or improvement suggestions. We really appreciate this kind of feedback. 🙌

openmindculture commented 1 year ago

Preview:

openmindculture commented 1 year ago

Site Owner DX

openmindculture commented 1 year ago

Intro overlaps text on MacBook Safari, Safari 16.5 on MacOS Ventura 1449 x 751, same on Safari 17 beta, but not on Safari 13 on Catalina and only partially in Safari 14 Big Sur.

Safari 16: Screenshot Mac Ventura

Safari 14: Screenshot Mac Big Sur

Safari 13: Screenshot Catalina

Symptoms: intro animation displaced too far from page top without compensating for that on the lower margin which might not be possible due to the special layout tricks we did for parallax perspective effects.

Safari 17 on MacOS Sonoma beta: inspect element "fixes" the problem when developer tools force a broad screen ratio, but it's still to far away from the top: Developer tools on MacOS Sonoma

Can't reproduce in side view either: Screenshot with developer tools moved to the side

Everything is fine outside the Lottie player's shadow DOM... Screenshot

It works on those Mac browsers when we remove the

@media (min-height: 640px) {
  .intro__keyvisual {
    /* max-height: calc(100vh - 15 rem);

But what will happen in other browsers? Do we still need this max-height at all?

openmindculture commented 1 year ago

Single news template is broken on all devices Single news screenshot

https://preview.kleiderordnung-berlin.de/gute-gespraeche-und-viel-zu-sehen-unterwegs-auf-der-green-fashion-fair-berlin-101/

openmindculture commented 1 year ago

Footer Layout: unnecessary line break in ecology claim e.g. on MacOS Safari 16.5, 1449 x 751

Footer view

openmindculture commented 1 year ago

Juicer reels als zusätzliche feed-Quelle adden; doppelte "News" Überschrift auf "alle News" Page; Layout bei unterschiedlichen Bildgrößen optimieren; Layout im Bereich zwischen Desktop/full und mobile noch suboptimal:

WordPress Admin Zuschnitt bei Upload Plugin? ist unnötig, das ist eine eingebaute Funktion im WordPress-Core.

Neues hilfreiches Plugin: Display Featured Image In Post List gegen die momentane Desoritiertheit beim Anblick einer Liste von Posts die alle mit kleinen Buchstaben beschriftet sind und wegen deutsch / englisch zudem recht ähnlich heißen.

openmindculture commented 1 year ago

Bearbeiten-Link ausblenden / verkleinern oder anderweitig wenig störend bauen

openmindculture commented 1 year ago

Restliche Follow-Ups in einzelnen Issues.