FullStack Bulletin

Subscribe
Archives
May 1, 2023

🤓 #323: CSS Text balancing with text-wrap:balance

Build a Full-Stack Real-Time Voting App, JavaScript equality, AI for developers, CSS Blend modes, Enum in JavaScript, Tricks from the Next.js website

Fullstack bulletin:
CSS Text balancing with text-wrap:balance
View this email in your browser
alt_text
"If we continue to develop our technology without wisdom or prudence, our servant may prove to be our executioner"
—  Omar Bradley, General, US Army
outline-dark-facebook-48.png Share outline-dark-twitter-48.png Tweet outline-dark-linkedin-48.png Share outline-dark-forwardtofriend-48.png Forward

CSS Text balancing with text-wrap:balance - Ahmad Shadeed

CSS Text balancing with text-wrap:balance


Multi-line titles are often a bit off on the web. This is because it is hard to balance them and make sure you have a similar amount of text on every line. Luckily, we now have experimental support for text-wrap: balance in Chrome Canary. The browser will automatically calculate the number of words and divide them equally between two lines.

Read article
How to Build a Full-Stack Real-Time Voting App With Hasura and React

How to Build a Full-Stack Real-Time Voting App With Hasura and React


This article will teach you how to build a voting application that displays the poll results in real-time. Each time someone votes, the application updates automatically and shows the new results. A great tutorial if you want an excuse to improve your React skills!

Read article
JavaScript Equality Table Game

JavaScript Equality Table Game


This interactive UI (that reminds me of Minesweeper for Windows!) allows you to find out how well you know (or don't know) the JavaScript == operator rules. I had a lot of fun trying this and learning that I don't know anything about JavaScript! 😕

Read article
Announcing Vite 4.3

GitHub Copilot and ChatGPT: Game Changers for Developers?


Is AI going to take our jobs or just help us to become more effective? What kind of AI-powered tools can we use today as developers to increase our productivity? In this episode of AWS Bites podcast we explore these topics and provide our opinions to these trending questions!

Watch podcast episode
CSS Blend Modes

CSS Blend Modes


What are CSS blend modes? How to use background-blend-mode & mix-blend-mode? Find out in this article with some lovely graphics and interactive examples.

Read article
4 Ways to Create an Enum in JavaScript

4 Ways to Create an Enum in JavaScript


An enum is a set of named constants. JavaScript does not support enums out of the box, but you can recreate them in several ways: plain objects, frozen objects, proxied objects or class-based implementations. These are 4 different ways to create enums in JavaScript, let's see what are the pros and cons!

Read article
Crafting the Next.js Website

Crafting the Next.js Website


A sneak peek into how the beatiful Next.js website was built! Yes, this is not a Next.js tutorial, this is how the Next.js website itself was built! It's an incredibly appealing website and the authors describe some of the techniques they used, so you can definitely learn a trick or two!

Read article
 

Book of the week

book cover
The Clean Coder: A Code of Conduct for Professional Programmers
by Robert C. Martin

Programmers who endure and succeed amidst swirling uncertainty and nonstop pressure share a common attribute: They care deeply about the practice of creating software. They treat it as a craft. They are professionals. In this book, legendary software expert Robert C. Martin introduces the disciplines, techniques, tools, and practices of true software craftsmanship.
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.