Search

Animated Icons

Experiments with animated icons.

ASCII Camera

Experimental real-time ASCII camera

CSS Checkboxes

CSS checkboxes that display ✔,✖ and ➖ instead of the defaults

CSS Color Grid

I wanted to see if I could build an 8x6 color grid using only CSS colors.

Online Font Image Generator

Upload a font and get a bitmap image of your font.

Langauge Selector for Scratch 3.0

Hiding a dropdown menu behind an icon.

CSS Loader Demo

No description avaliable...

Minilight

Tiny, language-unspecific, syntax highlighting, based on microlight.

Scratch Wiki.info Idea

No description avaliable...

Slider with Scrollbar

Using a scrollbar to make a slider input.

Collection Search Test

No description avaliable...

Scratch Surprise Counter

How many times was the Scratch surprise licked clicked?

Test Demo

No description avaliable...

CSS Text Effects

Text that uses cool CSS such as shadows and -webkit-mask-image

Games

New games section! Currently only one game.

Boop

boop boop boop boop boop

Advertise

Now you can advertise on my site!

Download a Virus!

Click the link above to download!

Highscore History

Who used to have the highscore on a project?

Comic Bored

Are you bored? Make a comic with comic bored!

Online Advent Calender

Each day, get a quote and a link of the day, from Google Santa Tracker.

Clutter 2.0

Bring back an old Scratch feature...

Introducing Simple Themes!

If you’ve been around my profile lately, you might have seen I created a new Github orginization, @simple-themes. I’m planning to make lots of themes for Jekyll, and soon I plan on changing this website to use one of the themes. Here are some of the currents themes:

blogthemesjekyll

Node.js and NPM for the absolute beginner.

You might have heard of the things called Node.js and NPM. Node.js is a way to run JavaScript on a server, and NPM (Node Package Manager) is a website that keeps track of node code.

nodenpmjavascriptserver

The Ugly New Version of Chrome

Recently, I came across photos of Chrome 69. I thought, “Is that a Photoshop? That toolbar looks just like Microsoft Edge!” But nope, it’s Chrome alright.

chromebrowsers

JavaScript Promises, await and async - Part 1

When I first learned JavaScript, I was like this is great, but how do you make stuff wait? I still have code that would never finish running, because unlike Scratch, JavaScript does not re-render every frame of a while loop. I now know about setTimeout, but a new feature, Promises, make waiting much more easy.

javascriptpromises

Sorry, I've been gone

I just realized I haven’t posted since April! Today was my last day of school for the year. I was busy with some things, but now I’ll be able to post more. About poll of the month, I’m not doing that anymore. I started this in June 2017, about a year ago, and it has changed. On my old site, I had a “Contests” section where I would ask a weird question and visitors would try to answer it. I removed it because:

pollofthemonthinfo

Bug in Apple keyboard

Today, I discovered a bug in the Apple iOS keyboard. First, when you open the keyboard, it looks like this:

applekeyboard

What happened to goo.gl?

image This is now what you see when you visit http://goo.gl . What happened? It turns out Google no longer wants people to use their URL shortener, goo.gl. Somehow, this is a way to promote Firebase Dynamic Links. How does that work? They are telling new customers to go to bit.ly or ow.ly. If you need a new shortener, I reccomend reading this post, but my personal favorite is http://is.gd .

urlshortenergoogl

Happy April Fools' Day!

In case you forgot, it is Easter April Fools Day;

Don't forget the tradition of using random semicolons;

Has anyone seen Waldo?;

Another tradition: On Easter April Fools Day, you are supposed to type bop(); in the console and press enter;

Don't forget to check Google's Youtube channel.

aprilfools

Weird Google Street View

I was looking at Google Street View, and this is a screenshot of what I saw! The top of one person is not aligned with the bottom; one person only half-exists and the car is in two places at once! This is one disadvantage of taking photos while driving!

Also, don't forget to look for Easter Eggs April Fools Pranks. There are 2 in this post!

googlemapsimages

Happy Easter!

