Hello and welcome to this issue!

Before we dive in, I’m excited to share that I’ve just launched a Premium Membership. For $7 a month, you’ll get unlimited access to my exclusive series of articles.

Here are some ideas I'm currently planning for exclusive article series:

I’ll prioritize creating in-depth series based on your feedback, with each series featuring at least 5 high-quality articles designed to help you advance in your chosen area. Thank you for your support.

Here are some of my recent updates:

• Modern CSS (Get 7 Days Free)

  • Modern CSS - One-Line Enhancements: Simplify Your Stylesheets

  • Modern CSS - Math Functions: calc(), min(), max(), clamp()

  • Modern CSS - A Guide to Colors: RGB, HSL, HWB, LAB, LCH, and Relative Colors

  • Modern CSS - Layout Guide

• Difference Between new Function() and new function() in JavaScript

• Creating a React Hook for Rotating Images at Any Angle

Featured Articles

Defensive CSS

A collection of practical CSS and design tips, complete with interactive demos. By following these CSS practices, developers can write future-proof CSS, reducing UI errors and making your life easier.

Now in Baseline: animating entry effects

Browsers now support two new CSS features: @starting-style and transition-behavior: allow-discrete, allowing entry animation effects for elements, including those animating from display: none and into the top layer.

How HEAD works in git

An explanation of what HEAD does in Git and what it typically represents in your daily use.

Demystifying cookies and tokens

An article that explains the differences between cookies and tokens in web development, their various uses, security implications, and some best practices.

Demystifying Docker for JavaScript

This article demystifies Docker using a sample Dockerfile for JavaScript applications, independent of any JS framework.

Tools

Whirl

Whirl is a collection of CSS loading animations. It offers over 100 loading effects that you can copy and paste directly into your web projects.

React Awesome Reveal

A React library written in TypeScript that uses the Intersection Observer API to add reveal animations when elements enter the viewport. Animations are powered by Emotion and implemented as CSS animations.

PGLite

A fully functional Postgres database running natively in WASM, featuring reactivity and real-time sync. It supports browsers, Node.js, Bun, and Deno.

matomo

A free, open-source alternative to Google Analytics that gives you full control over your data, allowing you to easily collect, visualize, and extract insights from your website and app data.

Cool Backgrounds

A tool for automatically generating background images with customizable styles, perfect for creating eye-catching visuals for your website.

Scrollbar.app

Design your scrollbar style online interactively and directly copy the adjusted CSS code.

Thank you for reading! If you enjoyed it and would like to support my work, consider trying our 7-day free exclusive membership. You'll get unlimited access to personalized content based on your interests and receive a special newsletter every Saturday. Start your free trial now 👇