FullStack Bulletin

Subscribe
Archives
August 7, 2023

šŸ¤“ #332: Migrating a TypeScript app from Node.js to Bun

HTML elements CSS mask, YouTube’s Glow Effect, Typographic user preferences with CSS, Is this an emoji?, Dark mode in 3 lines, Parvus lightbox

Fullstack bulletin:
Migrating a TypeScript app from Node.js to Bun
View this email in your browser
alt_text
"Computers are good at following instructions, but not at reading your mind"
—  Donald Knuth, Author and computer scientist
outline-dark-facebook-48.png Share outline-dark-twitter-48.png Tweet outline-dark-linkedin-48.png Share outline-dark-forwardtofriend-48.png Forward

Migrating a TypeScript app from Node.js to Bun - LogRocket Blog

Migrating a TypeScript app from Node.js to Bun


Last week, I had to execute a simple TypeScript script and after going mad for 1hr with ts-node and failing at it, I decided to try Bun and it immediately worked! Now, I am not planning to migrate everything to Bun because I still love (and believe in) Node.js, but I am starting to see the appeal in it. If you are curious to see what it would take to migrate a Node.js app to Bun, check out this article.

Read article
Using HTML elements as CSS masks

Using HTML elements as CSS masks


This article showcases how to create a knockout/cutout using the new CSS SVG filter masking technique. The idea is that you can easily crop out specific parts of an image revealing what's beneath and creating stunning see-through effects. Maybe something you can use to spice up your next web project.

Read article
Recreating YouTube’s Ambient Mode Glow Effect — Smashing Magazine

Recreating YouTube’s Ambient Mode Glow Effect


In this article, Adrian deconstructs YouTube’s ā€œAmbient Modeā€ feature and how HTML element <canvas> and the requestAnimationFrame function are used to create the glowing effect. Another interesting effect that you can add to your toolchain and use when trying to create a more engaging design.

Read article
Adapting typography to user preferences with CSS

Adapting typography to user preferences with CSS


Did you know that some browsers allow users to specify preferences for the kind of font they prefer to see in an article? No? Well, now you know! 😜
So, how can we take advantage of this preference and make our designs more dynamic to actually respect the user preference? Let's learn how to do that with this awesome article by Adam Argyle.

Read article
šŸ«“šŸ¦‹ Is this an emoji?

Is this an emoji? šŸ«“šŸ¦‹


ReadStuffLater is an app that uses emojis to tag content. A bit of a weird idea if you ask me, but I do love emojis so I can see the appeal in that. Plus, it's simple and it can be fun for users. But now the problem is, how do you validate that a character is actually an emoji? Let's learn what are the options from the folks at ReadStuffLater.

Read article
Dark Mode in 3 Lines of CSS and Other Adventures

Dark Mode in 3 Lines of CSS and Other Adventures


Designing a website in both Light and Dark modes can be tedious and time-consuming. After all, you are designing 2 entirely different themes, effectively doubling the amount of work required. But what if I tell you that for simple cases you can take shortcuts? Just a few lines of CSS might get you very far and almost automatically give you a good dark theme, starting from the colors in your light theme! Check this out!

Read article
GitHub - deoostfrees/Parvus: An accessible, open-source image lightbox with no dependencies.

Parvus: An accessible, open-source image lightbox with no dependencies.


I have been using lightboxes for at least 10 years. They always come up in web projects, especially when it comes to showcasing an image or an entire gallery of images or videos. So what's a good and accessible (and open-source too!) image lightbox with no dependencies? I found Parvus to be quite promising! Check it out on GitHub!

View Repository
Ā 

Book of the week

book cover
Rails, Angular, Postgres, and Bootstrap: Powerful, Effective, and Efficient Full-Stack Web Development
by David B. Copeland

As a Rails developer, you care about user experience and performance, but you also want simple and maintainable code. Achieve all that by embracing the full stack of web development, from styling with Bootstrap, building an interactive user interface with AngularJS, to storing data quickly and reliably in PostgreSQL. Take a holistic view of full-stack development to create usable, high-performing applications, and learn to use these technologies effectively in a Ruby on Rails environment.
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.