I've hidden some April Fool's pranks around this site, and it's up to you to find them!

More will be added as it gets closing to Easter April Fools Day.

It might help to check Github and this scratch project.

When you find a prank, you will hear a noise and see an easter egg.

Hints

Upside Down

*

boop

-13

formspollofthemonth

Google Translate uses unsupported html tag

I was inspecting a Scratch 3.0 page, and I wanted to translate something. I used Chrome’s context menu to translate it, and guess what! The original HTML was this:

<select aria-label="language selector" class="language-selector_language-select_8Vfnm">
 <option value="en">English</option>
 <option value="ar">الْعَرَبِيَّة</option>
 <option value="de">Deutsch</option>
 <option value="es">Español</option>
 <option value="he">עִבְרִית</option>
</select>

And the result was this:

<select aria-label="language selector" class="language-selector_language-select_8Vfnm">
 <option value="en">English</option>
 <option value="ar">
  <font style="vertical-align: inherit;">
   <font style="vertical-align: inherit;">العربية</font>
  </font>
 </option>
 <option value="de">Deutsch</option>
 <option value="es">Español</option>
 <option value="he">
  <font style="vertical-align: inherit;">
   <font style="vertical-align: inherit;">Abrit</font>
  </font>
 </option>
</select>

At first, I thought this was a bug in Scratch 3.0, but I couldn’t find anything wrong with the code. Then, for some reason, Scratch crashed. I reloaded the page, inspected, and was surprised to find the the error was gone. I translated again, and the error was back. Why is Google Translate using the unsupported <font> tag?

googletranslatetags

What is a domain extension today?

In the early days of the internet, domain extensions had meaning. .com for commercial, .org for organizations, .gov for goverment, .net for networks and so on. The internet now has over 1500 domain extensions (source: iana.org), and there are now hardly any rules for extensions. My website is kyleplo.com, and it is not commercial.

domainextension

Beware of document.lastModified!

Today, I was trying to figure out how old a web file was, I used document.lastModified, and I was surprised to see that the date was today, a few seconds ago. That info didn’t seem right, so I reloaded the page. This time, the date was different, now even more recent! I think this was because the file was returned by a server scripting language, which “created” the file a few seconds ago, even though the file was really older. So beware of using document.lastModified; it might be wrong.

serverdocument

Is the copyright sign an emoji?

For some reason, I was searching Google for a copyright sign. The first result, was from emojipedia.org! Do you consider the copyright sign an emoji? I don’t. Share your opinion in the comments below.

emojicopyright

Linking to Your Latest Project

Have you ever wanted to link to your latest Scratch project? Well now you can here

phpproject

Collaborating on an Open Source Project

I consider myself an introvert, and I’ve never been big on collaboration. But recently, I’ve worked on several open source projects online, WITH PEOPLE I’VE NEVER EVEN MET IN PERSON!!!! This sounds crazy, but it’s actually fun!

collabultralangscratch3

February Stuff

Sorry I havn’t posted in a while. I’ve got a lot to write about.

pollsearch

Live Photos?

Yesterday, I got an iPad Pro, and it is great. But one feature I still don’t quite understand is: Live photos. How can a photo be live? Wouldn’t a live photo be a video? Or is it more like a GIF?

iosphotos

Updates and Closures

If you were on my website yesterday, that is impossible. Because my site was down yesterday. Sorry. I was experimenting with some domain stuff that clearly did not go as planned. If you read this post, you know I have my 1and1 subscription back! So the next few days, I will be changing some stuff on this website.

updateswebsite

Uncamelcasify!

Have you ever wanted to convert camel case to spaces? Try this code:

camelcase

January Poll

Hello, happy new year!!

pollpollofthemonth

5 Cool URL Shorteners

URL Shorteners are a pretty cool tool, and there are so many of them. You probably know https://goo.gl and https://bit.ly, but here are some cool ones you’ve probably never heard of:

urlshortener

Jekyll Comments

As you may have noticed, today, there are now comments at the bottom of almost all the pages that allow you to comment! I have added these, they are not part of Jekyll Now (which I use). Here is how I made it:

