FullStack Bulletin

Subscribe
Archives
December 18, 2023

🎄 #351: CSS Wrapped: 2023!

Epic Easing, Color Lisa, React Tricks: Fast, Fit and Fun, Baseline, The UX of UUIDs, React obfuscation

View this email in your browser

Logo

Hello, *|LIST:NAME|*

Welcome to issue #351,
have you got all your presents under your Christmas Tree? 🎄

“What we have to learn to do, we learn by doing“

— Aristotle , Philosopher

CSS Wrapped: 2023!  |  Blog  |  Chrome for Developers

CSS Wrapped: 2023! — 2023 was a huge year for CSS! And who doesn't love CSS? Who?! 😌 The Google Chrome team presents all the innovation that happened this year (from their perspective, of course) in the CSS World in one big article, filled with tons of interactive examples! Read article

Epic Easing — If you have ever spent time learning about animations, you probably know that easing functions can make all the difference in the world to make things look smooth and interesting. But easing functions are not necessarily "easy" (bad pun, sorry! 😅). This website offers you an interactive playground to test and thoroughly understand different easing functions, so you can make your next animation shine! The best part is that you can instantly export to CSS, SCSS, Objective-C, and even Swift. Read article

Color Lisa - Curated Color Palette Masterpieces — Color Lisa is a curated list of color palettes based on masterpieces of the world's greatest artists. Each palette was painstakingly created by color-obsessed designers, artists, museum curators, and masters of color theory. So, if you are building a new web project and looking for an awesome color palette to bring it to life, you can find tons of inspiration here. Read article

React Tricks: Fast, Fit and Fun — How to make your React app or library faster and smaller. This article provides a few useful tips and tricks such as useEvent, useSyncExternalStore, stable object references, readonly useState, and more. Read article

Baseline 2023 — This year the concept of "Baseline" was introduced. Baseline tells you when a specific web platform feature (CSS or JS) can be considered safe to use, meaning it will work as intended in the majority of web browsers. Now Baseline is also integrated on Can I Use, the famous website that gives you a very detailed breakdown of which browsers support a specific web platform feature. Read article

The UX of UUIDs — I have been using UUIDs for a long while and never questioned if there was a better way to do things (except when I needed to do some deep debugging or when I needed to write SQL queries joining multiple tables). Now,  standard UUID will satisfy most of your concerns, but if you read this article you'll learn that there’s a lot we can improve for ourselves (as developers) and our users. Read article

velocitatem/garlic: 🧄🧛 — Have you ever thought you could have your website HTML code obfuscated so you can protect your website from crawlers? This ambitious open-source project tries to do just that using React server-side rendering for obfuscation and then de-obfuscate things on the client-side. I am not sure this is a great idea if you care about SEO, but it's definitely an interesting project worth checking out. Maybe you can use it strategically only to obfuscate specific parts of a given website. View Repository

CSS Secrets: Better Solutions to Everyday Web Design Problems

by Lea Verou

CSS Secrets: Better Solutions to Everyday Web Design Problems

In this practical guide, CSS expert Lea Verou provides 47 undocumented techniques and tips to help intermediate-to advanced CSS developers devise elegant solutions to a wide range of everyday web design problems. Rather than focus on design, CSS Secrets shows you how to solve problems with code. You'll learn how to apply Lea's analytical approach to practically every CSS problem you face to attain DRY, maintainable, flexible, lightweight, and standards-compliant results.

Buy on Amazon.com
Buy on Amazon.co.uk

How about some more content? 🤔

  • use-whisper: React hook for OpenAI Whisper with speech recorder, real-time transcription, and silence removal built-in
  • React Google Maps
  • react-verification-input: customizable, masked input for React.
  • Frontend Rewind 2023
  • How to use Chrome's accessibility tree
  • Making SVG Loading Spinners: An Interactive Guide
  • HTML5 Boilerplate v9.0.0 Released

👋 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.