Next Music Director Open Source

NextMusicDirector is still in it’s infancy and would like to share the process and development of the project, as any other project it is just an idea and I am happy to share new findings, experiences, and how far I can take this project. Code Hosting The first question is ovious, where to host the […]

Next Music Director

NextMusicDirector came from the need of having a location where my daughter could practice playing the flute. As much as I was enjoying helping my daughter figure out what each note was I had the desire to automate this process for her and also maybe somewhere out there a kid would have the need to […]

How to Add Analytics to Your NextJS App

During the development of your app or landing page at one time or another you will have the desire know where your traffic is coming from. You have different options when it comes to analytics providers, however, we know that the leader for analytics is Google and that is what we will be implementing on […]

How I converted my site to NextJS

It is always challenging to decide what technology to use for your site; in the end, it is your “baby”, and as such, you want the best for it. I knew deep in me that I wanted to use React for this personal project, so I used Gatsby for the last version converting from WordPress.

Instagram filters with CSS3 Effects

Instagram filters recreated using CSS3 filter effects Ever wanted to recreate Instagram filters on the fly using CSS3 (without needing to open a graphics program)? Now you can! Using the new filters feature in CSS3, you can recreate all of the Instagram filters. I have, with varying levels of success, recreated every Instagram filter. They’re […]

Blank Target vulnerability

A developer that opens a new window or tab with target=‘_blank’ is exposing their users to a little known vulnerability which deals with a malicious code taking ownership of the new opened window. This can be easily solved by appending rel=“noopener noreferrer” to the anchor tags. With that said the URLs should look like this:

Progressive web apps

Wikipedia: https://en.wikipedia.org/wiki/Progressive_web_app Google: https://developers.google.com/web/progressive-web-apps/ Mozilla: https://developer.mozilla.org/en-US/Apps/Progressive