Skip to content
View schalkneethling's full-sized avatar
🇵🇸
The world wants peace, not war ✌️
🇵🇸
The world wants peace, not war ✌️
393 followers · 254 following

Achievements

Achievement: Galaxy Brainx2Achievement: Pair Extraordinairex4Achievement: QuickdrawAchievement: YOLOAchievement: Starstruckx3Achievement: Arctic Code Vault ContributorAchievement: Pull Sharkx4

Achievements

Achievement: Galaxy Brainx2Achievement: Pair Extraordinairex4Achievement: QuickdrawAchievement: YOLOAchievement: Starstruckx3Achievement: Arctic Code Vault ContributorAchievement: Pull Sharkx4

Block or report schalkneethling

Block user

Prevent this user from interacting with your repositories and sending you notifications. Learn more about blocking users.

You must be logged in to block users.

Maximum 250 characters. Please don’t include any personal information such as legal names or email addresses. Markdown is supported. This note will only be visible to you.
Report abuse

Contact GitHub support about this user’s behavior. Learn more about reporting abuse.

Report abuse
schalkneethling/README.md

Hellooooo 👋 🤘 ✌️

Recent personal blog posts

The automated posts list idea was inpired by Peter Bengtsson's GitHub profile README. You can read and learn more on his blog. Thanks, Peter!

Targeting SVG Images with CSS Attribute Selectors and filter: invert()

When you cannot inline an SVG or use it as a mask-image, a combination of the ends-with attribute selector and filter: invert() offers a clean, CSS-only solution for adapting icon colours across themes.

Wednesday, April 22, 2026

Building a 3D Climate News Globe with HTML in Canvas and Three.js

A deep dive into Blue Earth, an experiment that plots positive climate news stories on a rotating 3D globe using the HTML in Canvas API, Three.js, and a build-time pipeline powered by Claude and Geoapify.

Monday, April 20, 2026

Introducing masonry-gridlanes-wc: A Native-First Masonry Web Component

A light-DOM custom element for CSS masonry layouts that uses display: grid-lanes when available and falls back to a spec-aligned JavaScript placement engine. Version 0.1.0 is ready for real projects.

Tuesday, April 14, 2026

CSS Property Type Validator: Assignment-Site Validation

The CSS property type validator now catches type mismatches at the point of assignment, not just at var() usage.

Monday, April 13, 2026

Pushing to GitHub and Codeberg Simultaneously with Git

Learn how to configure Git to push your code to both GitHub and Codeberg with a single command, including SSH key setup and a handy shell alias for branch-specific control.

Sunday, April 12, 2026

Pinned Loading

  1. minimalist minimalist Public

    A minimal pure CSS library suitable for most web projects.

    CSS 5 1

  2. css-community-reset css-community-reset Public

    A CSS reset inspired by the community

    CSS 16 1

  3. schalkneethling.com schalkneethling.com Public

    Scripting on Caffeine aka My website

    MDX 4 2

  4. html-comprehensive-guide html-comprehensive-guide Public

    A comprehensive guide book for the core, semantic language of the web. Written as a book in public and open to your feedback and contributions.

    MDX 7

  5. create-project-calavera create-project-calavera Public

    A simple starting skeleton of linters and formatters for common web projects.

    JavaScript 5

  6. makerbench makerbench Public

    Collect all your tools. Tag, filter, find, and use.

    HTML 20 9