FullStack Bulletin

Subscribe
Archives
April 8, 2024

🤓 #367: Bringing Python to Cloudflare workers

CSS Container Queries, Linear redesign, Accessibility Advocacy Toolkit, CSS-only Infinite-scrolling, Contour maps, Universal Domain Types

View this email in your browser

Logo

Hello,

... and welcome to issue #367!
In this issue, we have a selection of topics that range from deep technical walkthroughs on how to implement crazy things like running Python code in V8 (something that Cloudflare just released in their worker platform) to more traditional web design topics such as CSS container queries (something that I am particularly excited about).
I am not going to hold you much longer from this content, but if you have one minute, help us to make FullStack Bulletin better by filling out this survey!
Thank you and have an awesome full-stack week!
— Your editor, Luciano.

This issue is kindly sponsored by:

Product for Engineers

Helping engineers and founders flex their product muscles

by PostHog logo

“Learn the principle, abide by the principle, and dissolve the principle“

— Bruce Lee , Martial Artist

Bringing Python to Workers using Pyodide and WebAssembly

Bringing Python to Cloudflare Workers —  Last week Cloudflare introduced Workers in Python. This is something that might be more or less exciting depending on your level of adoption of Cloudflare workers. What I found most interesting is the technology deep dive into how this feature was implemented. In fact, the workers' platform is heavily based on V8, the famous JavaScript runtime, so how did Cloudflare manage to run Python at scale on it?! If this kind of topic makes you curious, you'll certainly enjoy this one! Read article

An Interactive Guide to CSS Container Queries — CSS Container queries are one of those innovations that can have the power to change the way certain things are built. They are still early and I believe their full potential is yet to be discovered. If you have no idea what I am talking about, well, this is the article for you! Read article

Linear redesign — Linear, the famous project management application that is attempting to dethrone Jira went through a very interesting re-design exercise. This is the first article of a series that go over the motivation and the design principles that they are following. Pretty interesting if you have a heart for design and you are always on the lookout for ideas on how to design better web applications. Read article

A Web Designer’s Accessibility Advocacy Toolkit — Digital designer Yichan Wang has put together this collection of strategies and selling points to help you encourage and advocate for accessibility in your place of work, including useful scripts you can use as starting points. Priceless! Read article

sponsored

Beyond the 10x engineer — If your rocket points in the wrong direction, it will miss its target, regardless of how fast it goes. Products, specifically the teams behind them, are much the same. 10x engineers are idealized for their incredible technical skills that fuel progress, but if they are working on the wrong things, a product isn’t 10x more likely to succeed. Read Article

Infinite-Scrolling Logos In Flat HTML And Pure CSS —  I have tried to achieve this effect so many times and every time it required way more JavaScript than I was willing to write (and I love JavaScript!)... So discovering that you can get this done with just CSS blew my mind! You don't believe me? Well, time to check out this article then! Read article

Turn images into contour maps — This article presents a great effect that you can achieve by using pictures, the <canvas> element, and a good amount of JavaScript. I truly love the final result and it's definitely something that I'll be using as an inspiration. For example, imagine using this effect in combination with an animation, maybe a scroll-based one! OK, maybe it's a bit heavy, but you can still have fun with it! Read article

Universal domain types —  If you like DDD (Domain Driven Design), you probably know that one of the most important things to do is to get your domain types right. This article goes a bit more in-depth on what that means and provides a bunch of examples (in different programming languages) on how to design great domain types for common use cases such as amounts, loci, and quantities. Read article

Building the Web of Things: With examples in Node.js and Raspberry Pi

by Dominique Guinard, and Vlad Trifa

Building the Web of Things: With examples in Node.js and Raspberry Pi

Building the Web of Things is a guide to using cutting-edge web technologies to build the IoT. This step-by-step book teaches you how to use web protocols to connect real-world devices to the web, including the Semantic and Social Webs. Along the way you'll gain vital concepts as you follow instructions for making Web of Things devices. By the end, you'll have the practical skills you need to implement your own web-connected products and services.

Buy on Amazon.com

Buy on Amazon.co.uk

We're not done yet! 🤓

  • Going beyond pixels and (r)ems in CSS - Absolute length unit
  • The Best Python Cheat Sheet
  • How to Kill the Cascade
  • Front-end development’s identity crisis
  • Revealing the features of the XZ backdoor
  • The Curious Case of the CSS Monochrome Media Query
  • Cally: small, feature-rich calendar components
  • AWS Lambda best practices (podcast)

👋 That’s all for this week. See you next Monday!

Greetings from your full stack friends Luciano & Andrea

🙌 Support us

If you enjoy FullStack Bulletin, consider sharing this newsletter with your friends and colleagues.


If there's something we can improve, let us know!


You can also sponsor the next issue!

Website iconTwitter iconInstagram icon

Copyright (C) 2024 FullStack Bulletin. All rights reserved.
*|IFNOT:ARCHIVE_PAGE|*

FullStack Bulletin is a FREE weekly curated newsletter for ambitious full stack developers. We sift the internet for builders, covering frontend, backend, databases, DevOps, and architecture to find what truly matters. Expect practical picks, clear takeaways, and fresh ideas that cut the noise, sharpen your skills, and fuel your creativity so you can put them to work right away.

*|END:IF|*

Our mailing address is:
*|IFNOT:ARCHIVE_PAGE|**|HTML:LIST_ADDRESS|**|END:IF|*

Want to change how you receive these emails?

You can update your preferences or unsubscribe

Don't miss what's next. Subscribe to FullStack Bulletin:
Powered by Buttondown, the easiest way to start and grow your newsletter.