SPW #17: Cyberpunkmas

Rust for JavaScript devs, recreate the Cyberpunk 2077 buttons, meet RedwoodJS, and more

No images? Click here

SitePoint Weekly #17
Cyberpunkmas

🍓 The freshest resources for web developers, designers, and makers.

♾️

🦾

The Loop
Just published on SitePoint

Recreate the Cyberpunk 2077 Button Glitch Effect in CSS

Jhey Tomkins Web developer and whimsy expert

To celebrate Cyberpunk 2077's long-awaited release, Jhey Tomkins shows you how to create the famous glitch effect buttons associated with the game, as shown on the official site.

The twist: where the official site uses WebGL shaders, this version uses only CSS.

A Beginner’s Guide to the Micro-Frontend Architecture

Chris Laughlin

Learn about micro-frontends, an architecture pattern for building scalable web apps that grow with your dev team and allow you to scale user interactions, like a kind of sliced-up version of a single-page app.

An Introduction to Rust for JavaScript Devs

Jakob Meier Software engineer & distributed systems expert

In this tutorial, you'll set up your Rust dev environment and build a COVID simulation web app. We also take a look at Rust as a whole, including a performance evaluation and comparison to JavaScript.

The New Clipboard API
Craig Buckler

Cut, copy and paste on the web.
Need to access the OS clipboard using browser JS? Learn how to use the new asynchronous Clipboard API, which is easier to use and more robust.

A Beginner’s Guide to Webpack
Ivaylo Gerchev

Classic guide, freshly rewritten. Learn the core concepts to help you get started with webpack, the popular static module bundler. We'll help you understand how webpack works and how it should be used.

Writing a Flarum Extension:
Building a Custom Field

Bruno Škvorc

Learn how to extend Flarum, the rising star of fast, extensible, open-source forum platforms. Bruno Škvorc builds a custom field for users to store their public Web3 address in.

Meet Redwood: A Full-stack, Serverless Jamstack Framework

Camilo Reyes Software engineer and JavaScript expert

Learn Redwood, an opinionated, full-stack framework that embraces the Jamstack, and see how easy Redwood makes it to build a CRUD app.

♾️

We know many of you are already in holiday mode, and there's never a shortage of things to read. We've ended the last few weeks of the publishing year with a hell of a run of content — one that only hints at what you can expect from us in 2021.

SitePoint Weekly has always aimed to balance keeping your information inputs fresh while giving you more of your time back. To that end, we'll return with our usual tech digest in mid-January. We hope you enjoy spending some time with friends and family over the next few weeks, or just taking the opportunity for a quieter pace and some reflection.

2020 has been an unusual year. Speaking for myself, it has brought both excitement and fulfillment, and some of the greatest difficulties I've faced. I know from speaking with thousands of editors, authors, and readers around the world that this isn't an uncommon relationship to have with 2020. And for too many reading this, excitement may not be an adjective they can use to describe it.

When we return next year, we hope we can take the catalyst for change that this one has been and use it to fuel optimism and excitement for the future. Beyond our current (and not insignificant) set of challenges, there's a whole lot of reason to look forward — both for the web itself, and our ability to take its transformative power back and use it to meet those challenges.

We hope you'll join us for this, but for now, get some rest, have some fun... and if you're able, turn whatever you're using to read this off!

Thank you for being part of the SitePoint community. Catch you in January!

👋

Joel Falconer
Managing Editor

Connect with the community

That's it for this week's issue. We'll see you in the next one — in the meantime, connect with us for a chat through our various communities:

Want to recommend SitePoint Weekly to a friend? Here's a link to our newsletter sign-up page, where they can sign up to receive new issues once a week.