A collection of logos from Smashing Magazine, OnePageLove, Syntax.FM, Bytes, and Josh Comeau
Webentwicklung |

20 Web-Dev-Links, die uns täglich inspirieren

tanner.jpg.png

Tanner

29. April 2022

Hinweis: Dieser Artikel wurde unter Zuhilfenahme von KI aus dem Englischen übersetzt. Hier geht's zum Originaltext.

Wie jeder andere Webentwickler da draußen besteht auch mein Job hauptsächlich darin, hundertmal am Tag Google zu durchforsten, um Antworten auf das nächste Hindernis zu finden. Meistens ist das Ergebnis nur ein Link zu Stack Overflow oder einem Github Issue, aber manchmal ist es ein durchdachter Artikel oder Blog-Beitrag, der die Extra-Meile geht und Kontext und Kommentare liefert. Ich bin mir sicher, dass du die gleiche Erfahrung schon gemacht hast, aber hier kommt die Wendung: Hast du jemals innegehalten und daran gedacht, dass diese Beiträge von vollwertigen Websites stammen? Und dass sie regelmäßig hilfreiche Artikel und Tipps veröffentlichen?

Ich scherze natürlich, aber zu oft interagieren wir mit diesem hochwertigen Webentwicklungs-Content ausschließlich über Suchmaschinen. Wenn wir unsere SEO-Arbeit richtig gemacht haben, hat dich vielleicht sogar eine Google-Suche hierher gebracht. Der Anstoß für diesen Blog-Beitrag war meine Erkenntnis, dass ich nicht tiefer in diese Quellen eingetaucht bin, was bedeutet, dass ich gleichzeitig mir selbst und den Content-Autoren einen Bärendienst erweise, indem ich ihre harte Arbeit ignoriere.

Daher wollte ich meine disziplinierteren Kollegen fragen, welche Links sie immer wieder aufrufen, und eine Liste zusammenstellen, die ich mit euch teilen kann. Hier sind also unsere über 20 Lieblingsquellen für saftige Webdev-Infos, die wir uns zu Herzen nehmen – und in unsere Adressleisten eintragen.

Direkte Quellen

Ein Screenshot der CSS Tricks Homepage

1. CSS Tricks

Ah, was für ein besserer Weg, um nach dem Gerede über Suchmaschinen-Ergebnisse fortzufahren, als mit CSS Tricks, einer Seite, die scheinbar für jede CSS-Hürde einen Artikel parat hat. Diese Fülle an Inhalten bedeutet, dass es Zeiten gibt, in denen du auf die Startseite schaust und nichts persönlich relevant erscheint, und CSS Tricks ist definitiv offen für die Meinungen von Gastautoren, die manchmal ein Hit oder Miss sein können. Aber wir haben hier einige Entwickler, die die Seite regelmäßig checken, und ich sollte wahrscheinlich dasselbe tun.

Es ist auch erwähnenswert, dass die Seite kürzlich von Digital Ocean übernommen wurde, die auch andere coole Tech-Blogs wie Scotch.io und Alligator.io aufgekauft haben, und die Ergebnisse waren bisher gemischt. Aber in diesem Fall scheint das Ziel nur die Platzierung eines großen Digital Ocean-Logos zu sein.

Ein Screenshot von Josh Comeau's Homepage

Josh ist ein unglaublicher Entwickler und eine ausgezeichnete Ressource im letzten Jahr dank seines Kurses "CSS for JS Developers", der sich an Leute wie mich richtet, deren Webdev-Karriere stark im Frontend angesiedelt ist, allerdings durch die JavaScript-Brille betrachtet. Der Kurs untersucht die etwas verborgene Logik von CSS auf spielerische Weise, und sein Blog vermittelt dieselbe Energie in seinen mehr oder weniger monatlichen Tiefenanalysen. Ob sein Kurs, sein Blog oder sein Twitter-Account – Josh ist einen Blick wert.

Ein Screenshot der Smashing Magazine Homepage

Ähnlich wie CSS Tricks, aber mit einem vollständigeren Stack, veröffentlicht Smashing Magazine (soweit ich weiß nie ein gedrucktes Magazin) seit über 15 Jahren unabhängig Webdev-Artikel, Anleitungen, Bücher und Newsletter. Bonuspunkte dafür, dass es aus Deutschland stammt.

Ich bin mir nicht sicher, wie der Zeitplan heutzutage aussieht, da die Häufigkeit der Beiträge etwas abgenommen zu haben scheint. Aber ich bin tatsächlich ein Unterstützer seines Patreons, weil er wirklich gute Sachen veröffentlicht. Für viele beliebte Tech-Autoren ist die primäre Quelle nicht die Spezifikation, sondern eine andere Nachrichtenquelle, wenn Änderungen an JS/CSS vorgenommen werden, aber das macht er nicht. Sobald eine neue Spezifikation veröffentlicht wird, ist er darauf.

Zitat von: Johannes

