As I type now, I am sleepy an in a dark room with my laptop. It hurts my eyes looking at most websites with white backgrounds and dark text. So, I thus present to you a bookmarklet that will hack a dark mode for the page at the click of said bookmarklet button.…
CSS3 is powerful and fun! Using SVG and CSS animations, you can do so many wonderful things! Using CSS animations is more efficient than using Javascript giving smoother transitions and less processing power for the browser. The animation is rather simple for this glorious effect…
Sometimes, devs can rely on jQuery a little too much, and forget how to check for a className without a framework to help. …
I, like many of you, grew up playing MadLibs® – and I sure do miss them! So, I decided to try to make some of my own using WordPress and the Advanced Custom Fields plugin. The way I set this up was to make two fields in a group:
Madlib Body: text field with the script of the MadLib with variables
Madlib Parts of Speech: list of the parts of speech associated with the variables in the MadLib Body field Here is an example script I’ve added to a post:
One day Dino decided to go for a walk.
I am sure you have seen some of the virtual choir videos floating around the internet recently, now that America is under lockdown due to COVID-19. Perhaps you have wanted to try one yourself! Here is an example of one that I made a few weeks ago:
So, how is this made?…
Phaser.io is a cool free/open source Javascript platform for making HTML5/Canvas games, animations and WebGL awesomeness! I thought I would play around a bit and make an example of a camera panning a peaceful meadow in such a way that will lull you to sleep or cause motion sickness!…
Support for older browsers that cannot run array.includes(“searchForThis”). Here is a workaround for that in your code!
if (![].includes) {
Array.prototype.includes = function (searchElement /*, fromIndex*/) {
'use strict';
var O = Object(this);
var len = parseInt(O.length) || 0;
if (len === 0) {
return false;
}
var n = parseInt(arguments[1]) || 0;
var k;
if (n >= 0) {
k = n;
} else {
k = len + n;
if (k < 0) { k = 0; }
}
var currentElement;
while (k < len) {
currentElement = O[k];
if (searchElement === currentElement ||
(searchElement !==
Ever want to make a bookmarklet? Well, this will help. (Comes in handy to hack things in place before a major fix/build goes out – i.e. changing iframe sources that have a bad url)
Just drag the link that this form generates into your bookmark bar, and use it on any webpage
https://ted.mielczarek.org/code/mozilla/bookmarklet.html…
Here are some of the common php things I use, and always have to look up:
Mysql:
[php]
$result = mysqli_query($con,"SELECT * FROM Persons");</code>
<code>while($row = mysqli_fetch_array($result)) {
echo $row['FirstName'] . " " . $row['LastName'];
echo "
";
}
[/php]Date:
[php]
$today = date("F j, Y, g:i a"); // March 10, 2001, 5:16 pm
$today = date("m.d.y");
Some fun examples of using the HTML5 canvas element…