Welcome to Hot Web Dev January 2025, featuring the latest technology and web development news. This month, we look at the new release of the Tailwind CSS and its exciting new features and improvements. The tool of the month is a new open-source JS module that can add effortless camera and screencast integration into your project.
Table of contents
Tailwind 4 Released
Following an announcement in November’s Hot Web Dev, Tailwind has been officially released and is out of beta. Version 4 boasts faster speeds in a full rebuild with 3.78x improvement and rebuilding with new CSS up to 8.8x. The installation has been streamlined making it easier to set up and requires zero configuration. It has first-party support for Vite which makes it even faster. Integration for import is now built-in, so importing other packages inline is unnecessary.
One issue with previous versions was customisation as this was done in the tailwind config js file. Now everything is done in the CSS file, which makes more sense. There are new 3D transform utilities, improved gradients, new utilities and variants. Before you start switching all of your projects to the latest version there is a comprehensive upgrade guide and an automated upgrade tool to help you with your journey.
Source
Learning Resources
You are never too old to start learning, and one huge resource available is FreeCodeCamp. If the computing science field is an area you want to explore, check out all the free courses from the top cs universities.
I’m a fan of video content in its long form, whether it’s catching up with the latest tech, being nostalgic and taking a trip down memory lane or catching up with tutorials to learn the latest stack.
On another note, I also like reading, so I visit my favourite blogs or consume RSS feeds periodically to gather more information. If I’m looking for something specific, I would look in the official documentation, which can be mind-numbingly boring and hard to read, if written to technically. One underrated resource is reference/cheat sheets (technically, it’s not cheating). They are easy to access when you need them fast and can save you time. Two notable offerings are QuickRef.Me and Devhints.
Coding Resources
For those of you who like to use good old CSS, with many resources available to get started. One such resource is 6 CSS snippets that every frontend developer should know for 2025. Over the years, we have seen an explosion of dark mode coming to websites and apps. Advantages include reduced power usage, less eye strain and improved readability. With the power of CSS and browser local storage, it is also relatively simple to include on your website.
If you are a fan of Svelte, check out the smashing magazine article featuring Rich Harris on Svelte 5 and the future of web frameworks.
WOW Tool Of The Month
SpicyCamCast may sound raunchy but inevitably it is an open-source JS module that allows you to integrate camera and screencasts into your project. It’s built using modern JavaScript, leveraging ES6 classes, private fields, async/await and promises.
Its features include detecting and selecting video devices, starting and stopping camera and screencast streams, capturing photos in JPEG, PNG or WebP format and mirroring video streams.
Must Read Resources From January 2025
- How to Develop with CodeIgniter on Ubuntu – Step-by-Step Environment Setup
- 8G Firewall Update v1.4
- 10 Ways To Fix WordPress High CPU Usage
- How to Bridge the Gap Between Web Designing and Development?
- 10 Essential Tools Every Modern Web Developer Should Know
Discover more from WorldOWeb
Subscribe to get the latest posts sent to your email.