Hi there, I'm Alberto,

a Front-End developer building cool websites and apps as contractor for Avallain and Warner Music Spain.

Front-End / UI developer with more than 14 years of experience. Expertise with CSS, JavaScript, React, GatsbyJS, Headless WordPress and theme developing from scratch… I have a team of freelancers available to hire @fortesand.co

Blog posts (10)

Showing the before pseudo-class of a hidden div.

Today I had to do figure out a way to show an automatic message on a hidden div (which had display: hidden), so the idea was that the user…

How to do a Progressive Web App with Gatsby

This 7th Challenge is about turning our Gatsby site in a RealProgressive Web APP. “Progressive web app” (PWA) is both a general term for a…

Diferences between function based and class based components in React JS

According to the official ReactJS documentation we can define React components in two ways: As a function or as a EC6 Class A function…

How to add a form in your Gatsby React site..

This Challenge is about learning to add React components to your Gatsby sites, and specifically adding a contact form with the Formik React…

How to use Gatsby Image API with markdown and static files.

Third Challenge on #100DaysOfGatsby Challenge is about performance: Auto-Optimize Images on Your Gatsby Site. You can just follow Gatsby…

How to make a list of tags in a Gatsby JS blog

This is a basic tutorial belongs to #100DaysOfGatsby Challenge. Problem: We have a Markdown basic blog system under GatsbyJS. We want to do…

100 days of Gatsby Challenge

Starting at 1st Jan, 2020 a Worldwide coding Challenge started: #100DaysOfGatsby Challenge. TO DO

Code block highlights for Gatsby ReactJS blogs

If you are using Gatsby as static website or blog, probably you are a developer. In that case, you will need code syntax highlighting to the…

Hello World

This is my first MD post file. I will do a new blog based in Gatsby and Markdown served via Github. This is an exercise based in…

Sorting a GatsbyJS-blog posts list with GraphQL

Problem. We have a list of .md pages to display in a page, and we want to show them in a certain order, usually, date. To show them, a basic…

2006 - 2020 Alberto Fortes. Coded with React JavaScript, GatsbyJS, HTML5, CSS / SASS, Grunt. | Cookies