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 I improved the loading speed of this page by 20%.

Using brand colors on forms with accent-color

5 Figma plugins to make your design process more efficient

Subscribe to Pateando la Puerta

Get my eBooks

99 Tips para Web Development

99 Preguntas de Entrevista para Desarrolladores Web