Top 3 in Tech: Working as a front-end developer, Tailwind 3, Container queries

What does a day in the life look like when working as a front-end developer? I share my experiences from working in a digital agency  ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Hey there,

The Top 3 in Tech newsletter coming at you again. Before we get started, I just have a quick question to ask you. I've been reading a lot about paid newsletters recently, and that got me curious: would anyone actually pay to receive this newsletter?

I wanna stress that I'm not planning on turning these weekly emails into a subscription anytime soon, but I thought it'd be a fun experiment to get your opinion and if you feel like the value you get from the newsletter would be worth paying for.

I've created a quick poll to gather feedback, so please give me your honest opinon and vote here:

https://www.strawpoll.me/45891408

Again, I'm not planning to make any changes right now!

With that out of the way, let's get into today's topics:

1. Working as a front-end developer

Today I want to share what it's like to work as a front-end developer in a digital agency. Of course these are all my own personal experiences, but I think talking about it can help people currently looking for that first job get an idea of what a normal "day in the life" of a dev looks like. And if you're already working as a dev, it might be nice to get an alternative perspective. Hopefully you find it interesting either way (I'll try my best!).

I'm currently working in a medium-sized digital agency of about 60 employees, with 20 of us being developers (split evenly between front- and backend). As an agency we're earning money by selling hours as consultants, rather than working on a single dedicated product. Instead we work on a wide variety of different projects for our clients, from simple marketing websites to e-commerce stores to complicated webapps.

This wide array of projects (most being about 1-3 months of development time) is what really excites me about working in an agency. It's hard for me to stay focused and motivated when working on the same thing all the time, so the fact that there's always a new project in the pipeline is awesome for me.

It's also very common to be associated with several projects at the same time. At the beginning of the week, our project managers divide our time between the different projects that need focus right now. This helps to make sure that we're always working on the most important problems for our clients.

Another thing I really enjoy about working as a front-end developer in a company like mine is that we're at the forefront of new technologies. We focus on using modern tech like Vue/Nuxt, React/Next and TailwindCSS, usually together with a headless CMS or Laravel app as backend. I'm a big fan of not being locked to some old WordPress + jQuery versions, and find all this modern tech much more fun to work with.

Now of course it's not all sunshine and rainbows. Since we work directly for our clients, we always have to make sure that they're happy - even if we sometimes don't agree with their decisions. We also have to be very careful with deadlines and budgets as we only get paid for what was agreed upon initially. That can be stressful when unforseen circumstances happen that delay our work and make it harder to deliver on time.

For me personally, I do like this tradeoff between pros and cons. I don't think you'll ever find at job where everything is just perfect, 100% of the time.

Anyways, I hope this provided some insight into what it can be like working as a front-end developer. Do note that working in other types of companies (big tech, startups, corporations) could be a LOT different from what I've described here. Either way, I know I always enjoy learning about other people's experiences in the field, so hopefully you enjoyed reading this as well ✌

2. Tailwind 3

Probably the most exciting new tech release this week (and one I've been eagerly awaiting for a long time!) is Tailwind version 3 🔥

In case you don't know, Tailwind is a utility-first CSS framework designed to rapidly implement custom designs. It's my favourite front-end technology because the workflow is amazing, it comes with incredible defaults out-of-the-box, and still allows you complete customizability to implement any design without getting in the way.

And in this new version 3, the team once again added a BUNCH of new, cool features to make lives easier for developers. Among those are the new Just-In-Time mode I've talked about before, now being the new standard. V3 also has a cool new CDN build, scroll snap utilities, colored box shadows and SO MUCH MORE. Just check it out for yourself and be amazed:

Read the full announcement post

3. Container queries

Staying on the topic of CSS, container queries are an experimental API that allows developers to style elements based on the size of that element's parent container (instead of just the entire viewport, as we're used to with media queries). This is super exciting because it makes flexible layouts much more accessible and easier to create. Which is good for us, the developers, but especially for our users.

The problem is that container queries aren't ready for production as the browsers haven't implemented the specification yet. Luckily for us, Chrome is pushing them heavily. That's why I wanted to share a glimpse into what container queries can do and how you'll be able to work with them in the future. Check out the awesome video by the Chrome development team to learn more about container queries (or read more in the MDN docs):


Thanks for reading! I would really appreciate if you would share the newsletter with your friends on Twitter, Facebook, LinkedIn, by email or copy/paste the link mads.fyi/top3 on other platforms. It really helps to keep me motivated and let the newsletter grow. See you next week ✌

Mads Brodt

Older messages

Top 3 in Tech: Which framework should you learn? Progressive Web Apps, 2022 for developers

Wednesday, December 8, 2021

"What framework should I learn first" is a big question in web development - but the truth is, it doesn't really matter ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Top 3 in Tech: How to learn programming, p5.js, framework for headless Wordpress

Wednesday, December 1, 2021

There's many different ways to learn programming, but what's most important to focus on when starting out? ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Top 3 in Tech: What is success, 5 front-end skills to land your first job, ThreeJS

Wednesday, November 24, 2021

What it means to be successful, how to land your first front-end development job and ThreeJS ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Top 3 in Tech: Making small changes, Rich Harris joins Vercel, React Location

Wednesday, November 17, 2021

How making small changes can improve your professional life and help you reach your goals ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

Top 3 in Tech: Reading code, GitHub Copilot, Hydrogen

Wednesday, November 10, 2021

How getting better at reading + understanding code can make you a better developer ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

You Might Also Like

📽 Webinar: How Convirza Scaled SLMs for Real-Time Call Analytics – Without Breaking the Bank

Friday, November 15, 2024

Companies that rely on analyzing high volumes of data face a core dilemma: how to deliver real-time insights without burning through budget or engineering resources. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏

ASP.NET Core News - 11/15/2024

Friday, November 15, 2024

View this email in your browser Get ready for this weeks best blog posts about ASP.NET Core! Introducing the .NET Aspire Community Toolkit — by slace Authentication and Authorization Enhancements in .

⚙️ Anthropic's nuclear red-teaming

Friday, November 15, 2024

Plus: A look at carceral AI ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

CISA Flags Two Actively Exploited Palo Alto Flaws; New RCE Attack Confirmed

Friday, November 15, 2024

THN Daily Updates Newsletter cover Practical Cyber Intelligence ($79.00 Value) FREE for a Limited Time Overview of the latest techniques and practices used in digital forensics and how to apply them to

Empower yourself through language learning

Friday, November 15, 2024

Your Best Vacation Yet Starts with Babbel Every holiday trip is more than just a vacation—it's an opportunity for adventure, connection, and personal growth. With Babbel, you're not just

Digest #150: AWS RDS Sizing, Redis Alternatives, Ansible Blocks, and macOS in Docker

Friday, November 15, 2024

Master AWS cost-saving strategies, optimize PostgreSQL performance, and streamline DevOps workflows. Plus, explore new ways to manage RDS instances, use Ansible blocks, and run macOS in Docker. ͏ ͏ ͏ ͏

.NET 9 Focuses on .NET Aspire & AI, Preview of Copilot in SQL Server Management Studio, More

Friday, November 15, 2024

Home | News | How To | Webcasts | Whitepapers | Advertise .NET Insight November 14, 2024 THIS ISSUE SPONSORED BY: ■ Build .NET Applications with Powerful Reporting ■ dtSearch® - INSTANTLY SEARCH

How to define and revisit your career goals

Friday, November 15, 2024

Learn how to define and revisit your career goals, align them with your life objectives, and create a fulfilling professional journey that optimizes for happiness and personal growth. Sébastien Dubois

eBook: The Cyber Insurance MFA Checklist

Friday, November 15, 2024

How to Comply with the Cyber Insurance MFA Checklist ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌ ‌

The Sequence Chat: Small Specialists vs. Large Generalist Models and What if NVIDIA Becomes Sun Microsystems

Friday, November 15, 2024

A controversial debate and a crazy thesis. ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏ ͏