The first thing we want to do when getting ready to code in node.js is make sure that Node and NPM are installed on our machine. Start by opening a command window and type the command node -v. Then check to confirm that NPM is installed also using the command npm -v: Once that is … Continue reading Node.js: How to write node.js code locally and test using the command line
AngularJS: How to use ng-show to hide or reveal elements on click
In this article, I will describe how to use the AngularJS directive ng-show for clicking a button to reveal hidden data. The steps below demonstrate how to use AngularJS to hide or reveal data based on clicking an element. In a combination of HTML and JavaScript, it uses AngularJS directives ng-app, ng-controller, ng-click, ng-show, and … Continue reading AngularJS: How to use ng-show to hide or reveal elements on click
jQuery: How to detect if JavaScript and jQuery are working in a sandbox environment
Recently I was working in a Piano template sandbox environment where I could edit HTML and CSS code to build a Piano template. This sandbox uses AngularJS, HTML, and CSS, but I wanted to see if it provided JavaScript and jQuery functionality so that I could enhance the template I was working on with some … Continue reading jQuery: How to detect if JavaScript and jQuery are working in a sandbox environment
HTML & CSS: How to add space between list elements
It is possible with CSS to control how much vertical space exists between list elements. In this article, I will demonstrate how to control this. Here is a codepen example of a bulleted list with bullets that are styled as squares, but no control over spacing between list items: Now, to add space between the … Continue reading HTML & CSS: How to add space between list elements
WordPress: How to add a site Favicon
A Favicon is the little icon that appears next to the name of your site in the browser tab where your site is open. For example, here is what the Chris Nielsen Code Walk blog Favicon looks like in both Chrome and Firefox: A favicon can be any square image, but since it is going … Continue reading WordPress: How to add a site Favicon
How to test production code with Chrome Developer Tools “overrides” feature
Let’s say you are tracking down a bug where a page on the live site behaves differently than the same page in the local environment. There is a way to run tests of the live code via Chrome Developer Tools that does not require pushing test code to production. It is called “overrides”: Step 1: … Continue reading How to test production code with Chrome Developer Tools “overrides” feature
Python: How to strip HTML and convert to ASCII
Let’s say you have an API feed or a form on a web page that passes in a block of text that could have HTML and UTF-8 or other specially encoded characters. Now let’s say we need to clean this feed upon arrival such that there are no HTML tags left in it, and all … Continue reading Python: How to strip HTML and convert to ASCII
WordPress: How to change the Enlighter.js line highlight color
When I recently updated WordPress, I noticed that my Enlighter.js line hover color changed back to default yellow from the color I had changed it to originally. For example: Since I had to look up how to change this color back to blue, I decided I would create a post here about how to do … Continue reading WordPress: How to change the Enlighter.js line highlight color
HTML & CSS: How to skew an HTML entity
Looking through the available HTML entities, I found a flattened DOWN arrow that uses the code ▾ For example: ▾ However, I could not find a similar flattened UP arrow amongst the defined HTML entities, so I found this CSS technique that will turn a regular unflattened UP arrow ▴ ▴ into a flattened UP … Continue reading HTML & CSS: How to skew an HTML entity
WordPress: How to downgrade to a previous version
I recently updated this blog to WordPress version 5.1.1, only to find that one of my plugins called CodePen Embedded Pens Shortcode stopped working. I didn’t think to deactivate, reinstall, and reactivate the plugin again in the new version, which would have solved the problem, so instead I looked for options for rolling back my … Continue reading WordPress: How to downgrade to a previous version