Wieder eine Riesenlinkschleuder für Webworker

Ich schaffe es nicht, einen kompletten Relaunch des Schockwellenreiters durchzuziehen. Daher habe ich beschlossen, diese Seiten einfach Schritt für Schritt in kleinen Stücken zu modernisieren. Zur Vorbereitung hatte ich dann meinen Feedreader durchforstet und bin auf eine Unmenge von Links zu HTML, JavaScript, CSS und anderen interessanten Dingen für Webworker gestoßen, die ich Euch nicht vorenthalten will.

HTML

• Bei HTML-Tabellen muß ich auch oft immer erst nachgooglen, welche Tricks man anwenden kann. Alexander Gilmanov weiß Bescheid: HTML Tables: All there is to know about them. Ein sehr ausführlicher Artikel (18 Leseminuten).

• Abhishek Jakhar: A step-by-step guide to getting started with HTML tables.

CSS / SCSS / SASS

• Von Prossy Nakimera gibt es eine Basic Introduction to CSS, die einfach nur die Grundlagen legen will.

• Bret Cameron: 8 useful CSS tricks: Parallax images, sticky footers and more.

• Abhishek Jakhar: How to create an image gallery with CSS Grid.

• Mary Lou: Image Distortion Effects with SVG Filters. Diese Filter sind neue CSS-Eigenschaften und funktionieren (noch) nicht in allen Browsern.

• Jennifer Bland: How to implement horizontal scrolling using Flexbox.

• Gewinkelte Verläufe gehören in vielen Graphik- und Bild­bearbeitungs­programmen zur Standard-Ausstattung. Sie ermöglichen zahlreiche graphisch ansprechende Effekte, die mit linearen oder radialen Verläufen nicht möglich sind. In CSS könnt ihr gewinkelte Verläufe mit der conic-gradient()-Funktion erzeugen.

• Mit Hilfe der Scroll Snap-Technik von CSS könnt ihr steuern, daß der Browser an bestimmten Stellen im Layout einrastet, wenn über diese Punkte hinweg gescrolled werden soll.

• Zlatan Bekric: An intro to CSS Image Sprites: they’re easy to learn and great to know.

• Vom JavaScript Teacher gibt es The Complete Guide to SCSS/SASS.

• Noch einmal der JavaScript Teacher: A Simple CSS Animation Tutorial.

JavaScript

• Für umme lesen: Das React Handbook von Flavio Copes. Der gesamte Text ist online frei verfügbar und wird vom Autor regelmäßig aktualisiert. Das Buch in Dateiform versendet der Autor, nachdem man seinen Namen und seine Emailadresse angegeben hat.

• Nash Vail: How to display an image on HTML5 canvas. Nach der Lektüre dieses Tutorials dürften keine Fragen mehr offen sein. (Mit Super-Mario-Bildchen!)

Websites bauen – Tips und Tricks

• Jonathan Sexton: How to minify images with Gulp & gulp-imagemin and boost your site’s performance.

• Jonathan Sexton zum Zweiten: Establish your online presence with these simple ways to deploy your portfolio.

• Jack Ballinger: Building a simple (cheap) website from scratch (part 1). Der angekündigte zweite Teil ist bisher leider noch nicht erschienen.

• Anurag Majumdar: How to write simple modern JavaScript apps with Webpack and progressive web techniques, denn Webpack wollte ich mir schon lange einmal anschauen.

• Noch ein Webpack-Tutorial, dieses Mal von Samuel Omole: How to build modern applications with WEBPACK.

• Und zumAbschluß ein Highlight: Why Publii is a Great WordPress Alternative for New Bloggers von Lee Batten.

War sonst noch was? Ach ja, gestern berichtete ich, daß Hackernoon Medium verlassen will und heute fand ich diesen Artikel von Kent C. Dodds: Goodbye Medium. Und zum 30. Geburtstag des WWW könnt Ihr surfen wie 1989, denn das CERN hat Tim Berners-Lees Webbrowser wiederbelebt.

(Kommentieren)