Slack is a distracting communication tool that makes it hard to focus. Let's see what tips you can use to make your Slack workspace calm and productive.

How to Make Slack Feel Calm and Productive

Managing a repository takes time. Creating pull requests, finding issues, reviewing code and more. Thankfully, GitHub released their official CLI. Let's leverage its power.

How the Github CLI Saves Me Time Every Day

Getting a job as a front-end developer is not an easy task. But you can make it with the right strategy. Discover how you can achieve this ambitious goal by reading this post.

How to Become a Front-End Developer

Building custom components such as a Toggle Switch is no easy task. Learn how you can build a reusable, accessible and responsive toggle switch with Vue 3.

How to Build an Accessible Toggle Switch with Vue 3

JavaScript is an important programming language as of today, so you better get good at it. Check out this list of resources to become an advanced JavaScript developer.

Over 20 Resources to Advance Your JavaScript Skills

Colors are hard to grasp in UI Design. Find out in this post a simple method for creating color variations, choosing colors, and more!

How to Use Colors in UI Design for Developers

How to Suck Less at Colors as a Developer

Front-end developers spend most of their time working on user interfaces but don't know how to actually build one. Learn why you should learn design as a developer.

Why Learning Design Is Important for Front-End Developers

Developers often make estimation mistakes, mostly because they underestimate the task. Find out why and how you can make better estimations as a developer.

How to Estimate Your Tasks as a Developer

Task Estimation for Developers

Developers spend a lot of their time writing code, which can be repetitive. Find out how you can use custom user snippets in VS Code to boost your workflow!

How to Make User Snippets in VS Code

Boost Your Workflow in VS Code with User Snippets

ES6 brought awesome new features in JavaScript such as destructuring. Read this post and learn tips and tricks to have a cleaner code.

How to Destructure Arrays and Objects in JavaScript

Object and Array Destructuring in JavaScript

Creating a web application from scratch can be a daunting task. Fortunately, Vue provides a great CLI tool to create one without any effort. Learn how to use it in this post.

How to Create an App with Vue CLI

What if I told you it's possible to build a responsive grid that works both on desktop, tablet and mobile with just three lines of CSS? Find out in this post how you can achieve this result.

How to Make a Responsive Grid With Only Three Lines of CSS

Vue is a progressive framework that allows you to build great user interfaces through reactivity, components, directives and more! Discover in this post the basics of Vue.

Getting Started with Vue

Do you want to build a side project, but you have no ideas in mind? Turns out, it's not that hard to find them. Learn how you can find your next ideas in this post!

How to Find Your Next Awesome Ideas

Developers spend most of their time on a code editor, usually VS Code. Discover the essential shortcuts of VS Code to edit, browse, select, search your code faster.

Essential VS Code Keyboard Shortcuts for macOS and Windows

VS Code Shortcuts to Boost Your Productivity

If you're ever interested in what happened in 2019 for me, go ahead and read this article.

My Year in Review 2019

Web performance matters. Find out how you can boost your web application performance through image optimizations, code splitting, and reducing bundle size.

3 Easy Ways to Boost Your Web Application Performance

Testing apps can be painful, but it doesn't have to be that way. Learn in this post how you can make the most of React Testing Library to test React apps.

How to test React apps with React Testing Library

The Complete Beginner's Guide to Testing React Apps

Testing is an important and underestimated skill. They give you confidence in your code. Learn how you can use Jest to make your JavaScript more robust than you ever thought.

How to Test JavaScript With Jest

Lots of tools allow you to write high-quality code such as ESLint and Prettier. Find out in this post how to integrate them into your React apps and make your codebase more robust.

How to Setup ESLint and Prettier for Your React Apps

Ever felt unproductive? Do you feel like you struggle to make progress? Learn how you can better manage your time and profoundly increase your productivity.

How to Increase Your Productivity as a Developer

Time Management and Productivity Tips for Developers

What makes a good developer? His technical skills only? Not really. Soft skills are essential! Discover which soft skills make a great developer.

Soft Skills Every Developer Should Have

Ever wondered how to handle languages and translations in your app? Dive into Airbnb's internationalization library source code to better understand how the whole thing works.

Reverse-Engineering Airbnb’s Internationalization Library

Arrays are data structures that JavaScript developers always use. Learn in this post everything you should know about JavaScript arrays.

What You Should Know About JavaScript Arrays

If you're on a Discord server, I bet you already encountered one of these bots. Ever wondered how to make one? That's what you'll learn by reading this post!

Create a Discord Bot under 15 Minutes

Every now and then, front-end developers rant about CSS. But it doesn't have to be that way! Find out how you can improve your CSS skills.

How to Get Better at Writing CSS

Maybe you think HTML code is tedious to write, and I agree. That's why I use Emmet, a code editor extension, to type HTML faster. Find out how to do so in this post.

Hey. I'm Thomas,A front-end developer.

Latest articles