Entwicklung & Design

10 hilfreiche Tutorials und Quellen für Webentwickler und -designer (Teil 1)

Am Zahn der Zeit mit t3n. (Screenshot: © awesomephant - Fotolia.com)

HTML5, CSS3, UX-Design, Icon-Packs & Co.: In unserer neuen Serie fassen wir für euch regelmäßig neue Tutorials und Quellen zusammen, die aus unserer Sicht extrem hilfreich für Webentwickler und -designer sind. Hier kommt der erste Teil.


Tagtäglich stolpern wir über atemberaubende Tutorials, leider verschwinden diese – mangels Zeit, um gute von weniger guten Tutorials zu trennen – zu oft zwischen anderen Lesezeichen im Browser oder bei Read-It-Later-Webservices. Wir wollen das ändern und zeigen euch die besten Tutorials für die coolste Berufsschicht: nämlich Webworker.

Bildschirmfoto 2014-05-02 um 10.29.29

So baut ihr ein HTML5-Spiel mit Unity

In diesem ausführlichen Tutorial von Martin Kool wird euch Unity am praktischen Beispiel gezeigt. Via Smashing Magazine

Bildschirmfoto 2014-05-02 um 10.40.19

Atemberaubende Intro-Animation mit CSS3

Ihr wolltet schon immer mal einen Vorspann wie im Kino umsetzen – aber mit CSS? Tyler Gaw zeigt euch, wie.
Via Tyler Gaw

ani

Dank SVG: Coole Loading-Effekte

Mary Lou zeigt euch, wie ihr das Anwendererlebnis auf ein neues Niveau hebt. Via Tympanus.net

Bildschirmfoto 2014-05-02 um 11.57.04

Gar nicht so böse: Die Z-Achse im Webdesign

Auf A List Apart zeigt euch Wren Lanier, wie und warum ihr die Z-Achse in euren zukünftigen Entwicklungen berücksichtigen solltet. Via A List Apart

Bildschirmfoto 2014-05-02 um 12.04.22

Icon-Pack: Long-Shadow-Design

Antonio Di Nardo bietet euch auf Behance seine Interpretation von Long-Shadow-Icons – und das kostenlos. Via Behance

8iun4

Der UX-Traum: Ladeanimation im Button

Ein weiteres exzellentes Tutorial von Mary Lou: Dieses mal zeigt sie euch, wie eine Implementation dieser Animation aussehen kann. Via Tympanus

Bildschirmfoto 2014-05-02 um 12.28.39

Erste Schritte mit Polymer

Polymer ist eine Polyfill-Bibliothek und Rey Bango zeigt euch, wie ihr sie einsetzen könnt. Via Tutsplus

Bildschirmfoto 2014-05-02 um 12.44.05

Von PSD zu Code: So gehts

Kezz Bracey zeigt euch, wie ihr mit CSSHat, PNGHat und FontAwesome euren Workflow optimieren könnt. Via Tutsplus

Bildschirmfoto 2014-05-02 um 12.53.50

Animierte Panorama-Ansicht mit CSS

Der Meister aller CSS-Klassen, die wunderbare Ana Tudor, zeigt euch, was CSS alles schaffen kann – mit Firefox Nightly. Via CodePen

column-1

„Equal-Height-Columns“ mit CSS-Pseudos

Kezz Bracey zeigt euch, wie ihr mit Pseudo-Elementen des Problems der „Equal-Height-Columns“ Herr werdet. Via Tutsplus.

Welche Tutorials habt ihr gefunden, die unbedingt in dieser Liste sein müssen?

Bitte beachte unsere Community-Richtlinien

Wir freuen uns über kontroverse Diskussionen, die gerne auch mal hitzig geführt werden dürfen. Beleidigende, grob anstößige, rassistische und strafrechtlich relevante Äußerungen und Beiträge tolerieren wir nicht. Bitte achte darauf, dass du keine Texte veröffentlichst, für die du keine ausdrückliche Erlaubnis des Urhebers hast. Ebenfalls nicht erlaubt ist der Missbrauch der Webangebote unter t3n.de als Werbeplattform. Die Nennung von Produktnamen, Herstellern, Dienstleistern und Websites ist nur dann zulässig, wenn damit nicht vorrangig der Zweck der Werbung verfolgt wird. Wir behalten uns vor, Beiträge, die diese Regeln verletzen, zu löschen und Accounts zeitweilig oder auf Dauer zu sperren.

Trotz all dieser notwendigen Regeln: Diskutiere kontrovers, sage anderen deine Meinung, trage mit weiterführenden Informationen zum Wissensaustausch bei, aber bleibe dabei fair und respektiere die Meinung anderer. Wir wünschen Dir viel Spaß mit den Webangeboten von t3n und freuen uns auf spannende Beiträge.

Dein t3n-Team

3 Kommentare

Melde dich mit deinem t3n Account an oder fülle die unteren Felder aus.

Bitte schalte deinen Adblocker für t3n.de aus!

Hey du! Schön, dass du hier bist. 😊

Bitte schalte deinen Adblocker für t3n.de aus, um diesen Artikel zu lesen.

Wir sind ein unabhängiger Publisher mit einem Team bestehend aus 65 fantastischen Menschen, aber ohne riesigen Konzern im Rücken. Banner und ähnliche Werbemittel sind für unsere Finanzierung sehr wichtig.

Danke für deine Unterstützung.

Digitales High Five,
Stephan Dörner (Chefredakteur t3n.de) & das gesamte t3n-Team

Anleitung zur Deaktivierung