Skip links

Main navigation

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

Data Recovery with Git

So I just did my first data recovery with Git. Git really is an amazing tool. It thinks of all the possible events that may happen, including a glitch in its own process. Why is there data recovery? Because sometimes you may lose a commit. Stuff happens! Remember. Nothing is perfect. I had made a lot of changes. I was trying to ignore my node_modules, and it wasn't going so smoothly with the .gitignore file. I deleted the modules and re-installed a couple of times to get the .gitignore to ... Continue Reading

Bye Bye Adobe Illustrator

update 10.21.16: I am able to create svgs in Adobe Illustrator 5.5.1 again, but there definitely has been a loss of features here and there. I will continue to use it until it no longer is compatible with my system (another reason not to upgrade to OSX Sierra,  just in case such surprises occur). At the present time there is nothing else out there to compare with it, that's for sure: I have checked out the "competition". But who knows what the future will bring? I have been using Adobe ... Continue Reading