“It's not that we use technology, we live technology“”
Hello, Welcome to issue #375! 👋
I don't have any interesting personal/work updates this week, so we are just going to bootstrap this week by fast-forwarding into some cool full-stack content! This week we have a mixbag of topics, going from web security, animations, creativity, and performance to responsive design and components systems.
I hope you will enjoy this issue! And if you do, please consider sharing this newsletter with your friends and colleagues! Every little helps 🥰
— Your editor, Luciano.
How often have you created a redirect from HTTP to HTTPS? I have certainly done it quite a few times. Well, it turns out that is not good in terms of security, especially when you do this for APIs where the user might be sending sensitive information or authentication tokens... Instead of redirecting API calls from HTTP to HTTPS, make the failure visible, and you should also revoke any received API key!
There are two new features coming to CSS that will make it much easier to further avoid JavaScript when implementing animations. 1. The possibility to animate display: none and 2. the possibility to animate intrinsic properties using auto. Let's see how this can be quite useful with some examples!
A mind-bogging website showcasing pure JavaScript Hacks and Creative Coding. Created by Martin Kleppe!
In this talk, we'll share how Chrome and the web platform can achieve near-instant page loads using the new Speculation Rules API.
When you work on a responsive design, how often do you find yourself constantly resizing the browser window to see the effect of your changes across various screen sizes? A lot? Me too! But we can probably do better than that. This article approaches this exact topic and proposes a few interesting ideas.
Imagine finally resolving never-ending discussions about UI decisions for good. Here are some practical examples of decision trees for UI components and how to use them effectively.
A guide to common pages you can add to your website. Some of them might be familiar, but did you about /blogroll, /chipotle or /now? I think I have to update my personal blog to include some of these...
by William Lyon
Build hyper-fast and hyper-efficient web applications with GraphQL! This practical, comprehensive guide introduces the powerful GRANDStack for developing full stack web applications based in graph data structures. The GraphQL query language radically reduces over-fetching or under-fetching of data by constructing precise graph-based data requests. In Full Stack GraphQL Applications you'll learn how to build graph-aware web applications that take full advantage of GraphQL's amazing efficiency. Neo4j's William Lyon teaches you everything you need to know to design, deploy, and maintain a GraphQL API from scratch. He reveals how you can build your web apps with GraphQL, React, Apollo, and Neo4j Database, aka “the GRANDstack,” to get maximum performance out of GraphQL.