Skip links

Main navigation

My Amazon S3 Moment

Last week I decided to dive into a new project of my own creation. Part of the project entailed re-using code I had already created, so I was very excited about it. One of my 2017 New Year's resolutions was to create code that I would be able to re-use in other modules or projects, so I welcomed the opportunity. Some re-usable code was related to cross-browser hacks for input ranges. I had already done quite a bit of research on the topic for my Custom HTML5 video player, and the code was ... Continue Reading

The Chrome Favicon Nightmare And How I Finally Fixed It

The other night was a real doozy. I decided to add favicons to all my gh-pages hosted projects on Github. A while ago I had added a favicon to a project using one of the images for project itself and I had no problems after installation. So yesterday I thought, why not install a new brand favicon that would match the look of the front of my new business card? I wanted to get started on developing my new brand image and make it easy for people to recognize MY work. Favicons are great for ... Continue Reading

A Must-Have Front End Developer Tool

Today I was adding a new project image to my front end developer portfolio, and I had the damnedest time trying to match its size to all the others, which I had created with the FireShot Screen Capture Chrome extension at another time. The trick to making all your screen captures the same size is in the size of the browser window. But how was I going to figure that out? I was getting sick and tired of redoing all screen captures just because they weren't all taken at the same time, with the ... Continue Reading

To NPM Trash Or NOT To NPM Trash

Note: This article doesn’t go into depth about commands, i.e. rm, rm -r, etc/ It’s about options. To read more about those commands, please visit Master the command line: Deleting files and folders, also included at the end of the article. I just finished watching Wes Bos' Command Line For Power Users series, and it was great. It focused on Z Shell, which is what I use, and I learned a lot. It opened new doors for me regarding Command Line for Mac, and I got to know my computer even better. But ... Continue Reading

Renaming Your Remote Github Repository

Today I was going through and re-organizing my JavaScript30 projects and adding Github Wiki pages to them. I came across one repository which I wanted to rename, because it did not mirror the name in the JavaScript30 repository! In addition, I wanted to rename the local repository to mirror the name of my remote repository. First I renamed the local repository. I was already in the repository which I wanted to rename, array-cardio. I wanted to rename it to array-cardio-day-1. In CLI (Command ... Continue Reading

Fixing Your NVM Install

The other day I wrote a post What To Do When You Can’t Upgrade Oh my zsh in which I mentioned that my next post would be about fixing my nvm install. So this morning I did just that. I fixed my nvm install, and now it works. It only took a couple of minutes out of my morning, and now there is one less headache on my machine! I had tried to install NVM (Node Version Manager) a while back, and it never took. Who knows exactly why, but it never did. And I never took the time to sit down and figure ... Continue Reading

What To Do When You Can’t Upgrade Oh my zsh

I have been using the Z Shell, specifically Oh My Zsh, for almost two years now. It worked without a hitch for a while, and then one day it didn't work so smoothly. It had something to do with my PATH configuration. I'm not sure whether the issue began before or after I installed El Capitan (but I don't think so), or if it was a ruby gems installation issue. I think it was the latter. Anyway, it never seemed to resolve itself. I started to dive deeper into Command Line. I was getting to know my ... Continue Reading

Creating a Custom HTML5 Video Player And The Shadow DOM

This was first published earlier today on my Custom HTML5 Video Player repository's Github Wiki. So today I completed WesBos' Custom HTML5 Video Player project, including the challenge he presented us with at the end of the video: making the video go full-screen. I knew going in that there were cross-browser issues/bugs with the element, so I was very interested in finding out what would happen when I made the video go full-screen. Low and behold, when I first ... Continue Reading

Learning JavaScript 2016

Note: This article was specifically created for submission to hello.js, "the official blog of the hellojs people". Since it was highly relevant to this blog, I decided to publish it here as well. The other day, Sami Andreas of hello.js contacted me regarding the latest writing challenge for hello.js. He stated that it was a very special challenge, and that it is. In his words: Hi Maria, How have you been? We didn't chat in a while, I know you've been busy on other things and I didn't want ... Continue Reading

HTML5 Canvas Game Development

I just finished developing a 2D Breakout Game using HTML5 Canvas based on MDN's 2D Breakout Game tutorial. I added a workflow to it of course for testing in command line purposes, for speeding up the development process, and speeding up the process of making files production ready. One thing I learned first and foremost: HTML5 Canvas games are data-consumption expensive! By removing a few things from the workflow like normalize.css and postcss-mixins npm plugin, as well as minifying code, I was ... Continue Reading