Once you have successfully written some node.js code and have viewed the results via command line, (see my previous article about this, linked below) the next logical step is to be able to write node.js code that can use HTML and be viewable in a web browser. To view node.js output in a web browser, … Continue reading Node.js: How to launch a temporary server and view output in a web browser
Node.js: How to update Node and NPM to the latest versions
You can check to see what versions of Node and NPM you have with these commands: node -v npm -v. For example: To update NPM, you can do that at the command line with this command: npm install -g npm The output should look something like this: A good way to update Node is to … Continue reading Node.js: How to update Node and NPM to the latest versions
Node.js: How to write node.js code locally and test using the command line
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