Wenn Joshs Blog großartig darin ist, die verschiedenen Blickwinkel eines CSS-Themas abzudecken, dann geht der Blog des Entwicklers Ahmad Shadeed so detailliert auf eine bestimmte CSS-Eigenschaft oder -Funktion ein wie kaum ein anderer. Seine persönliche Seite ist für mich relativ neu, aber ich war besonders inspiriert von diesem Beitrag über das Antizipieren von CSS-Eigenheiten, bevor sie auftreten.

Newsletter

Wir befinden uns wahrscheinlich gerade in der Post-Peak-Phase der zweiten Wiedergeburt der Newsletter, die weitgehend durch den bezahlten Newsletter-Dienst Substack befeuert wird. Ich glaube seit Jahren, dass wir in eine Ära der verstärkten Kuratierung zurückkehren werden, da das Internet uns weiterhin mit mittelmäßigen Inhalten übersättigt – hey, wenn sogar ich einen Blog-Beitrag veröffentlichen kann... – und genau das bieten uns Newsletter.

Webentwickler haben ihren Teil zum Newsletter-Boom beigetragen, indem sie kuratierte Listen mit Links zu Ankündigungen, Tools und Blog-Beiträgen bereitstellen, die sie für bedeutsam halten. Die unten empfohlenen Newsletter gibt es schon seit einigen Jahren, und man sollte sie ausprobieren, solange wir das Glück haben, dass sie noch laufen.

Hinweis: So ziemlich jeder Newsletter, den ich bisher gesehen habe, ermöglicht es dir, ältere Ausgaben vorab anzusehen, sodass du ein Gefühl dafür bekommen kannst, ob er dich interessiert, ohne deine E-Mail auf eine weitere Liste zu setzen.

Ein Screenshot eines der Bytes.dev Newsletter über ihr Archiv

Dies ist meine absolute Lieblingsentdeckung aus Gesprächen mit meinen Kollegen, von denen mehrere bereits abonniert haben. Geschrieben von Tyler McGinnis (der es wert zu sein scheint, ihm auf Twitter zu folgen), ist der Newsletter eine Kombination aus Webdev-News, Experimenten mit verschiedenen Bibliotheken und was ihm sonst noch einfällt, alles mit seinen persönlichen Ansichten obendrauf. Um ein zufälliges Beispiel zu nennen, während ich durch frühere Ausgaben des Newsletters blättere:

Nick Scialli schrieb darüber, wie sich Solid.js anfühlt wie das, was er sich immer von React gewünscht hatte. Nun, Nick, ich wollte immer, dass React ein geeigneter Ersatz für die Liebe und Zuneigung meines Vaters ist, aber wir können nicht alle bekommen, was wir wollen.

7+8. Rendezvous with Cassidoo und The Overflow

Beide Newsletter werden von der Entwicklerin Cassidy Williams, auch bekannt als "cassidoo", kuratiert. Ihr persönlicher Newsletter ist lockerer, bringt aber dennoch einige nützliche Web-Links und enthält eine Interviewfrage und einen zufälligen Witz der Woche. Außerdem steht sie auf mechanische Tastaturen, ein Kaninchenbau, in den ich gefährlich nahe daran bin zu fallen. Der Stack Overflow Newsletter ist im Vergleich dazu streng eine Sammlung von Links, von denen ein guter Teil aus ihrem eigenen Blog stammt. Ich habe noch nicht so tief in die Stack-Overflow-Inhalte geschaut, aber vielleicht wird es für dich von Interesse sein!

SSR, ISR, SSG, CLS, TTFB ... es gibt unzählige Akronyme, um deine Website schnell zu machen. Um den Überblick zu behalten, tauche ich gerne in den perf.email-Newsletter ein. Es ist eine gute Zusammenfassung zum Thema Performance, die für unsere Kunden immer wichtiger wird, aber in Blog-Inhalten selten genug Aufmerksamkeit bekommt. Es ist auch ein nettes Stück Marketing für Calibre – ein großartiges Produkt, um die App-Performance zu überwachen. Der von der Calibre-Entwicklerin Karolina Szczur kuratierte Newsletter erscheint alle zwei Wochen, was ein schöner Rhythmus für einen Newsletter ist.

Zitat von: Leo

Aggregatoren

Ein Screenshot der CSS Tricks Homepage

Lassen uns alle Design-Quellen zusammen behandeln.

OnePageLove, ein Favorit von insbesondere Irena, feiert die Schönheit und Einfachheit von One-Pagern und teilt Screenshots mit Kommentaren der Favoriten des Autors Rob Hope. Dribble ist eine riesige Community für Designer, um ihre Arbeit zu teilen und Inspiration von anderen zu gewinnen. Wir schätzen Stephanies Blog und Newsletter für ihren Fokus auf Barrierefreiheit und UX sowie auf soziale Themen in der Webentwicklung und mehr. Außerdem hat sie in der Vergangenheit sogar einen Peerigon-Blog-Beitrag vorgestellt!

Ein Screenshot des Daily Dev Tab-Feeds einer Person

12. Daily Dev

