Hallo liebe Alle,
Dies ist mein erster Beitrag hier und ich freue mich, einen Raum gefunden zu haben, in den ich diese folgende Frage unterbreiten kann.
Vorgeschichte:
Ich habe ein mir sehr wichtiges Projekt recht stümperhaft (prozedural, nicht responsiv, ohne jegliche Sicherheit) vollendet und dabei PHP gelernt.
Nun soll das ganze nochmal ordentlich und möglichst nach allen Regeln der Kunst gemacht werden.
die Frage:
Doch dieses responsive Design stellt mich doch vor Fragen, deren Beantwortung mir im Selbststudium nicht möglich war.
Ich weiß, wie ich ein Design bastel, das sich durch relative Größenangaben dem Viewport anpasst. Ich weiß, wie ich mit media-queries ein spezifisches Design schreiben kann und ich weiß, dass ich den mobile-first- Ansatz beachten soll.
Aber ich frage mich: Wie kann ich spezielle HTML-/PHP- Elemente für ein spezielles Device (Smartphone) einbauen? Denn gern würde ich spezielle Elemente in Buttons auslagern, zum Beispiel die Navigation. (So wie es
https://netzpolitik.org/ tut: Die Navigation verschwindet bei Smatphone-Breite hinter einem Button.)
Wenn ich das aber tu, dann habe ich je nach Situation leere HTML-Elemente (die Navigation/ UL). Blende ich diese via PHP ein oder aus oder wie löst mensch so etwas professionell/ elegant? Gibt es eine Musterlösung? Steh ich auf dem Schlauch?
Die Seite soll aus Gründen der Barrierefreiheit für Skeptiker_Innen ohne JS funktionieren.
vielen Dank im Voraus für Tips und Anmerkungen.