This blog post explains why the === operator doesn't work for comparing dates in JavaScript and how to use the getTime() method to compare dates correctly.

How to compare two equal dates in JavaScript

Query params or URLSearchParams are the final part of the URL and are used to send additional data to the server.

How to get the queryparams of a URL with JavaScript

Just like px or %, it is a CSS unit that allows you to set lengths on your website, but this length is dependent on the root element, hence its name.

What is 1rem?

Lack of communication between development teams, design teams and product management teams results in a poor quality product and problems.

Engage your developers for outstanding products

We are going to explain the most important APIs available to create progressive web apps and publish them in the app stores.

Browser APIs to create progressive web apps

You have probably come across the mitmatch pattern without knowing it, today I will explain how it works and how to get the best out of it.

Speed up your VSCode searches using the minmatch pattern

Imports at the start of TypeScript files can quickly get out of hand, but with VSCode and an npm package you can keep them well organized.

How to organize TypeScript imports automatically

The HTMLObjectElement.validationMessage property represents an error message displayed if an object element is not valid, or an empty string if it is valid. It is used to implement custom error messages for form validation.

How to use validationMessage

Since I developed this site I knew that there were certain performance problems and that at some point I had to fix it, that point was yesterday.

How I improved the loading speed of this page by 20%.

accent-color is the css property that allows you to change the color of form fields on your Web sites.

Using brand colors on forms with accent-color

Figma is an amazing piece of software that we can make even better using plugins that the community creates and makes available to everyone.

5 Figma plugins to make your design process more efficient

As Steve Jobs says, "Design is not just what it looks and feels like. Design is how it works. In this article we are going to share with you 10 simple steps you can take to improve your user interface.

10 tips for designing better UI interfaces

CSS grids is the easiest and most efficient way to create layouts for your web pages and applications. I explain you how to create a common layout easily.

How to use CSS grids to create the layout of a web page

Being present on the internet through my blog and social media accounts has allowed me not only to get job offers but also to connect with people with the same interests.

Build Your Online Presence For Success in the Tech Industry. An Overview of What You Need to Know

For a little over 2 years now I have been actively sharing content on social media about programming and design on June 13, 2021 I announced my first ebook.

How did I develop and publish my first ebook?

CSS has many units of measurement, some absolute (px) and some relative (rem). Here  is how to use rem to make your page responsive

How to use css rem units for responsive pages

In short, React is a library, and NexJS is a framework, but do you know the difference between each?

Difference between Reactjs and Nextjs

When you start looking for your first job or even when you want to freelance, the first wall you hit is when the company asks you: "Can you show me some of your work?"

How to create a portfolio as a frontend developer with no experience

In this tutorial, I will explain how to manage your components state with @ngrx/component-store.

How to manage Angular state in your components

Instagram is a great way to connect with your audience and build up your online brand.

How to add Instagram Photos to NextJS website

I need to stop wasting time in social media and put that time in learning more about things that makes me better personally and professionlly

Cleaning my iPhone home screen in pro of more productivity

Delivering interface designs to developers is not an easy task let me tell you how do I do it with Sketch and Zeplin

How I hand off designs to developers with Sketch y Zeplin

In my career I have been fortunate to work with people much more capable and intelligent than me and the only thing I have received from all of them is knowledge and help.

Working with more capable people does not mean that you get stuck

When you need to show images from the file system dynamically, you need to be clever, and sometimes system files are not enough.

Dealing with dynamic images in Gatsby

As a Web Developer, you will consume a lot of content, and you need a place to save and can get back anytime.

How to track your online learning with GitHub

I needed a blazing fast site for my blog portfolio, so I built it with Gatsby, ReactJS and hosted on Netlify. 🚀

How I built my portfolio with Gatsby and ReactJS

A headless CMS system allows users to control all the content, with strict separation from the display or front-end layers.

Using a Headless CMS and React to Build Single Page Apps - Part 1

Let's create the page component and add content by using the REST API, and we'll be able to create rows and columns.

Using a Headless CMS and React to Build Single Page Apps - Part 2

This article will walk you through the process of using Gatsby alongside a headless CMS.

Building a Website With Gatsby and a Headless CMS - Part 1

Now we start bulding the Gatsby source plugin to get the data and create the pages.

Freddy Montes

I develop digital products and teach you how to do it

Popular Posts

How to compare two equal dates in JavaScript

How to get the queryparams of a URL with JavaScript

What is 1rem?

Subscribe to Pateando la Puerta

Get my eBooks

99 Tips para Web Development

99 Preguntas de Entrevista para Desarrolladores Web