Skip to content
  • 0 Votes
    1 Posts
    0 Views
    fasnix@fe.disroot.orgF
    Webdesign: Frage an die CSS-Profis: Ich möchte drei Bereiche in einem Grid so anordnen, dass bei voller Bildschirmbreite (100%) alle drei Bereiche nebeneinander stehen (je 1fr). Also: 1 | 2 | 3 Beim Verkleinern des sichtbaren Bereichs (Portrait-Modus Tablet) sollen Bereich 1 & 2 nebeneinander (50%) und der dritte Bereich über die ganze Breite (100%) darunter rutschen. Also: 1 | 2 3, 1 | 2 3Wird der sichtbare Bereich noch kleiner (Portrait-Modus Smartphone), sollen die Bereiche einfach alle untereinander stehen. Also: 1 2 3 Und das über viele Bereiche immer so weiter. Wie kann ich das im CSS realisieren, dass also immer der dritte Bereich über die volle Breite unter 1 & 2 angeordnet wird? (Anwendungsfall: Sprache 1 | Übersetzung | Vokabelliste) #Webdesign #CSS #Grid #GridLayout
  • Some good recs for FOSS web design tools!

    Uncategorized webdesign webdev
    1
    0 Votes
    1 Posts
    0 Views
    earth_walker@mindly.socialE
    Some good recs for FOSS web design tools!The open source design stack - Piccalillihttps://piccalil.li/blog/the-open-source-design-stack/#webDesign #webDev
  • 0 Votes
    1 Posts
    1 Views
    dominik@nona.socialD
    The best use of print stylesheets I have ever seen. Astonishing.https://sharonzheng.com/#CSS #Design #WebDesign
  • 0 Votes
    1 Posts
    9 Views
    fasnix@fe.disroot.orgF
    Mein "Browser-ABC" - also die Domains, die erscheinen, wenn ich in der URL von a bis z eintippe (eine Auswahl): A https://arbeitsagentur.de Ha ha, wen wundert's ... (Jobsuche) https://arte.tv Ja, darüber schaue ich tatsächlich recht viele Sendungen. B https://bearblog.dev Ein minimalistisches Blog mit einer aktiven Community. C https://css-tricks.com CSS (Webdesign) - umfangreiche Quelle mit Tricks und Tipps. D https://de.wikipedia.org Wer kennt sie nicht? :'D https://di.day Initiative, die den Wechsel auf europäische Software-Alternativen unterstützt. https://disroot.org Ein niederländisches Non-Profit, das diverse Internet-Dienste anbietet (u.a. diese Fedi-Instanz, und noch sehr viel mehr). https://dresden.de Die Internetseite der Stadt Dresden. E https://epetitionen.bundestag.de Ihr seid doch auch registriert und zeichnet fleißig Petitionen mit?! https://esperanto.de Eine deutschsprachige Ressource in und über die Plansprache Esperanto. https://etsy.com Marktplatz, ursprünglich für "Handgemachtes" F https://fahrradwagen.com Forum zum Thema "Fahrrad-Wohnwagen und -Wohnmobil" https://freetubeapp.io Ein alternatives Frontend, um u.a. Youtube-Videos anzuschauen, nur ohne Werbung, Tracking, usw. G https://gls.de Meine Bank seit 2011. https://gnulinux.ch Eine umfangreiche Seite über alles, rund um Linux. https://goodjobs.eu https://greenjobs.eu Stellenangebote für "Jobs mit Sinn" (Jobsuche) I https://imday.de Eine Initiative, die speziell für den Umstieg auf alternative Messenger wirbt. https://inv.nadeko.net Eine Invidious-Instanz, um Youtube-Videos ohne Werbung und Tracking anzuschauen. https://itsfoss.com Ein Magazin für alles rund um "Free and Open Source Software". J https://jobs.meinestadt.de/dresden/ Job-Aggreagation über meinestadt.de (Jobsuche) K https://kleinanzeigen.de Ehemals "ebay Kleinanzeigen", um diverse Artikel zu verkaufen. L https://linuxguides.de/linux-helden-karte/ Karte der ehrenamtlichen "Linux-Held:innen". M https://map.greenfieldmc.net/ Die größte Minecraft-Stadt, deren weitere Entwicklung live betrachtet werden kann. https://mdr.de Nachrichten des "Mitteldeutschen Rundfunks". https://media.ccc.de Die Peertube-Instanz des CCC. N https://nachrichtentisch.de Tagesaktuelle Nachrichten-Übersicht, aggregiert. https://netzpolitik.org Alles rund um die politische Entwicklung des Internets. O https://odyssee.com Alternative Video-Plattform zu Youtube. https://openstreetmap.org Wer kennt die Open Streetmap noch nicht? https://owncloud.com Die eigene Cloud, zum selbst hosten oder hosten lassen. P https://paypal.de Ja, noch ... https://phanpy.social Ein fortschrittlicher Fediverse-Client. Q https://queer.de Nachrichten rund um LGBTTPIQ*. https://qwant.com Die Suchmaschine, die ich am Häufigsten nutze. R https://reddit.com Ab und zu mal stöbern. S https://squirrel-news.net Gute Nachrichten von "Squirrel News". T https://tagesschau.de Die "gute alte" Tagesschau https://typemill.net Ein Content-Management-System, mit dem eins auch eBooks erstellen kann. U https://uebermedien.de Nachrichten aus der Medien-Branche. V https://vhelio.fr Ein Lastenrad-Anbieter aus Frankreich, mit interessantem Konzept (finde ich). W https://webmail.all-inkl.com Ja, ich rufe meine Mails online ab ... https://whocanuse.com Webdesign: Hilfreiche Plattform, um zu veranschaulichen, wie Farben mit welchen Fehlsichtigkeiten wahrgenommen werden. X https://xmpp.org Übersicht über das XMPP-Protokoll und verwendbare Messenger. Y https://yewtu.be Eine Invidious-Instanz, um Youtube-Videos ohne Werbung und Tracking anzuschauen. https://yunohost.org Ein Webhoster für Fediverse-Dienste. Z https://zdf.de Die ZDF-Mediathek. https://zen-browser.app Ein auf "Zen" fokussierter Firefox-Fork. #Links #Messenger #Firefox #Webdesign #BrowserABC
  • 0 Votes
    1 Posts
    8 Views
    earth_walker@mindly.socialE
    Gonna try using OKLCH color space and relative colors in my web design practice, they seem like useful tools especially if you like working on your design in the code editor (which I often do). Also really useful if the color scheme can be changed by the user, or for easily generating differently colored variants of a component.https://piccalil.li/blog/a-pragmatic-guide-to-modern-css-colours-part-two/#webDesign #webDev