Editor's Pick
Brand New Performance Features in Chrome DevTools
This guide covers some modern web performance features of Chrome DevTools, with a focus on the new Performance Panel features which helps you optimize Core Web Vitals and improve your general web performance.
CSS
Open Props: Supercharged CSS variables
Open source CSS custom properties to help accelerate adaptive and consistent design. Available from a CDN or NPM, as CSS or Javascript.
The Undeniable Utility Of CSS :has
Of all the latest and greatest CSS features, the “:has” pseudo-class wasn’t exactly at the top of my wishlist. Once I started using it, however, I kept discovering incredible things I could do with it. It’s now become a core part of my toolkit. In this blog post, I'll show you some practical real-world problems I solved using “:has”, as well as some wild experiments that blew my mind.
Anchor Positioning Quirks
I have tried to fully understand this new module and explain it to the best of my ability. However, anchor positioning is still a new feature that brings even newer dynamics on how to position absolute elements, so it’s bound to have some weird quirks and maybe even a few bugs lurking around.
JavaScript
DATASTAR - Real-time hypermedia framework
Using a single 14 KiB CDN link and have access to everything needed to rival a full-stack SPA framework; all in the language of your choice.
If you are familiar with libraries like HTMX or AlpineJs; Datastar brings them together. This breaks down essentially to:
- Send the current UI from your backend via HTML fragments like HTMX.
- Manage client side state that wouldn’t make sense to be managed by your backend like AlpineJS.
Top 10 Angular Architecture Mistakes You Really Want To Avoid
In 2024, Angular keeps changing for better with ever increasing pace, but the big picture remains the same which makes architecture know-how timeless and well worth your time.
Speeding up our data views
The core of our business making large amounts of data understandable. On Quotrail, our most complex view is our speaker page. We've recently been running into browser performance issues when displaying more notable public figures. We thought we'd share some of our easier findings for speeding up data intensive applications.
Hopefully some of these tips are useful. In most cases, you will likely never need to do stuff like this. Modern computers are incredibly fast. In our case, we are manipulating a lot of data in the browser. Additionally, we want to ensure that we make sure Quotrail is accessible from many different types of devices (mobile, low-bandwidth, etc.).
UX
UX Language
A comprehensive set of useful and semi-universal UX copywriting and style guidelines and examples to reference while designing and building products and interfaces.
Franken UI
Franken UI is an HTML-first, open-source library of UI components that works as a standalone or as a Tailwind CSS plugin
Miscellaneous
PrepareFrontend - Better way to prepare for your Frontend interviews
Maximize your chances of success in frontend interviews with our expert-driven preparation platform. Practice, learn, and excel with resources designed to help you shine.
Cracking The Leadership Behavioural Interview
When interviewing all the focus goes on the technical side of the interview. Grinding coding problems or system design practice is a huge focus. That will NOT get you the job.
There are two sides, you also need to nail the behavioural interview. If you fail to do so, no matter how technically brilliant you are, you will not be getting the job.
Most companies have well-defined principles, values and missions that they are very protective of.
Behavioural interviews help the interviewers and the hiring managers look for signals which help us understand how you align according to those principles and values.
Behavioural interviews are trying to predict your future performance based on past behaviours.
Brand New Performance Features in Chrome DevTools
This guide covers some modern web performance features of Chrome DevTools, with a focus on the new Performance Panel features which helps you optimize Core Web Vitals and improve your general web performance.
Why Scrum is Stressing You Out
Programming today is stressful — way more stressful than I remember it in the 90s and early 2000s when I was just starting out. Back then, things would get crazy around deadlines, but at other times, I recall feeling pretty even. These days, however, the pressure seems omnipresent.
Why would sprints be more stressful? Aren't they just more frequent, shorter deadlines as opposed to the occasional really big one? Doesn’t this save you from having to crunch at the end of a project? This reasoning seems logical, but it overlooks some important details in the real, lived experience of today's software developers. Here's how I think sprints are doing us wrong.