Diese Art von Zusammenfassungen fasziniert mich immer wieder. Meine Frau blättert stundenlang durch Zillow-Fotos von Wohnungsinnenräumen, weil sie gerne sieht, wie verschiedene Leute dekorieren, Feng Shui oder was auch immer. Das ist ihr kleiner Ausflug ins Voyeur-Land. Mein Ausflug? Das könnte leicht das Scrollen durch CSS-Snippets sein, die Entwickler in Reichweite aufbewahren.

Alvaro war so freundlich, die vertrauenswürdigsten seiner vertrauenswürdigen CSS-Code-Schnipsel zu teilen.

1. Begrenzen Sie die Inhaltsbreite innerhalb des Viewports
2. Erhöhen Sie die Textgröße des Körpers
3. Erhöhen Sie den Zeilenabstand zwischen Textzeilen
4. Begrenzen Sie die Breite von Bildern
5. Begrenzen Sie die Breite von Text innerhalb des Inhalts
6. Schriftartenköpfe ausgewogener umbrechen
7. Farben von Formularsteuerelementen an Seitenstile anpassen
8. Leicht verständliche Tabellenzeilen
9. Abstände in Tabellenzellen und Kopfzeilen
10. Animationen und Bewegungen reduzieren

Weiterlesen →

Sara Joys Adaption des Songs „Everybody’s Free (To Wear Sunscreen)“ (YouTube), ursprünglich von Baz Luhrmann, mit Texten, die direkt aus Mary Schmihs klassischem Essay „Wear Sunscreen“ stammen. Jeder, der seit 1999 die High School abgeschlossen hat, muss den Song nicht einmal nachschlagen, da er zu einem inoffiziellen offiziellen Bestandteil von Abschlussfeiern geworden ist. Wenn Sie 99er sind, tut es mir leid. Sie erhalten möglicherweise immer noch eine laufende Behandlung für die Ohrwurm-Infektion dieses eingängigen Liedes, das endlos im Radio (ja, Radio) lief. Andererseits litten wir aus diesen späten 90er-Klassen unter ernsteren Ohrwurm-Fällen durch die Ausbrüche von „I Will Remember You“ und „Time of Your Life“.

Weiterlesen →

Ich weiß, dass das etwas ist, das Chris schon ewig wollte, also ist es keine Überraschung, dass er nur einen Tag nach Bekanntwerden der Nachricht bereits eine fantastische Abhandlung dazu verfasst hat. Tatsächlich habe ich davon zum ersten Mal durch seinen Beitrag erfahren und konnte keine Ankündigung finden. Deshalb dachte ich, ich mache mir ein paar Notizen, da es sich um eine bedeutende Entwicklung handelt.

Die Nachricht: **Übergang zu auto ist jetzt möglich!** Nun, es wird möglich sein. Chrome Canary hat kürzlich die Unterstützung dafür eingeführt, und das ist der einzige Ort, an dem Sie es derzeit finden können. Und selbst dann wissen wir einfach nicht, ob die Implementierung von Chrome Canary seinen Weg zur Syntax finden wird, wenn die Funktion offiziell wird.

Weiterlesen →

Mensch, überlassen Sie es Patrick Brosset, über CSS-Leistung auf die zugänglichste und praktischste Weise zu sprechen. Nicht, dass CSS immer das ist, was die Geschwindigkeit verlangsamt, oder auch nur die am leichtesten erreichbare Verbesserung zur Leistungssteigerung ist.

Aber *wenn* Sie nach Verbesserungen auf der CSS-Seite suchen, hat Patrick eine nette Methode, um Ihre teuersten Selektoren mit den Edge DevTools aufzuspüren.

• Öffnen Sie die DevTools.
• Gehen Sie zum Tab "Performance".
• Stellen Sie sicher, dass die Option „Erweiterte Rendering-Instrumentierung aktivieren“ aktiviert ist. Das hat mich im Prozess gestört.
• Nehmen Sie einen Seitenaufruf auf.
• Öffnen Sie den Tab "Bottom-Up" im Bericht.
• Überprüfen Sie die Größe Ihrer neu berechneten Stile.

Weiterlesen →

