Thursday, May 7, 2020

Wordpress Showing Insecure Icon in Address Bar When Using https

Wordpress Site Shows Insecure Icon in Browser Address Bar When Using https

Here's a common scenario: you build a new wordpress site, and then decide to turn on https after it's fully built, as a result some of your image assets are still referenced with http vs https.  Chrome and Firefox will show "insecure" when they are loaded.  This is how to change that broken lock symbol to a closed lock symbol.

How to Fix

There are add-ons that will try to fix this or you can use URL re-writing, or you could edit the SQL database records and change all http to https.  My preferred method is to dump the WP_POSTMETA and WP_POSTS tables from the Wordpress SQL database, then edit the dump files with vim, then load them back in.

Dump The Tables

Dump the Tables

The dump Files
Using VIM to edit
Use this VIM command
Import them now using source command in mysql

Summary

SSH into your server, then dump the tables, then use vim to search and replace all http:// with https://, then save the file and import the tables back into mysql.



Sunday, May 3, 2020

Top Ten Newfangled Concepts in HTML User Interface Design

My List of Newfangled Concepts in HTML User Interface Design


1) React Web Framework or React JS

React is one of the newest kids on the block when it comes to user interface design and development for HTML pages. It was launched in May 2013. See the tutorial below. I am seeing more and more job ads calling for React programmers.  React is free to all. It even has a github where you can get more of it.
https://reactjs.org/
https://reactjs.org/docs/add-react-to-a-website.html#add-react-in-one-minute
https://github.com/facebook/react/

2) Angular JS Web Framework

Another new kid on the block.  Angular JS is now obsolete and Angular Web is the new defacto kid on the block.