Diesen habe ich tatsächlich bei Recherchen auf Reddit entdeckt, und er kann nur als der Meister-Aggregator von Entwicklungsinhalten beschrieben werden. Daily.dev ist eine Browser-Erweiterung, die deinen Neuer-Tab-Bildschirm übernimmt und aus über 400 Quellen basierend auf den Tags, denen du folgen möchtest, zieht. Es gibt auch einen Community-Aspekt dazu, und ja, es aggregiert sogar die Aggregatoren wie HackerNews für euch Kranke, die auf so etwas stehen.

Bevor wir uns vom Bereich des traditionellen geschriebenen Wortes verabschieden, wollte ich einen Weg aufzeigen, all dies an einem Ort zu sammeln. Erinnerst du dich an die glorreichen Tage der RSS-Reader? Wenn du über die Art und Weise nachdenkst, wie Inhalte heute im Web funktionieren, macht es Sinn, warum sie in den letzten 10 Jahren am seidenen Faden hingen. Aber sie sind noch nicht tot, und hoffentlich wird der Newsletter-Boom auf RSS überschwappen. Neben dem Marktführer Feedly haben Feedbin (das ich, wie im Screenshot unten zu sehen ist, ausprobiert habe) und Inoreader ihre Fans. Wie du sehen kannst, haben alle in diesem Artikel genannten Quellen RSS-Feeds, die du abonnieren kannst!

Ein Screenshot des RSS-Readers FeedBin

Podcasts / Web-Shows

Und apropos RSS-Feeds, sprechen wir über ihre heutige Hauptfunktion: Podcasts.

Ein Screenshot der Syntax.FM Homepage

13. Syntax

Beide sind großartige JavaScript-Lehrer in ihrem eigenen Recht. Syntax ist Wes Bos und Scott Tolinskis langjähriger Webdev-Podcast, der aus kurzen, fokussierten und vor allem zugänglichen Episoden zu verschiedenen (vorwiegend Frontend-)Themen besteht. Dies ist die Ressource, die ich vor allem jüngeren Entwicklern empfehlen würde, und wie jeder wirklich großartige Podcast hat er Zeitstempel.

Ein Screenshot eines der HTTP203-Videos auf ihrem YouTube-Kanal
HTTP 203 ist ein großartiger Mittelweg zwischen unterhaltsamen und hochwertigen Diskussionen zu Webentwicklungsthemen. Diese können von 'glänzenden neuen Funktionen bis zu den kleinsten Details' reichen. Die Show wird vom Chrome-Entwickler Jake Archibald moderiert und auf YouTube von ihrem 'Google Chrome Developers'-Kanal hochgeladen.

Zitat von: Michael G.

Schau dir dieses Repo für zusätzliche Tech-Podcasts an. Front End Happy Hour ist einer, den ich von vielen besonders loben gesehen habe.

Twitter

Twitter ist mein Aggregator der Wahl. Es stimmt, dass es viele schlechte Menschen auf dieser Plattform gibt, aber das ist eher ein allgemeines Internet-Problem, und wir werden hier nicht darüber sprechen. Einige meiner Lieblingspersonen auf Twitter, die es wert sind, erwähnt zu werden, sind unten aufgeführt. Um eine besonders hervorzuheben: Wenn wir etwas Neues über Barrierefreiheit nachschlagen oder lernen wollen, werfen wir einen Blick auf Sara Soueidans Blog. So ist natürlich ihr Feed ein großartiger Ort, um über die neuesten Themen rund um a11y auf dem Laufenden zu bleiben.

Zitat von: Bene

Ein Tweet von Sarah Souidan, in dem sie einen Link zu einem Performance-Artikel auf Stack Overflow teilt

Jetzt, da ich einen Schritt zurücktrete und mir diese Liste anschaue, ist sie sicherlich etwas auf das Frontend fokussiert. Aber das macht nur Sinn, wenn man bedenkt, dass sie von Peerigon-Mitarbeitern zusammengestellt wurde, deren Jobs uns die meiste Zeit auf dieser Seite des Stacks verbringen lassen. Aber ich denke, es ist ein wenig was für jeden Entwickler in dieser Liste dabei, und ich hoffe, es gibt mindestens einen neuen Namen, der dein Interesse geweckt hat. Und wenn sonst nichts, kann ich vielleicht das Internet daran erinnern, dass Newsletter, RSS und gute Inhalte noch nicht tot sind!

webdev

newsletters

blogs

resources

learning

Weitere Themen

Michael, 16.04.2025

Green Hosting im Nachhaltigkeitsvergleich

Sustainability

Green Software

Consulting

Hostingsec

Zum Blogartikel

Lea, 04.04.2025

Vue clever nutzen – Wiederverwendbarkeit für Einsteiger:innen

Vue

JavaScript

Reusability

DRY Principle

Components

Composables

Zum Blogartikel
Header-top-ten-mistakes-to-avoid.png

Francesca, Ricarda, 02.04.2025

Die 10 häufigsten Fehler bei der Entwicklung digitaler Produkte – und wie du sie vermeidest

MVP development

UX/UI design

product vision

agile process

user engagement

product development

Zum Blogartikel