(Riesen-) Linkschleuder für Webwörker

Mein Feedreader läuft mal wieder über. Um ihn zu entlasten, haue ich daher heute mal wieder eine (Riesen-) Linkschleuder heraus, in der Hauptsache über statische Seiten (Gatsby with React.js, Netlify and more), CSS und JavaScript, aber auch neu über Vue.js (weil es mich einfach interessiert). Und ein paar unfrisierte Links sind natürlich auch wieder darunter. Aber ich fange erst einmal mit Vue.js an:

Vue.js

• Vom JavaScript Teacher gibt es »A bird’s eye Vue: how to get started with Vue.js«. Das sollte meinen ersten Einstieg ermöglichen.

• Ideen für meine Flucht aus dem Datensilo flickr: »How to Build a photo feed with Go and Vue.js« von Neo Ighodaro. Muß ja nicht unbedingt Go sein – ausdrucken!

• Jennifer Bland: »How to build a Single Page Application using Vue.js, Vuex, Vuetify, and Firebase«. How to install Vue and build an SPA using Vuetify and Vue Router.

Statische Seiten

• Ondřej Polesný: »Building a super-fast and secure website with a CMS is no big deal. Or is it?«. Ein flammendes Plädoyer für statische Seiten.

• Das wollten sicher schon viele wissen und *Manish Bansal beantwortet diese Frage: »How to generate a GitHub markdown file from Microsoft Word using TypeScript«. Pandoc erledigt das sicher auch ganz gut, aber so geht es auch.

• Tadas Antanavicius: »The power of JAMstack: How 4 strangers built an interactive live Game Show app in a short weekend«.

React.js und Gatsby

• Chris Chuck: »These are the concepts you should know in React.js (after you learn the basics)«. Da muß ich erst noch hinkommen, daher sollte ich mir vielleicht zuerst einmal diesen 48-teiligen, kostenlosen React-Kurs von Scrimba reinziehen.

• Tom Schweers: »How to go from idea to URL quickly with React.js and Heroku«. Heroku wollte ich mir auch schon lange einmal genauer anschauen. Daher schiebe ich auch noch diesen Beitrag von Wilson Wang nach: »The Beauty of Heroku Connect: Simplifying Database Synchronization«.

• Linda Watkins ist die marketing execition machine hinter Gatsby und so schreibt sie auch: »Youfit uses Gatsby to increase lead generation by 60%«. Trotzdem lesenswert.

• Amberley Romo: »Using unstructured data in Gatsby«.

• Chris Biscardi: »Introducing Gatsby Themes«.

• Dustin Schau: »Gatsby for Apps«. In this post, we’ll go into some of the use cases that make for a compelling web application, such as dynamic data fetching, user authentication, and detail why Gatsby is an excellent choice for building web applications. Noch einmal: Ausdrucken!

• Doug McDonald: »Deploying a Gatsby blog to Azure«. In this post we will walk through the process of deploying a Gatsby blog to Microsoft Azure Storage using VS Code. Brauche ich vermutlich nie, aber vielleicht jemand von Euch da draußen.

Netlify

• Ricardo Bartolomé: »Announcing IPv6 support on the Netlify Application Delivery Network«.

• Divya Sasidharan: »Authentication for the REST of us«.

• Bret Comnes: »Fearless deploys for your lingering processes«. We introduced a small feature to our build-image: a lingering process monitor.

• Alanna DeMuro: »Automate your Netlify sites with Zapier«. Was ist Zapier und warum soll ich es einsetzen?

CSS and more

• Elena-Cristina Conacel: »Learn the Bootstrap 4 Grid System in 10 Minutes«.

• Abhishek Jakhar: »How to embed video and audio in your HTML«. Sollte eigentlich seit HTML5 kein Thema mehr sein, ist es aber leider immer noch. Daher ebenfalls ausdrucken!

• Claudio Mendonca liebt Lego-Bausteine und daher auch diese Werkzeuge: »How to better organize your CSS architecture with OOCSS, BEM, & SMACSS«.

• James Y Rauhut: »Introducing Grid Wiz: Make a CSS grid framework with custom browser support at the snap of a function«. Today, I am thrilled to share with you a new, flexible grid framework generator: Grid Wiz!

• Bei den Kulturbanausen gibt es eine »Checkliste für Suchmaschinenoptimierte Website-Inhalte«. Auch die kann man sicher immer mal wieder brauchen (spart den teuren Wahrsager SEO).

• Noch mehr SEO-Gedöns: »Google startet Site für Webentwickler«. Auf web.dev sollen Webentwickler lernen, performante, sichere und gut auffindbare Sites zu erstellen.

War sonst noch was? Ach ja, Dave Winer fragte nach einem Busy Developer’s Guide to Jekyll, das heißt, er interessiert sich auch für statische Seiten, und NES.css ist ein 8-Bit-Stylesheet für Websites. Damit sieht Euer Web-Projekt so aus, wie ein altes 8-Bit-Spiel. Den Quellcode (MIT-Lizenz) gibt es auf GitHub.

(Kommentieren)