Netz

Front-End-Performance-Checkliste 2021 (PDF, Apple Pages, MS Word)

Machen wir 2021 ... schnell! Eine jährliche Checkliste für die Front-End-Leistung mit allem, was Sie wissen müssen, um heute schnelle Erlebnisse im Web zu erstellen, von Metriken über Tools bis hin zu CSS-/JavaScript-Techniken.

HTML5-SVG-Füllanimation mit CSS3 und Vanilla-JavaScript

In diesem Artikel erfahren Sie, wie Sie die animierte Notizanzeige von der Awwwards-Website erstellen. Es behandelt das HTML5-SVG-Circle-Element, seine Stricheigenschaften und wie man sie mit CSS-Variablen und Vanilla-JavaScript animiert.

Wie viel sollten Sie für die Erstellung von Websites im Jahr 2019 bezahlt bekommen?

Als Webdesigner denken Sie vielleicht, dass das, was Sie für die Erstellung von Websites bezahlen, keine Rolle spielt, solange Sie Geld auf der Bank haben. Aber es tut. Dieser Leitfaden beschreibt drei Möglichkeiten, wie Sie Ihre Designdienstleistungen in Rechnung stellen können, und hilft Ihnen dabei, den perfekten Preis für die Abrechnung mit Kunden im Jahr 2019 zu finden.

So lernen Sie CSS

Sie müssen sich nicht verpflichten, sich jede CSS-Eigenschaft und jeden Wert zu merken, da es gute Orte gibt, um sie nachzuschlagen. Es gibt jedoch einige grundlegende Dinge, die Ihnen die Verwendung von CSS erheblich erleichtern. Dieser Artikel soll Sie auf Ihrem Weg des CSS-Lernens begleiten.

2018: Ein überwältigendes Jahr im Rückblick

Das Smashing Team blickt auf 2018 zurück. Konferenzen, Artikel, Bücher und die Smashing Membership – es hat sich einiges getan.

Neues Jahr, neue Anfänge (Januar 2019 Wallpapers Edition)

Starten wir mit einem kleinen Inspirationsschub ins neue Jahr: mit Liebe erstellte Wallpaper von der Community für die Community. Frohes 2019!

Werden PWAs native mobile Apps ersetzen?

Sind mobile Websites in Bezug auf die mobile Benutzererfahrung so schlecht? Sie hören so viel über die Vorteile des Erstellens einer dedizierten nativen App, aber das kann zu einem unglaublich kostspieligen Glücksspiel werden, wenn die Benutzer nicht darauf eingehen. Ist die progressive Web-App die beste Wahl? Und wird es irgendwann das mobile Web und native Apps ersetzen? Dieser Artikel untersucht diese Idee.

Häufige CSS-Probleme für Front-End-Projekte

Rendering und Interaktion sind in den letzten Jahren in allen Browsern viel konsistenter geworden. Es ist jedoch immer noch nicht perfekt einheitlich, und viele kleine Probleme können Sie stolpern lassen. Eine Liste häufiger Probleme mit ihren Lösungen.

Was wir uns gewünscht haben

Ein altes Klischee besagt, dass „Mögest du alles bekommen, was du dir wünschst“ ein besonders heimtückischer Fluch ist. Mit Edge, der bald auf die Rendering-Engine von Chrome umsteigt, wird wohl oder übel ein bitterer Wunsch wahr.

Generic First CSS: Neues Denken bei Mobile First

Mit dem Aufkommen von responsivem Webdesign und dem Mobile-First-Ansatz ist es sieben wundervolle Jahre her, seit neue Konzepte uns gezwungen haben, die Art und Weise, wie wir CSS schreiben, auf der Basisebene anzupassen. Nun, ich habe nichts allzu Bahnbrechendes zu bieten, aber ich habe eine kleine Überraschung. Siehe: Generisches erstes CSS.