Riesenlinkschleuder für Webworker (CSS und JavaScript)

Weil JavaScript das nächste große Ding ist und weil mein Feedreader trotz aller guten Vorsätze mal wieder überquillt, gibt es heute eine Riesenlinkschleuder zu CSS und JavaScript nebst einer Zugabe zu statischen Seiten:

CSS

• Nicht nur JavaScript, sondern auch CSS-Variablen scheinen ein großes Ding zu sein. Per Harald Borgen meint, man könnte sei in fünf Minuten lernen.

• Aber er geht auch noch weiter: How to easily create themes with CSS Variables und how to make responsiveness super simple with CSS Variables. Ob ich damit den Schockwellenreiter endlich responsiv bekomme.

• Und da gibt es ja auch noch Flexbox: How to create a fully responsive navbar with Flexbox.

• CSS made simple: CSS Specificity Explained By Hopelessly Shopping for New Clothes.

• Tutorial: How to easily build Mashable’s navigation bar with HTML and CSS.

• Lernen am Beispiel: How to make a poster for Avengers: Infinity War in HTML and CSS. Kunal Sarkar zeigt, wie es geht.

JavaScript

• Der aktuelle Sprachstandard für JavaScript steht fest. Hier gibt es einen Überblick über die Neuerungen in ES2018

• Dabei haben wir ES6 noch nicht ganz verdaut. Sam Williams gibt mir und Euch ES6 tips and tricks to make your code cleaner, shorter, and easier to read, aber er sieht auch Probleme.

• Kris Baillargeon: Learn the basics of object-oriented programming with JavaScript (and supercharge your coding abilities!)

• Blotter.js (hier das GitHub-Repositorium) ist eine freie (MIT-Lizenz) Javascript-Bibliothek für abgefahrene Text-Effekte.

• Nicholas Kramer: The Beginner’s Guide to the GreenSock Animation Platform. Die GreenSock Animation Platform (GASP) ist eine JavaScript-Bibliothek für zeitleistenbasierte Animationen. Sollte ich mal testen!

• Jared Nutt: How to deploy a Node.js app to the AWS Elastic Beanstalk. A sep by step guide.

• Noch ein step by step-Tutorial: How I built a public, anonymous chat app in JavaScript.

• Eine wunderbar leichte Einführung in HTML und CSS für Anfänger: For your first HTML code, let’s help Batman write a love letter.

Werkzeuge

• Burk Holland: Things you need to know about working with SVG in VS Code. Ich glaube, ich muß mich doch mal mit Visual Studio Code anfreunden, vor allem, da auch das obige Video mit den Neuerungen der Version aus dem Januar 2018 beeindruckend ist.

• Pusher ist ein Webservice um Echtzeit-Applikationen zu schreiben. Rhat Khanna hat das Tutorila dazu: How to build a Realtime Graph using JavaScript and Pusher. Zum Spielen gibt es einen begrenzten kostenlosen Account.

• Flavio Cops: How to get started using Firebase Hosting. Firebase steht ja auch schon lange auf meiner Liste der zu testenden Werkzeuge.

• Ajmal Siddiqui: Introduction to NPM Scripts.

• Noch einmal Lernen am Beispiel: Learn Webpack by Example: Blurred placeholder images.

React

• Rock Solid React.js Foundations: A Beginner’s Guide von Rajat Saxena.

• Noch einmal Flavio Copes mit einem Beginner’s Guide to React.

Statische Seiten und Serverless

• AWS eröffnet Repository für Serverless-Anwendungen: Das AWS Serverless Application Repository soll den Einstieg in eine Entwicklung ohne Server vereinfachen. Im Repository sind komplette AWS-Anwendungen, -Komponenten und Codebeispiele zu finden.

• Shannon Soper: How to Build a Website with React (und Gatsby).

• Hier gibt es ein R markdown blog template um ein statisches Blog mit RStudio und blogdown herauszuschreiben.

• Dazu paßt: Markdown based web analytics? Rectangle your blog.

• Built on Netlify: Deploy a site with Scrivito CMS.

Sonstiges

• Das frage ich mich auch manchmal: How to Become a Web Developer Without Losing Your Mind.

• Wo bin ich? Für die meisten mobilen Geräte ist das Ermitteln der geographischen Position eine grundlegende Funktion. GNSS-Dienste wie GPS, Galileo, GLONASS, Beidou erlauben es, den aktuellen Ort mittels Satelliten zu bestimmen. Hierbei steht GNSS für Global Navigation Satellite System. Entsprechende Empfänger befinden sich inzwischen standardmäßig in Fahrzeugen, Smartphones, Kameras, Tablets, Drohnen oder Industriesteuerungen. Wie aber läßt sich eigene Hardware um diese Funktionalität erweitern?

• Quincy Larson: How to link to a specific paragraph in your Medium article (2018 Table of Contents method). Falls jemand dieses Wissen braucht.

War sonst noch was? Ach ja, Dave Winer ist sauer auf Google, weil sie immer noch HTTP angreifen und fragt: »If HTTPS is a such great idea, there’s no need to force anyone to use it, it should sell itself.« Darum hat er ein FAQ zu Google und HTTP veröffentlicht. Ich bin ja bei ihm, weil auch ich nicht einsehe, warum man das teure Sicherheitstheater HTTPS für statische Seiten wie diese benötigt. Aber für die, die es brauchen, hier ein How To: How to add HTTPS to your website for free in 10 minutes, and why you need to do this now more than ever.

(Kommentieren)