FullStack Bulletin

Subscribe
Archives
July 3, 2023

☀️ #327: Building CSS Layouts In A Design Tool

Typescript "using" keyword, Vercel skew protection, Multi-language React sites, Command Injection vulnerability, GIF alternatives, Custom input caret

Fullstack bulletin:
Building CSS Layouts In A Design Tool
View this email in your browser
alt_text
"That’s been one of my mantras — focus and simplicity. Simple can be harder than complex; you have to work hard to get your thinking clean to make it simple"
—  Steve Jobs, Apple co-founder
outline-dark-facebook-48.png Share outline-dark-twitter-48.png Tweet outline-dark-linkedin-48.png Share outline-dark-forwardtofriend-48.png Forward

🐘 Fullstack bulletin is now on Mastodon! We will be posting new interesting links there. There are some technical reasons why we are replacing Twitter with Mastodon, if you are curious to find out why, check out our next live stream on Twitch. We also have the recordings from our previous sessions on YouTube.

 

Penpot’s Flex Layout: Building CSS Layouts In A Design Tool — Smashing Magazine

Building CSS Layouts In A Design Tool


Penpot is an exciting alternative to Figma that you can run for free from the comfort of your laptop, simply by using Docker. This article showcases how you can use Penpot to design an attractive masonry-like layout in a very visual way and then generate CSS code to adopt that layout in your next application!

Read article
TypeScript 5.2's New Keyword: 'using'

TypeScript 5.2's New Keyword: 'using'


TypeScript 5.2 introduces using, a keyword that disposes of anything with a Symbol.dispose function upon leaving scope, making resource management easier. This is not a new magic TypeScript feature, it's actually a TC39 proposal that reached stage-3, so it will be available soon in all major JS runtimes!

Read article
Introducing Skew Protection – Vercel

Introducing Skew Protection


If you make a change in your frontend and in your backend, chances are that someone might still use an old version of the frontend to send requests to the new version of the backend (assume they loaded the UI just before you started your deployment). This is called version skew and it might lead to unexpected issues. Vercel now offers a way to protect your apps against this tedious source of bugs!

Read article
Creating a seamless multi-language user interface in React

Creating a seamless multi-language user interface in React


Learn how to create apps that can display information in different languages based on user preferences. In this article, we'll walk through the process of building a weather application with multi-language support using react-i18next.

Read article
An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript

An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript


The always-excellent Liran Tal, gives us an introduction to Command injection vulnerabilities. This type of attack poses a significant threat to Node.js and JavaScript applications' security. By understanding the risks involved, referencing real-world incidents, and following best practices, developers can effectively mitigate these vulnerabilities.

Read article
Is there a viable animated GIF alternative yet or what?

Is there a viable animated GIF alternative yet or what?


Animated GIFs remain popular in spite of their beefy file sizes. But what are we supposed to use instead, since GIFs are so easy to use and they are pretty much universally supported?

Read article
Custom giraffe caret

Custom giraffe caret


Did you ever think you could customise the caret in a form text field? You probably didn't, but Stanko Tadić did and the result is most excellent. Let me just tell you they used an animated giraffe as a caret indicator... and this should be more than enough to make you want to read this awesome article!

Read article
 

Book of the week

book cover
Graph Databases: New Opportunities for Connected Data
by Ian Robinson

Discover how graph databases can help you manage and query highly connected data. With this practical book, you’ll learn how to design and implement a graph database that brings the power of graphs to bear on a broad range of problem domains. Whether you want to speed up your response to user queries or build a database that can adapt as your business evolves, this book shows you how to apply the schema-free graph model to real-world problems.
Buy on Amazon.com Buy on Amazon.co.uk
outline-dark-facebook-48.png Share outline-dark-twitter-48.png Tweet outline-dark-linkedin-48.png Share outline-dark-forwardtofriend-48.png Forward

Remember to share if you enjoyed this issue!

See you next week

56a252501ea7d706ef189cbf6451d23a?s=100 — Andrea e18d2c2510d828bc95bde6817e6e9ce2?s=100 — Luciano
color-link-48.png fullstackbulletin.com
color-twitter-48.png @fstackbulletin
Copyright © 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.



Our mailing address is:
*|HTML:LIST_ADDRESS_HTML|* *|END:IF|*

Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list

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