CSS Puns

These are way too good not to share.



Why is this a thing?

Ok, so a lot of the classes I’m taking this semester are based on the assumption that I know everything I need to about Command Line.

This assumption was largely incorrect, seeing as I knew nothing about it at the beginning of May.

Thankfully, I have a fairly decent understanding of it at this point (3 weeks from the end of this semester). I just realized that there is an entire Codecademy course on this.

Please. Don’t waste time like I did, trying to figure it out by myself, and with the help of some very kind friends and Google. Just do Codecademy.

Here: https://www.codecademy.com/en/learn/learn-the-command-line

You can thank me later.

Social Media Marketing

This week I had a chance to speak to one of my friends from a long time ago. Leslie pops up from time to time on my newsfeed with posts that are eye-catching enough to draw the attention of anyone interested in makeup. She has used Facebook Live to share makeup tutorials, giving demonstrations on how to use her favorite products. I watch her makeup tutorials and follow her Instagram (lesliehaymer) for the latest updates. She uses social media such as Instagram, Snapchat, and Facebook to communicate with potential clients and spread the word about the products she sells.

I ask Leslie how she uses social media to engage the people she wants to reach.

“You engage people by getting to know them on a personal level and not hounding them with sales but being relatable and letting them come to you.”

True to her word, she has a very down-to-earth and honest social media persona that she utilizes to connect with her customers. When asked how social media benefits her and her audience she stated:

Engaging with them on social media benefits me because it gives me a platform to get to know them and build the relationship. People are far more likely to purchase from a trusted source. You have to earn trust to be able to use it as a platform[…] it benefits them because they gain a trusting relationship and therefore open themselves us to gain from what ever products I’m putting out there[.]

A busy mom, she is able to use social media to market by fitting in around 2-3 hours a day to communicate with her clients and further her business. This typically averages out to around 14-21 hours a week for her to spend posting graphics and video to help further her brand message and her brand certainly matches her service. All of her customers are appreciative and quick to share how friendly and helpful she is in comments and reviews.

If you are interested in makeup, I highly suggest you check out Leslie’s website: https://www.youniqueproducts.com/LeslieJHaymer/business

Check out her amazing tutorials on her Facebook page: https://www.facebook.com/LeslietheLashLady/

Resources: Top 4 JavaScript code editors

I recently found a helpful article that compares a few code editors that can be used for Javascript: This article is particularly helpful because it is easy to understand for those who are new to javascript and may be looking for an editor to use. The author begins by giving an overview of javascript in general. He emphasizes the fact that javascript is everywhere, which is why it often referred to as the “duct tape” of the internet.

He not only includes some of the more common editors but also includes a clear list of the most important advantages of each (such as auto-completion and support for snippets). As someone who has used two of the four editors, I find his descriptions to be both simple and accurate.

The original article can be found at OpenSource.com: https://opensource.com/article/17/3/code-editors-javascript


Top 4 JavaScript code editors

JavaScript is everywhere, and its ubiquitous presence on the web is undeniable. Every app uses it in one form or another. And any developer who is serious about the web should learn JavaScript. If you already know it, be sure to continue learning new frameworks, libraries, and tools, because JavaScript is a living, evolving language.

The JavaScript community has a great open source environment, and that has led to some excellent open source JavaScript IDEs (Integrated Development Environments). The open source movement is strong, and there are many IDEs that you can use to code your JavaScript program.

Programming and development

Just like any other programming language, there is no particular set of requirements for a JavaScript editor or IDE, but a good one should be able to handle all the JavaScript-related tasks, including compiling, debugging, syntax highlighting, indentation, etc.

I’m going to showcase one of the top open source JavaScript IDEs, and while I’m at it, I’ll list also some advanced text editors that almost match the power of an IDE and that you can use to do anything as a JavaScript developer.

Eclipse with JSDT

Eclipse is one of the most well-known IDEs out there. You might have used it with other programming languages as it supports all the major ones. Eclipse’s support for JavaScript comes with the help of JSDT (JavaScript Developer Tools). JSDT is based on JDT (Java Development Tools) and offers tons of features. You can use these tools to write JavaScript web applications or JavaScript applications in general.

