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
PHP: How to use password_hash and password_verify
In this article I will describe how to use two PHP functions, password_hash and password_verify, that are important for website login pages that use a user name and password. 1. password_hash() Here is what the PHP documentation says about password_hash: password_hash() creates a new password hash using a strong one-way hashing algorithm. password_hash() is compatible … Continue reading PHP: How to use password_hash and password_verify
JavaScript: How to call a Python script and get the results via jQuery
Let’s say you have a situation where you need to read JSON data from an API and you don’t have plug-in credentials to access the API directly, but you can see the JSON data that is output from the API on a page. In this case, you can still get the data if you “scrape” … Continue reading JavaScript: How to call a Python script and get the results via jQuery
HTML & CSS: Four different ways to expand a div to 100% width using Grid
Let’s say we set up a basic web page layout that has 5 sections: Title, Header, Sidebar, Content, and Footer. This can be easily laid out using Grid, where we have an overall container that has five child divs. For example: The HTML looks like this: Note that each div in the grid has … Continue reading HTML & CSS: Four different ways to expand a div to 100% width using Grid
HTML & CSS: How to use column-count to automatically divide text into columns
Let’s say I have a project where I want to print all numbers from 1 to 100 in a web page. For this example, I am using the the ZeroCool problem where I print “Zero” for all multiples of 3, “Cool” for all multiples of 5, and “ZeroCool” for all numbers that are a multiple … Continue reading HTML & CSS: How to use column-count to automatically divide text into columns
HTML & CSS: How to control uneven columns with Flexbox align-self
Building on the Flexbox foundation described in this previous article: HTML & CSS: How to understand the basics of Flexbox for responsive web design I am now going to describe how to control columns that may have varying amounts of data in them. Flexbox has an attribute for the child element called “align-self” which can … Continue reading HTML & CSS: How to control uneven columns with Flexbox align-self
HTML & CSS: How to understand the basics of Flexbox for responsive web design
The CSS3 Flexbox Grid system is based on the idea of a parent/child container relationship. The parent, if we call it “row” needs to have “display: flex;”. For example: /* Parent */ .row { display: flex; } The child, if we give it a class name of “col”, should have “flex: 1;”. The 1 here … Continue reading HTML & CSS: How to understand the basics of Flexbox for responsive web design
Handlebars: How to use templates
Handlebars supports multiple templates in the same Single Page Application. To use templates with Handlebars, you must define a template id in the opening Handlebars script tag. For example, in this case the name of the template is “verse-set-grid”: <script id=”verse-set-grid” type=”text/x-handlebars-template”> The pattern for a template is: <!– 1. Opening script tag with the … Continue reading Handlebars: How to use templates
Handlebars: How to iterate through an array of objects
When using the Handlebars.js templating system, a common need is to be able to iterate through an array of JavaScript objects in order to build an HTML list. This is useful for ‘Atomic’ web programming, where a component is defined, and you may have a dynamic number of such components in your database. For example, … Continue reading Handlebars: How to iterate through an array of objects