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.
Moving almost 20 years worth of WordPress content to Gatsby going Headless
I have for a long time toyed with the idea of moving my content to something like Gatsby. Although I tried to do so by exporting all the content to markdown, I wanted to continue using the capabilities that WordPress CMS offers, so with that in mind, this is the process of moving what is […]
Five users for the Spread Operator in JavaScript
5 Uses for the Spread Operator Copy array Concatenate arrays Pass arguments as arrays Copy Object Merge Object Find more details on the source link above, thanks to @laurie for putting this list together https://dev.to/laurieontech
Transform black into any given color with CSS filters
How to transform black into any given color using only CSS filters: My question is: given a target RGB color, what is the formula to recolor black (#000) into that color using only CSS filters? For an answer to be accepted, it would need to provide a function (in any language) that would accept the target […]
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