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
Month: June 2019
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