jekyllcomments

Compare Server Scripting Languages

For Christmas, I was able to renew my 1and1 subscription so I can now continue using server languages!! Yay! I won’t stop using Github Pages, I like it for blogs, and project sites, but I also want to do some stuff with servers. But I’m trying to decide what language(s) to use.

compareserver

More Cool API Ideas

The new progressive web app ideas that browser developers have are pretty cool. But I think there are a few APIs that the web would be way cooler with. This is the second post out of a series of posts

4. Widget API

Some platforms, mostly phones have widgets that you can place on your home screen. What if websites could create them? Example:

navigator.createWidget("currentTime",{
title: "Current Time",
color: "#ee8800",
content: [
{type: "updatingText",key:"getTime"},
{type: "button",label: "Open website",key:"openSite"}
]
},function (res){
if(res.type === "getTime"){return time}else if(res.type === "openSite"){window.open("http://time.is")}
}
);
if(userDoesNotWantWidget){navigator.removeWidget("currentTime");}

5. Document Print API

Somehow, Google Docs is able to print only part of the page, in this case, the document. This would make it much easier!! Example:

apiideas

Cool API Ideas

The new progressive web app ideas that browser developers have are pretty cool. But I think there are a few APIs that the web would be way cooler with.

1. Spellcheck API

This API would let developers modify the list of spellcheck words on that website. These change would be on that website ONLY, unless the user accepted a permission that lets the website change the whole list.

apiideas

November Poll Results

What is your favorite out of the following games?

pollresults

Scratch Emoji Shortcuts

Hello! I made a new extension called Scratch Emoji Shortcuts. It lets you use more emojis on Scratch, including sound emojis. You can use most of the emojis Github supports, plus a few sound emojis. For more info, see https://scratch.mit.edu/discuss/topic/283788/

scratchemojis

October Poll Results

What are you going to be for Halloween?

pollresults

CSS Code Shirt

From an idea I found online, I made a shirt with CSS code for a ghost. This is my Halloween costume. The code on the shirt, if you can’t read it is:

.ghost {
  opacity: 0.5;
  background: white;
/* Noo! Ghost attack! */
  visibility: hidden;
  display: none;
    }

The idea

css shirt

My version

css shirt Sorry about the image quality. You can make your own with a shirt, fabric paint and some CSS knowledge!

shirthalloween

My Logo in Pumpkin!

With Halloween coming up soon, I carved a pumpkin. My pumpkin has my logo in it, leaving a K-shaped piece that I can do whatever I want with. So until Halloween, my test account logo will be:

logohalloween

Lag out the browser console!

Ever wanted to lag out the browser console? Well now you can! This code makes the console glitch out. If you try scrolling, some parts of the console will disappear. You may even need your task manager to close the tab!!!

function error(s,m){return setInterval(function (){console.error(m || "ERROR");console.warn(error())},s || 1000)}

To use, paste into the console, then call the function error(speed,message) Example:

error(1000,"ERROR");

lagconsole

October Poll of the Month

In my last post, I said that polls would resume! Well they have! Fill it out here. Results will be on this blog.

pollpollofthemonth

Kyleplo's Forms

One bad thing about Github Pages is that it is hard to create forms on it. So I decided to create a Weebly site to host all of my forms, because forms are so easy there. The site is here. You can also request to have a form create for you. Because of this, I will resume poll of the month!

formspollofthemonth

Testing search link

Recently, on the Scratch forums, many users seem to put a random Google search link in their signature. Because Google crawls the Scratch forums, all posts with this set of characters.

testsearch

My custom scroll

My custom scrollbars

As you may have noticed, I use a custom scrollbar on this website. I think they are awesome because you can customise your site more. However, mine happens to be very weird: ```css ::-webkit-scrollbar { width: 1%; }

cssscrollbars

Hello World!!

If you are reading this, my website is working!

hellotest

Get Fifty

A game where you get fifty points by eating cubes with the arrow keys.