Die CSS-Verschachtelung macht wieder die Runde. Erinnern Sie sich, Anfang des Jahres, als Adam und Miriam drei Syntaxoptionen zur Abstimmung stellten? Diese Ergebnisse wurden ausgewertet und es war nicht einmal knapp.

Jetzt gibt es eine weitere Möglichkeit, die Zukunft der Verschachtelung mitzugestalten, diesmal im WebKit-Blog. Die Ergebnisse von Adams und Mirims Umfrage lösten weitere Diskussionen aus und zwei weitere Ideen wurden hinzugefügt. Diese neue Umfrage ermöglicht es Ihnen, aus allen fünf Optionen zu wählen.

Jen Simmons hat eine umfassende Übersicht über diese Optionen zusammengestellt, einschließlich einer Auffrischung der Verschachtelung, Details dazu, wie wir zu den fünf Optionen gelangt sind, und unzählige Beispiele, die die Optionen in verschiedenen Anwendungsfällen zeigen. Lassen Sie uns die harte Arbeit, die hier geleistet wird, mit einer schnellen Ein-Fragen-Umfrage erwidern.

Wir haben einen echten Feiertagsgenuss für Sie! Begleiten Sie Host Alex Trost von der Frontend Horse Community zum Holiday Snowtacular 2022 diesen **Freitag, den 16. Dezember**.

Es gibt eine Liste von 12 großartigen Rednern – darunter Chris Coyier, Cassidy Williams, Kevin Powell und Angie Jones – die jeweils verschiedene Themen aus den Bereichen Front-End und Webentwicklung behandeln. Es ist wie die 12 Tage von Weihnachten, aber verpackt in einer vierstündigen Sitzung für Web-Nerds wie uns.

Es ist auch ein wirklich guter Zweck. Die Veranstaltung ist kostenlos, beinhaltet aber Spenden für Ärzte ohne Grenzen mit dem Ziel, 20.000 US-Dollar zu erreichen. Sie können hier spenden jederzeit und jeder Betrag, den Sie geben, wird von den Sponsoren der Veranstaltung verdoppelt. Kommen Sie also für den Front-End-Spaß und helfen Sie dabei, einen großartigen Zweck zu unterstützen.

Sara Soueidan mit allem, was Sie brauchen, von den verfügbaren Screenreader-Optionen über die Einrichtung von virtuellen Maschinen dafür, deren Installation und die Konfiguration von Tastaturoptionen. Es ist wirklich eine zentrale Referenz, die disparate Tipps zusammenfasst, um das Beste aus Ihren Screenreader-Barrierefreiheitstests herauszuholen.

Danke, Sara, dass Sie diese Anleitung zusammengestellt haben, und besonders dafür, dass Sie dies getan haben, ohne Urteile oder Annahmen darüber zu treffen, was jemand über Barrierefreiheitstests wissen mag oder nicht. Die Anleitung ist nur ein Teil von Saras kommendem Praktischer Accessibility-Kurs, der zur Vorbestellung verfügbar ist.

Nur breites Lächeln im Gesicht, als ich dieses Video von @quayjn auf YouTube sah. (Kein wirklicher Name in der Angabe, obwohl ich glaube, es ist Brian Katz, wenn meine Spuren richtig sind).

Am besten ist dieser Pen, den Sie zum Mitsingen verwenden können...

Das kleine Lied, das Una zum Auswendiglernen der JavaScript-Methoden map(), filter() und reduce() schrieb am Ende dieses Artikels kommt mir sicher in den Sinn.

Na sieh mal einer an. Es scheint, dass es einen brandneuen Blog auf WordPress.org gibt, der sich ganz dem WordPress-Entwicklungsbereich widmet. Im ursprünglichen Vorschlag für den Blog schreibt Birgit Pauli-Haak

Weiterlesen →

Hallo Leute! Wenn Sie die neuesten Nachrichten von DigitalOcean verfolgt haben, wissen Sie vielleicht, dass wir vor kurzem die Übernahme eines Unternehmens namens Cloudways angekündigt haben. Falls Sie neugierig sind, was das bedeutet, dachten wir, es wäre hilfreich, eine kurze Beschreibung von Cloudways zu geben und zu erklären, warum wir begeistert sind, sie in der DO und CSS-Tricks-Familie willkommen zu heißen!

Weiterlesen →