FullStack Bulletin

Subscribe
Archives
July 24, 2023

🤓 #330: Driver.js

Alpine-Tailwind UI Library, Testing dark corners of Node.js apps, React 18 performance boost, React multi-step, CSS 3D effects, CSS Floating labels

Fullstack bulletin:
Driver.js
View this email in your browser
alt_text
"Standards are always out of date. That’s what makes them standards"
—  Alan Bennett, Author
outline-dark-facebook-48.png Share outline-dark-twitter-48.png Tweet outline-dark-linkedin-48.png Share outline-dark-forwardtofriend-48.png Forward

Driver.js

Driver.js


Driver.js is a cool and lightweight, no-dependency, vanilla JavaScript library to drive users' focus across the page. A perfect library if you are trying to create a guided tutorial for your web UIs.

Read article
Pines - Alpine and Tailwind UI Library

Pines - Alpine and Tailwind UI Library


Pines is a library of animations, sliders, tooltips, accordions, modals, and more! It's a set of UI elements that can be copied and pasted into any Alpine and Tailwind projects. If you enjoy small and simple UI libraries such as Alpine.js, this is a great resource to have components ready to use!

Read article
Testing the dark scenarios of your Node.js application | Practica.js

Testing the dark scenarios of your Node.js application


This article is about tests that are easy to write, 5-8 lines typically, they cover dark and dangerous corners of our applications, but are often overlooked. As developers, we often tend to cover happy path testing only and this article is here to push us to do better!

Read article
How React 18 Improves Application Performance – Vercel

How React 18 Improves Application Performance


This article by Vercel showcases how React 18's concurrent features like Transitions, Suspense, and React Server Components improve application performance. If you are into React and looking to boost performance of your frontends, don't miss out this one!

Read article
GitHub - srdjan/react-multistep: React multistep wizard component

React multistep wizard component


srdjan/react-multistep is a cool React multistep wizard component. This kind of component can be very useful when building on-boarding screens, multi-step forms, guided tutorials and more.

View Repository
Shines, Perspective, And Rotations: Fancy CSS 3D Effects For Images — Smashing Magazine

Fancy CSS 3D Effects For Images


CSS has all kinds of tricks that are capable of turning images into neat, interactive elements. This article is a collection of fancy 3D effects for images that demonstrate those CSS powers. A nice way to spice up your next web project!

Read article
CSS only floating labels

CSS only floating labels


We can detect if text input has value by using :placeholder-shown pseudo-class. This little trick can then be used to create CSS-only floating labels. This is a common trick used in Material design and it's great to finally have a way to achieve this effect without employing JavaScript!

Read article
 

Book of the week

book cover
Irresistible APIs: Designing web APIs that developers will love
by Kirsten Hunter

Well-designed APIs feel like a natural extension of the application, rather than just a new interface into the backend database. Designing Web APIs based on use cases allows an organization to develop irresistible APIs, which developers can consume easily and which support the business values of that organization.
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.