How to Display and Format Code Snippets on WordPress ?
What I use is Pretty print, and it’s very simple to setup.
1. Include this script in your header run_prettify.js
2. Start your code with the pre tag
<pre class="prettyprint">
class Voila {
public:
// Voila
static const string VOILA = "Voila";
// will not interfere with embedded tags.
}
</pre>
More information at https://github.com/google/code-prettify
How to Dynamically Load Dark Mode CSS in your Website or WebApp (Ionic, React, or Angular):
1. Create the two separete css files, one for dark colors and one for bright
2. Upload those to your server to css folder
3. Use the script example below to load the appropriate css file based on the hours in the day.
function loadcssfile(filename, filetype){
if (filetype=="css"){ //check filename is an external CSS file
var fileref=document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", filename);
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref);
}
var date = new Date();
if (date.getHours() >= 19 || date.getHours() <= 7) // after 7pm before 7am
loadcssfile("../css/darkmode.css", "css");
else
loadcssfile("../css/lightmode.css", "css");
Don't blind your readers at night -_-
If you want to incorporate sunset and sunrise you can look into Suncal library, but you will have to request user's location which is always rude and not recommended.
Great video explaining the problem with far space travel. Sometimes only cartoons can explain the most difficult problems.
Follow these simple steps to restore your iron skillet:
Credit: Tsuji/Getty
1. Remove all the rust (duh)
Use fine steel wool to remove the rust. Don’t stop until the skillet returns to raw cast iron.
2. Wash the skillet
Wash the cast iron with warm water and dish soap. Scrub with bristle brush, or mesh sponge.
3. Dry the skillet
Dry the cast iron with a clean towel or paper towels.
4. Cover the pan with a coating of oil
Apply a small amount of cooking oil of your choice to the entire pan, handle included.
5. Bake in the oven at 350°F
Place the cast iron on the top rack of your oven, upside down. Place a sheet of aluminum foil, a pan, or baking sheet on the bottom rack to catch any oil. Bake the pan for one hour.
6. Let the pan cool off
Let cast iron cool before taking it for a spin.
And that is all! You are ready to use your brand new cast iron skillet!
Good luck.
How to Find Visible HTML Element by class in JavaScript?
We can use the same logic jQuery uses with this code:
element.offsetWidth > 0 && element.offsetHeight > 0;
You can simply go through the list of your class elements to find the one currently displayed.
for (var i = 0; i < document.getElementsByClassName('myclass').length; i++)
{
if (document.getElementsByClassName('myclass')[i].offsetWidth > 0 &&
document.getElementsByClassName('myclass')[i].offsetHeight > 0)
{
//found the visible element of class 'myclass'
break;
}
}
How to Iterate through Dictionary items in JavaScript/Angular
Very simple example on how to iterate through your list of dictionary items:
var dictionary = {};
dictionary['one'] = {item: 1};
dictionary['two'] = {item: 2};
for (var key in dictionary) {
console.log("key " + dictionary[key].item); // 1, 2
}
good luck!