Eclipse is not well known for speed; it’s relatively slow compared to other IDEs or text editors; however, it has matured over the years and speed won’t be an issue for current development machines with a great deal of processing power.

Some key features of Eclipse with JSDT are:

  • It offers proper syntax highlighting
  • It has autocompletion
  • It supports JSDoc element generation
  • It has flow analysis
  • It has refactoring


Atom is a 21st-century hackable text editor that is made for developers who love to customize their text editor. It easily crosses the line of a simple text editor and can be considered an IDE. You can change everything that Atom has to offer by tweaking the config file.

The installation is simple—download, install, and code. To make development easier, Atom comes with a package manager that you can use to install different packages to extend and enhance its features.

If you are a front-end developer and want to make the most out of Atom, you need to install these packages and plugins. Some of the notable Atom plugins that you can use to improve your coding experience are Atom Beautify, Atom TernJS, Auto-update packages, Autocomplete modules, Editor Config, DocBlocker, etc.

Satyajit Sahoo, a front-end developer, explains how to use these plugins for maximum benefits in his post Supercharge JavaScript development in Atom.

Some of Atom’s key features:

  • It comes with autocompletion
  • It offers multiple work panes
  • It supports cross-platform (i.e., it works on Linux, Windows, and OS X)


Brackets is a well-known text editor for front-end development. It is a robust text editor that is primarily built for front-end engineers. It is developed by Adobe using three primary technologies: JavaScript, HTML, and CSS. If you are a JavaScript developer, you can easily hack into Brackets.

High reconfigurability, lightweight, and the ability to work with an amazing user interface make Brackets a great choice for JavaScript developers. New features are constantly added to Brackets to update it to JavaScript development standards. You can also improve Brackets functionality with the help of hundreds of extensions available online.

Some key features of Brackets:

  • It offers live preview
  • It works great with Adobe products
  • It supports SCSS and LESS
  • It supports JavaScript frameworks for easy development
  • It supports indentation, autocomplete, and other important code writing, editing, and compiling features

Visual Studio Code

Visual Studio Code is the new kid on the block. It is open source and is built for building cloud and web applications. Visual Studio Code can be seen as an alternative to Visual Studio. Developers who are interested in getting started quickly can use Visual Studio Code, but they won’t get the extensive set of features offered by Visual Studio.

Visual Studio Code comes with all the features that are required to handle JavaScript development. Its UI is also top notch and modern. You can edit, debug, and modify JavaScript code on the fly. It also supports such features as Peek, Find All References, Rename Symbol, etc. You can also use Visual Studio Code extensions to customize it according to your needs.

Some key features of Visual Studio Code are:

  • It supports IntelliSense
  • It offers automatic type acquisition
  • It configures easily
  • It offers debugging on both client and server side
  • It supports snippets

Final thoughts

You might have noticed that I have listed more text editors than proper IDEs. I have done so for two reasons. First, there are not many open source IDEs available. Second, today’s text editors offer almost everything that you will need for a proper IDE. Atom, Brackets, Visual Studio Code are text editors, and they give you all the features required for proper JavaScript development. You can debug, edit, upload, etc., without leaving the editor.

Eclipse with JSDT is a proper IDE that you can use for your JavaScript adventure. However, it is comparatively slow compared to other alternatives listed in this article.

Do you have any IDE in your mind that is open source for JavaScript development? If so, let us know in the comment section below. Also, let us know which IDE you use for your JavaScript development and why.

Welcome to the Learning Process

I love to learn and I need to learn to thrive. Life is a continual learning process.

In my journey to learn and master some common programming languages, I sometimes come across some useful resources. I am unfortunately a poor college student, so I’m always looking for free resources. The Library is great (who doesn’t love free to borrow books?) as well as the internet for thrifty resources.

As I learn, I want to share with you some suggestions and resources, so that you can learn to code too!

Hopefully, these tools, tutorials, and resources will help you as much as they have helped me.

For quick resources that will teach you the basics, visit the Helpful Links Page page.