Collection Search Test

CSS Checkboxes

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

Online Font Image Generator

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

CSS Loader Demo

No description avaliable...

Scratch Wiki.info Idea

No description avaliable...

Collection Search Test

No description avaliable...

Scratch Surprise Counter

How many times was the Scratch surprise licked clicked?

Test Demo

No description avaliable...

Leave a comment:

&a=blog">hello Hello World!! | Kyleplo

Leave a comment:

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.

Today, I put a random link in my siggy. But I’m doing a bit more than some other people. The link will also appear in my other online posts, including on this website (at the bottom of every post). It may take months to start working, due to Google’s crawl speed, but it will be cool when it is done.

If you want to do this, it’s very easy:

  1. Click “change your signature” at the bottom of the forum home.
  2. Type [url=google.com/search?q=PUT STUFF HERE]PUT STUFF HERE[/url]
  3. Replace “put stuff here” with anything you want!
Written on October 9, 2017

In the categories:

test search

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Hello World!! | Kyleplo

Leave a comment:

&a=blog">test Testing search link | Kyleplo

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.

Today, I put a random link in my siggy. But I’m doing a bit more than some other people. The link will also appear in my other online posts, including on this website (at the bottom of every post). It may take months to start working, due to Google’s crawl speed, but it will be cool when it is done.

If you want to do this, it’s very easy:

  1. Click “change your signature” at the bottom of the forum home.
  2. Type [url=google.com/search?q=PUT STUFF HERE]PUT STUFF HERE[/url]
  3. Replace “put stuff here” with anything you want!
Written on October 9, 2017

In the categories:

test search

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Hello World!! | Kyleplo

Leave a comment:

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:

::-webkit-scrollbar {
  width: 1%;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #ee8800;
}

::-webkit-scrollbar-track-piece:start {
  background: linear-gradient(white, #ee8800);
}

-The first part sets the width to 1% the width of the screen. This makes it change size base on screen size. -The second part makes the corners round and the scrollbar orange. -The third part adds a gradient.

In my opinion, the gradient is the weirdest part. Once you have scrolled down, the scrollbar has an orange gradient leading down to the part you drag.

To learn more about custom scrollbars, see https://css-tricks.com/custom-scrollbars-in-webkit

pointless text to make scrollbar appear

pointless text to make scrollbar appear

pointless text to make scrollbar appear

pointless text to make scrollbar appear

Written on September 29, 2017

In the categories:

css scrollbars

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">css My custom scroll | Kyleplo

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:

::-webkit-scrollbar {
  width: 1%;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #ee8800;
}

::-webkit-scrollbar-track-piece:start {
  background: linear-gradient(white, #ee8800);
}

-The first part sets the width to 1% the width of the screen. This makes it change size base on screen size. -The second part makes the corners round and the scrollbar orange. -The third part adds a gradient.

In my opinion, the gradient is the weirdest part. Once you have scrolled down, the scrollbar has an orange gradient leading down to the part you drag.

To learn more about custom scrollbars, see https://css-tricks.com/custom-scrollbars-in-webkit

pointless text to make scrollbar appear

pointless text to make scrollbar appear

pointless text to make scrollbar appear

pointless text to make scrollbar appear

Written on September 29, 2017

In the categories:

css scrollbars

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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:

::-webkit-scrollbar {
  width: 1%;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #ee8800;
}

::-webkit-scrollbar-track-piece:start {
  background: linear-gradient(white, #ee8800);
}

-The first part sets the width to 1% the width of the screen. This makes it change size base on screen size. -The second part makes the corners round and the scrollbar orange. -The third part adds a gradient.

In my opinion, the gradient is the weirdest part. Once you have scrolled down, the scrollbar has an orange gradient leading down to the part you drag.

To learn more about custom scrollbars, see https://css-tricks.com/custom-scrollbars-in-webkit

pointless text to make scrollbar appear

pointless text to make scrollbar appear

pointless text to make scrollbar appear

pointless text to make scrollbar appear

Written on September 29, 2017

In the categories:

css scrollbars

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">scrollbars My custom scroll | Kyleplo

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:

::-webkit-scrollbar {
  width: 1%;
}

::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #ee8800;
}

::-webkit-scrollbar-track-piece:start {
  background: linear-gradient(white, #ee8800);
}

-The first part sets the width to 1% the width of the screen. This makes it change size base on screen size. -The second part makes the corners round and the scrollbar orange. -The third part adds a gradient.

In my opinion, the gradient is the weirdest part. Once you have scrolled down, the scrollbar has an orange gradient leading down to the part you drag.

To learn more about custom scrollbars, see https://css-tricks.com/custom-scrollbars-in-webkit

pointless text to make scrollbar appear

pointless text to make scrollbar appear

pointless text to make scrollbar appear

pointless text to make scrollbar appear

Written on September 29, 2017

In the categories:

css scrollbars

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

February Stuff

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

Poll Results

100%: most

3 total results

February Poll

What is your favorite domain extension under $20? See this link

Post in the comments below or here

I now have search on my site! Yay!

You can now advertise on my site. See this page

Written on February 6, 2018

In the categories:

poll search

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Testing search link | Kyleplo

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.

Today, I put a random link in my siggy. But I’m doing a bit more than some other people. The link will also appear in my other online posts, including on this website (at the bottom of every post). It may take months to start working, due to Google’s crawl speed, but it will be cool when it is done.

If you want to do this, it’s very easy:

  1. Click “change your signature” at the bottom of the forum home.
  2. Type [url=google.com/search?q=PUT STUFF HERE]PUT STUFF HERE[/url]
  3. Replace “put stuff here” with anything you want!
Written on October 9, 2017

In the categories:

test search

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">search February Stuff | Kyleplo

February Stuff

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

Poll Results

100%: most

3 total results

February Poll

What is your favorite domain extension under $20? See this link

Post in the comments below or here

I now have search on my site! Yay!

You can now advertise on my site. See this page

Written on February 6, 2018

In the categories:

poll search

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Testing search link | Kyleplo

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.

Today, I put a random link in my siggy. But I’m doing a bit more than some other people. The link will also appear in my other online posts, including on this website (at the bottom of every post). It may take months to start working, due to Google’s crawl speed, but it will be cool when it is done.

If you want to do this, it’s very easy:

  1. Click “change your signature” at the bottom of the forum home.
  2. Type [url=google.com/search?q=PUT STUFF HERE]PUT STUFF HERE[/url]
  3. Replace “put stuff here” with anything you want!
Written on October 9, 2017

In the categories:

test search

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Leave a comment:

Kyleplo's Forms | Kyleplo

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!

Written on October 17, 2017

In the categories:

forms pollofthemonth

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">forms Happy Easter! | Kyleplo

Leave a comment:

Kyleplo's Forms | Kyleplo

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!

Written on October 17, 2017

In the categories:

forms pollofthemonth

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Leave a comment:

January Poll | Kyleplo

January Poll

Hello, happy new year!!

As you may have read in a previous post, I now have comments on my site! So for this month’s poll, you can enter your poll response in the comments below. If you don’t have a Github account, you can fill it out here instead, but I may not provide this option in the future…

The question this month is: How many of the things you like are you good at?

Also, if you are December poll results, santa’s adventure won, but only one person voted…

Written on January 1, 2018

In the categories:

poll pollofthemonth

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

December Poll of the Month | Kyleplo

Leave a comment:

November Poll | Kyleplo

Leave a comment:

October Poll of the Month | Kyleplo

Leave a comment:

Kyleplo's Forms | Kyleplo

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!

Written on October 17, 2017

In the categories:

forms pollofthemonth

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">pollofthemonth Happy Easter! | Kyleplo

Leave a comment:

January Poll | Kyleplo

January Poll

Hello, happy new year!!

As you may have read in a previous post, I now have comments on my site! So for this month’s poll, you can enter your poll response in the comments below. If you don’t have a Github account, you can fill it out here instead, but I may not provide this option in the future…

The question this month is: How many of the things you like are you good at?

Also, if you are December poll results, santa’s adventure won, but only one person voted…

Written on January 1, 2018

In the categories:

poll pollofthemonth

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

December Poll of the Month | Kyleplo

Leave a comment:

November Poll | Kyleplo

Leave a comment:

October Poll of the Month | Kyleplo

Leave a comment:

Kyleplo's Forms | Kyleplo

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!

Written on October 17, 2017

In the categories:

forms pollofthemonth

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

February Stuff

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

Poll Results

100%: most

3 total results

February Poll

What is your favorite domain extension under $20? See this link

Post in the comments below or here

I now have search on my site! Yay!

You can now advertise on my site. See this page

Written on February 6, 2018

In the categories:

poll search

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

January Poll | Kyleplo

January Poll

Hello, happy new year!!

As you may have read in a previous post, I now have comments on my site! So for this month’s poll, you can enter your poll response in the comments below. If you don’t have a Github account, you can fill it out here instead, but I may not provide this option in the future…

The question this month is: How many of the things you like are you good at?

Also, if you are December poll results, santa’s adventure won, but only one person voted…

Written on January 1, 2018

In the categories:

poll pollofthemonth

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

November Poll Results | Kyleplo

Leave a comment:

December Poll of the Month | Kyleplo

Leave a comment:

October Poll Results | Kyleplo

Leave a comment:

November Poll | Kyleplo

Leave a comment:

October Poll of the Month | Kyleplo

Leave a comment:

&a=blog">poll February Stuff | Kyleplo

February Stuff

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

Poll Results

100%: most

3 total results

February Poll

What is your favorite domain extension under $20? See this link

Post in the comments below or here

I now have search on my site! Yay!

You can now advertise on my site. See this page

Written on February 6, 2018

In the categories:

poll search

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

January Poll | Kyleplo

January Poll

Hello, happy new year!!

As you may have read in a previous post, I now have comments on my site! So for this month’s poll, you can enter your poll response in the comments below. If you don’t have a Github account, you can fill it out here instead, but I may not provide this option in the future…

The question this month is: How many of the things you like are you good at?

Also, if you are December poll results, santa’s adventure won, but only one person voted…

Written on January 1, 2018

In the categories:

poll pollofthemonth

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

November Poll Results | Kyleplo

Leave a comment:

December Poll of the Month | Kyleplo

Leave a comment:

October Poll Results | Kyleplo

Leave a comment:

November Poll | Kyleplo

Leave a comment:

October Poll of the Month | Kyleplo

Leave a comment:

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");
Written on October 21, 2017

In the categories:

lag console

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">lag Lag out the browser console! | Kyleplo

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");
Written on October 21, 2017

In the categories:

lag console

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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");
Written on October 21, 2017

In the categories:

lag console

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">console Lag out the browser console! | Kyleplo

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");
Written on October 21, 2017

In the categories:

lag console

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Leave a comment:

&a=blog">logo My Logo in Pumpkin! | Kyleplo

Leave a comment:

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!

Written on October 31, 2017

In the categories:

shirt halloween

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

My Logo in Pumpkin! | Kyleplo

Leave a comment:

&a=blog">halloween CSS Code Shirt | Kyleplo

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!

Written on October 31, 2017

In the categories:

shirt halloween

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

My Logo in Pumpkin! | Kyleplo

Leave a comment:

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!

Written on October 31, 2017

In the categories:

shirt halloween

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">shirt CSS Code Shirt | Kyleplo

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!

Written on October 31, 2017

In the categories:

shirt halloween

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Leave a comment:

October Poll Results | Kyleplo

Leave a comment:

&a=blog">results November Poll Results | Kyleplo

Leave a comment:

October Poll Results | Kyleplo

Leave a comment:

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/

Written on November 26, 2017

In the categories:

scratch emojis

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">scratch Scratch Emoji Shortcuts | Kyleplo

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/

Written on November 26, 2017

In the categories:

scratch emojis

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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/

Written on November 26, 2017

In the categories:

scratch emojis

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">emojis Scratch Emoji Shortcuts | Kyleplo

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/

Written on November 26, 2017

In the categories:

scratch emojis

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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:

HTML:

<p>This will print only part of the page.</p>
<p id="print">I will get printed!!</p>

JavaScript:

window.print(document.getElementById("print"),{doubleSided: false, sheets: 1, color: true});
Written on December 14, 2017

In the categories:

api ideas

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Cool API Ideas | Kyleplo

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.

Example:

spellcheck.addWords(["3D","emojis","preload","highscore","spacebar"]);
// Those words are all words Chrome thinks I misspelled
spellcheck.suggest({"space bar":"spacebar"});
// This would let you suggest a correct word for a wrong word
window.addEventListener("misspell",function (e){
   alert("You spelled " + e.word + " wrong!");
   });

2. Screenshot API

You could use this API to take screenshots and screencasts of a webpage. This would work like the camera API.

Example:

navigator.requestScreenShot().then(function (stream){
   document.getElementById("video").src = window.URL.createObjectURL(stream);
   document.getElementById("video").play();
   })

3. Evaluation API

Although we have the eval() function, it is know to be insecure and “eval can be evil”. This new API would let you provide a new context to replace the window context, and could only connect with the host page using window.postMessage().

Example:

var script = new Evaluation();
var cat = "meow";
var context = {dog: "woof"};
script.setContext(context);
script.setCode(function (data){
   dog; // Returns "woof"
   cat; // Returns undefined because it is in wrong context
   data; // Returns "hello world"
   return "Dogs say " + dog;
   });
script.run("hello world");// Returns "Dogs say woof"

That’s all for now. I’ll post more if I have more ideas.

Written on December 9, 2017

In the categories:

api ideas

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">api More Cool API Ideas | Kyleplo

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:

HTML:

<p>This will print only part of the page.</p>
<p id="print">I will get printed!!</p>

JavaScript:

window.print(document.getElementById("print"),{doubleSided: false, sheets: 1, color: true});
Written on December 14, 2017

In the categories:

api ideas

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Cool API Ideas | Kyleplo

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.

Example:

spellcheck.addWords(["3D","emojis","preload","highscore","spacebar"]);
// Those words are all words Chrome thinks I misspelled
spellcheck.suggest({"space bar":"spacebar"});
// This would let you suggest a correct word for a wrong word
window.addEventListener("misspell",function (e){
   alert("You spelled " + e.word + " wrong!");
   });

2. Screenshot API

You could use this API to take screenshots and screencasts of a webpage. This would work like the camera API.

Example:

navigator.requestScreenShot().then(function (stream){
   document.getElementById("video").src = window.URL.createObjectURL(stream);
   document.getElementById("video").play();
   })

3. Evaluation API

Although we have the eval() function, it is know to be insecure and “eval can be evil”. This new API would let you provide a new context to replace the window context, and could only connect with the host page using window.postMessage().

Example:

var script = new Evaluation();
var cat = "meow";
var context = {dog: "woof"};
script.setContext(context);
script.setCode(function (data){
   dog; // Returns "woof"
   cat; // Returns undefined because it is in wrong context
   data; // Returns "hello world"
   return "Dogs say " + dog;
   });
script.run("hello world");// Returns "Dogs say woof"

That’s all for now. I’ll post more if I have more ideas.

Written on December 9, 2017

In the categories:

api ideas

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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:

HTML:

<p>This will print only part of the page.</p>
<p id="print">I will get printed!!</p>

JavaScript:

window.print(document.getElementById("print"),{doubleSided: false, sheets: 1, color: true});
Written on December 14, 2017

In the categories:

api ideas

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Cool API Ideas | Kyleplo

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.

Example:

spellcheck.addWords(["3D","emojis","preload","highscore","spacebar"]);
// Those words are all words Chrome thinks I misspelled
spellcheck.suggest({"space bar":"spacebar"});
// This would let you suggest a correct word for a wrong word
window.addEventListener("misspell",function (e){
   alert("You spelled " + e.word + " wrong!");
   });

2. Screenshot API

You could use this API to take screenshots and screencasts of a webpage. This would work like the camera API.

Example:

navigator.requestScreenShot().then(function (stream){
   document.getElementById("video").src = window.URL.createObjectURL(stream);
   document.getElementById("video").play();
   })

3. Evaluation API

Although we have the eval() function, it is know to be insecure and “eval can be evil”. This new API would let you provide a new context to replace the window context, and could only connect with the host page using window.postMessage().

Example:

var script = new Evaluation();
var cat = "meow";
var context = {dog: "woof"};
script.setContext(context);
script.setCode(function (data){
   dog; // Returns "woof"
   cat; // Returns undefined because it is in wrong context
   data; // Returns "hello world"
   return "Dogs say " + dog;
   });
script.run("hello world");// Returns "Dogs say woof"

That’s all for now. I’ll post more if I have more ideas.

Written on December 9, 2017

In the categories:

api ideas

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">ideas More Cool API Ideas | Kyleplo

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:

HTML:

<p>This will print only part of the page.</p>
<p id="print">I will get printed!!</p>

JavaScript:

window.print(document.getElementById("print"),{doubleSided: false, sheets: 1, color: true});
Written on December 14, 2017

In the categories:

api ideas

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Cool API Ideas | Kyleplo

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.

Example:

spellcheck.addWords(["3D","emojis","preload","highscore","spacebar"]);
// Those words are all words Chrome thinks I misspelled
spellcheck.suggest({"space bar":"spacebar"});
// This would let you suggest a correct word for a wrong word
window.addEventListener("misspell",function (e){
   alert("You spelled " + e.word + " wrong!");
   });

2. Screenshot API

You could use this API to take screenshots and screencasts of a webpage. This would work like the camera API.

Example:

navigator.requestScreenShot().then(function (stream){
   document.getElementById("video").src = window.URL.createObjectURL(stream);
   document.getElementById("video").play();
   })

3. Evaluation API

Although we have the eval() function, it is know to be insecure and “eval can be evil”. This new API would let you provide a new context to replace the window context, and could only connect with the host page using window.postMessage().

Example:

var script = new Evaluation();
var cat = "meow";
var context = {dog: "woof"};
script.setContext(context);
script.setCode(function (data){
   dog; // Returns "woof"
   cat; // Returns undefined because it is in wrong context
   data; // Returns "hello world"
   return "Dogs say " + dog;
   });
script.run("hello world");// Returns "Dogs say woof"

That’s all for now. I’ll post more if I have more ideas.

Written on December 9, 2017

In the categories:

api ideas

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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.

Here are the languages I will compare:

  • PHP
  • Python (no add-ons)
  • Python (Django)
  • Node.js

Here are the things I am looking at:

  • Price
  • Simplicity of returning “Hello world”
  • Simplicity of returning the current minute

Prices

I used the lowest possible price.

- PHP Python Python (Django) Node.js
First Year $11.88 $11.88 $11.88 (Install on python server) $119.88
Other years $95.88 $95.88 $95.88 (Install on python server) $119.88

Best options if you are pricy

PHP or Python. Why not Django? It requires extra installation, at it’s lowest price, requires high price for pre-installation.

Simplicity of returning “Hello world”

|-|PHP|Python|Python (Django)|Node.js| |—|—|—|—|—| |Code|<p>Hello world!</p>|print("Hello world!");|from django.http import HttpResponse [line break] def index(request): [line break] return HttpResponse("Hello world!")|var http = require("http");http.createServer(function(reqst, resp) {resp.writeHead(200, {'Content-Type': 'text/plain'});resp.end('Hello World!')}).listen(3000); |Code Length|19|22|92|160|

Best options for simplicity of text

PHP or Python by far!

Simplicity of returning minute

Note: Django is completly losing, and I have absolutly no django experience, so it will not be included in this step.

- PHP Python Node.js
Code <?php echo date("l");> import datetime [line break] now = datetime.datetime.now() [line break] print now.minute var http = require("http");http.createServer(function(reqst, resp) {resp.writeHead(200, {'Content-Type': 'text/plain'});var date = new date();resp.end(date.getMinutes())}).listen(3000);
Code length 22 62 185

Best option for simplicity of function

PHP wins this time!

Winner!

PHP wins! And I already know how to code some PHP so I won’t have to learn!

Written on December 26, 2017

In the categories:

compare server

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">compare Compare Server Scripting Languages | Kyleplo

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.

Here are the languages I will compare:

  • PHP
  • Python (no add-ons)
  • Python (Django)
  • Node.js

Here are the things I am looking at:

  • Price
  • Simplicity of returning “Hello world”
  • Simplicity of returning the current minute

Prices

I used the lowest possible price.

- PHP Python Python (Django) Node.js
First Year $11.88 $11.88 $11.88 (Install on python server) $119.88
Other years $95.88 $95.88 $95.88 (Install on python server) $119.88

Best options if you are pricy

PHP or Python. Why not Django? It requires extra installation, at it’s lowest price, requires high price for pre-installation.

Simplicity of returning “Hello world”

|-|PHP|Python|Python (Django)|Node.js| |—|—|—|—|—| |Code|<p>Hello world!</p>|print("Hello world!");|from django.http import HttpResponse [line break] def index(request): [line break] return HttpResponse("Hello world!")|var http = require("http");http.createServer(function(reqst, resp) {resp.writeHead(200, {'Content-Type': 'text/plain'});resp.end('Hello World!')}).listen(3000); |Code Length|19|22|92|160|

Best options for simplicity of text

PHP or Python by far!

Simplicity of returning minute

Note: Django is completly losing, and I have absolutly no django experience, so it will not be included in this step.

- PHP Python Node.js
Code <?php echo date("l");> import datetime [line break] now = datetime.datetime.now() [line break] print now.minute var http = require("http");http.createServer(function(reqst, resp) {resp.writeHead(200, {'Content-Type': 'text/plain'});var date = new date();resp.end(date.getMinutes())}).listen(3000);
Code length 22 62 185

Best option for simplicity of function

PHP wins this time!

Winner!

PHP wins! And I already know how to code some PHP so I won’t have to learn!

Written on December 26, 2017

In the categories:

compare server

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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.

Written on March 18, 2018

In the categories:

server document

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Compare Server Scripting Languages | Kyleplo

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.

Here are the languages I will compare:

  • PHP
  • Python (no add-ons)
  • Python (Django)
  • Node.js

Here are the things I am looking at:

  • Price
  • Simplicity of returning “Hello world”
  • Simplicity of returning the current minute

Prices

I used the lowest possible price.

- PHP Python Python (Django) Node.js
First Year $11.88 $11.88 $11.88 (Install on python server) $119.88
Other years $95.88 $95.88 $95.88 (Install on python server) $119.88

Best options if you are pricy

PHP or Python. Why not Django? It requires extra installation, at it’s lowest price, requires high price for pre-installation.

Simplicity of returning “Hello world”

|-|PHP|Python|Python (Django)|Node.js| |—|—|—|—|—| |Code|<p>Hello world!</p>|print("Hello world!");|from django.http import HttpResponse [line break] def index(request): [line break] return HttpResponse("Hello world!")|var http = require("http");http.createServer(function(reqst, resp) {resp.writeHead(200, {'Content-Type': 'text/plain'});resp.end('Hello World!')}).listen(3000); |Code Length|19|22|92|160|

Best options for simplicity of text

PHP or Python by far!

Simplicity of returning minute

Note: Django is completly losing, and I have absolutly no django experience, so it will not be included in this step.

- PHP Python Node.js
Code <?php echo date("l");> import datetime [line break] now = datetime.datetime.now() [line break] print now.minute var http = require("http");http.createServer(function(reqst, resp) {resp.writeHead(200, {'Content-Type': 'text/plain'});var date = new date();resp.end(date.getMinutes())}).listen(3000);
Code length 22 62 185

Best option for simplicity of function

PHP wins this time!

Winner!

PHP wins! And I already know how to code some PHP so I won’t have to learn!

Written on December 26, 2017

In the categories:

compare server

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">server Beware of document.lastModified! | Kyleplo

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.

Written on March 18, 2018

In the categories:

server document

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Compare Server Scripting Languages | Kyleplo

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.

Here are the languages I will compare:

  • PHP
  • Python (no add-ons)
  • Python (Django)
  • Node.js

Here are the things I am looking at:

  • Price
  • Simplicity of returning “Hello world”
  • Simplicity of returning the current minute

Prices

I used the lowest possible price.

- PHP Python Python (Django) Node.js
First Year $11.88 $11.88 $11.88 (Install on python server) $119.88
Other years $95.88 $95.88 $95.88 (Install on python server) $119.88

Best options if you are pricy

PHP or Python. Why not Django? It requires extra installation, at it’s lowest price, requires high price for pre-installation.

Simplicity of returning “Hello world”

|-|PHP|Python|Python (Django)|Node.js| |—|—|—|—|—| |Code|<p>Hello world!</p>|print("Hello world!");|from django.http import HttpResponse [line break] def index(request): [line break] return HttpResponse("Hello world!")|var http = require("http");http.createServer(function(reqst, resp) {resp.writeHead(200, {'Content-Type': 'text/plain'});resp.end('Hello World!')}).listen(3000); |Code Length|19|22|92|160|

Best options for simplicity of text

PHP or Python by far!

Simplicity of returning minute

Note: Django is completly losing, and I have absolutly no django experience, so it will not be included in this step.

- PHP Python Node.js
Code <?php echo date("l");> import datetime [line break] now = datetime.datetime.now() [line break] print now.minute var http = require("http");http.createServer(function(reqst, resp) {resp.writeHead(200, {'Content-Type': 'text/plain'});var date = new date();resp.end(date.getMinutes())}).listen(3000);
Code length 22 62 185

Best option for simplicity of function

PHP wins this time!

Winner!

PHP wins! And I already know how to code some PHP so I won’t have to learn!

Written on December 26, 2017

In the categories:

compare server

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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:

First, create a file at /_includes/comment.html:

<div class="container"><h3>Leave a comment:</h3>
<input type="text" id="comment" oninput="var text= this.value.replace(/  /g,'+');document.getElementById('post').href='https://github.com/yourusername/youruseername.github.io/issues/new?title=Comment+for+' + location.pathname + ': ' + text.slice(0,10) + '&body=' + text;document.getElementById('msg').removeAttribute('hidden');">
<p id="msg" hidden>You will have to confirm the comment with your Github account. I may have to moderate your comment before displaying it on this page. Markdown is not supported.</p>
<a href="https://github.com/yourusername/yourusername.github.io/issues/new" id="post" target="_blank"><button>Post comment</button></a>
  <div id="comments"></div></div>
<script>
fetch("https://api.github.com/repos/yourusername/yourusername.github.io/issues?state=closed").then(function (r){return r.json();}).then(function (j){
console.log("Comments loaded!");
for(var i = 0;i < j.length;i++){
if(j[i].title.startsWith("Comment for " + location.pathname)){
var commentHtml = '<div class="comment">';
commentHtml += '<img width="50" height="50" src="' + j[i].user["avatar_url"] + '">';
commentHtml += '<p><a href="https://github.com/' + j[i].user["login"] + '">@' + j[i].user["login"] + '</a></p>';
commentHtml += '<p>' + j[i].body + '</p>';
if(j[i].comments > 0){commentHtml += '<p><a href="' + j[i]["html_url"] + '">See replies and reply</a></p>';console.log("Replies found.")}else{commentHtml += '<p><a href="' + j[i]["html_url"] + '">Be the first one to reply</a></p>'};
commentHtml += '</div>';
document.getElementById('comments').innerHTML += commentHtml;
console.log("Comment added");
}else{
console.log("Not relevant.");}}});
</script>

Next, replace all instances of yourusername with your Github username.

Moderation

By default, comments must be closed to have them displayed. To disable that, on line 7, change ?state=closed to ?state=all.

Replies

By default, others can reply to others posts. Replies do not use moderation. To disable replying, remove line 16.

To test it try commenting on this page:

Written on December 26, 2017

In the categories:

jekyll comments

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">jekyll Jekyll Comments | Kyleplo

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:

First, create a file at /_includes/comment.html:

<div class="container"><h3>Leave a comment:</h3>
<input type="text" id="comment" oninput="var text= this.value.replace(/  /g,'+');document.getElementById('post').href='https://github.com/yourusername/youruseername.github.io/issues/new?title=Comment+for+' + location.pathname + ': ' + text.slice(0,10) + '&body=' + text;document.getElementById('msg').removeAttribute('hidden');">
<p id="msg" hidden>You will have to confirm the comment with your Github account. I may have to moderate your comment before displaying it on this page. Markdown is not supported.</p>
<a href="https://github.com/yourusername/yourusername.github.io/issues/new" id="post" target="_blank"><button>Post comment</button></a>
  <div id="comments"></div></div>
<script>
fetch("https://api.github.com/repos/yourusername/yourusername.github.io/issues?state=closed").then(function (r){return r.json();}).then(function (j){
console.log("Comments loaded!");
for(var i = 0;i < j.length;i++){
if(j[i].title.startsWith("Comment for " + location.pathname)){
var commentHtml = '<div class="comment">';
commentHtml += '<img width="50" height="50" src="' + j[i].user["avatar_url"] + '">';
commentHtml += '<p><a href="https://github.com/' + j[i].user["login"] + '">@' + j[i].user["login"] + '</a></p>';
commentHtml += '<p>' + j[i].body + '</p>';
if(j[i].comments > 0){commentHtml += '<p><a href="' + j[i]["html_url"] + '">See replies and reply</a></p>';console.log("Replies found.")}else{commentHtml += '<p><a href="' + j[i]["html_url"] + '">Be the first one to reply</a></p>'};
commentHtml += '</div>';
document.getElementById('comments').innerHTML += commentHtml;
console.log("Comment added");
}else{
console.log("Not relevant.");}}});
</script>

Next, replace all instances of yourusername with your Github username.

Moderation

By default, comments must be closed to have them displayed. To disable that, on line 7, change ?state=closed to ?state=all.

Replies

By default, others can reply to others posts. Replies do not use moderation. To disable replying, remove line 16.

To test it try commenting on this page:

Written on December 26, 2017

In the categories:

jekyll comments

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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:

First, create a file at /_includes/comment.html:

<div class="container"><h3>Leave a comment:</h3>
<input type="text" id="comment" oninput="var text= this.value.replace(/  /g,'+');document.getElementById('post').href='https://github.com/yourusername/youruseername.github.io/issues/new?title=Comment+for+' + location.pathname + ': ' + text.slice(0,10) + '&body=' + text;document.getElementById('msg').removeAttribute('hidden');">
<p id="msg" hidden>You will have to confirm the comment with your Github account. I may have to moderate your comment before displaying it on this page. Markdown is not supported.</p>
<a href="https://github.com/yourusername/yourusername.github.io/issues/new" id="post" target="_blank"><button>Post comment</button></a>
  <div id="comments"></div></div>
<script>
fetch("https://api.github.com/repos/yourusername/yourusername.github.io/issues?state=closed").then(function (r){return r.json();}).then(function (j){
console.log("Comments loaded!");
for(var i = 0;i < j.length;i++){
if(j[i].title.startsWith("Comment for " + location.pathname)){
var commentHtml = '<div class="comment">';
commentHtml += '<img width="50" height="50" src="' + j[i].user["avatar_url"] + '">';
commentHtml += '<p><a href="https://github.com/' + j[i].user["login"] + '">@' + j[i].user["login"] + '</a></p>';
commentHtml += '<p>' + j[i].body + '</p>';
if(j[i].comments > 0){commentHtml += '<p><a href="' + j[i]["html_url"] + '">See replies and reply</a></p>';console.log("Replies found.")}else{commentHtml += '<p><a href="' + j[i]["html_url"] + '">Be the first one to reply</a></p>'};
commentHtml += '</div>';
document.getElementById('comments').innerHTML += commentHtml;
console.log("Comment added");
}else{
console.log("Not relevant.");}}});
</script>

Next, replace all instances of yourusername with your Github username.

Moderation

By default, comments must be closed to have them displayed. To disable that, on line 7, change ?state=closed to ?state=all.

Replies

By default, others can reply to others posts. Replies do not use moderation. To disable replying, remove line 16.

To test it try commenting on this page:

Written on December 26, 2017

In the categories:

jekyll comments

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">comments Jekyll Comments | Kyleplo

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:

First, create a file at /_includes/comment.html:

<div class="container"><h3>Leave a comment:</h3>
<input type="text" id="comment" oninput="var text= this.value.replace(/  /g,'+');document.getElementById('post').href='https://github.com/yourusername/youruseername.github.io/issues/new?title=Comment+for+' + location.pathname + ': ' + text.slice(0,10) + '&body=' + text;document.getElementById('msg').removeAttribute('hidden');">
<p id="msg" hidden>You will have to confirm the comment with your Github account. I may have to moderate your comment before displaying it on this page. Markdown is not supported.</p>
<a href="https://github.com/yourusername/yourusername.github.io/issues/new" id="post" target="_blank"><button>Post comment</button></a>
  <div id="comments"></div></div>
<script>
fetch("https://api.github.com/repos/yourusername/yourusername.github.io/issues?state=closed").then(function (r){return r.json();}).then(function (j){
console.log("Comments loaded!");
for(var i = 0;i < j.length;i++){
if(j[i].title.startsWith("Comment for " + location.pathname)){
var commentHtml = '<div class="comment">';
commentHtml += '<img width="50" height="50" src="' + j[i].user["avatar_url"] + '">';
commentHtml += '<p><a href="https://github.com/' + j[i].user["login"] + '">@' + j[i].user["login"] + '</a></p>';
commentHtml += '<p>' + j[i].body + '</p>';
if(j[i].comments > 0){commentHtml += '<p><a href="' + j[i]["html_url"] + '">See replies and reply</a></p>';console.log("Replies found.")}else{commentHtml += '<p><a href="' + j[i]["html_url"] + '">Be the first one to reply</a></p>'};
commentHtml += '</div>';
document.getElementById('comments').innerHTML += commentHtml;
console.log("Comment added");
}else{
console.log("Not relevant.");}}});
</script>

Next, replace all instances of yourusername with your Github username.

Moderation

By default, comments must be closed to have them displayed. To disable that, on line 7, change ?state=closed to ?state=all.

Replies

By default, others can reply to others posts. Replies do not use moderation. To disable replying, remove line 16.

To test it try commenting on this page:

Written on December 26, 2017

In the categories:

jekyll comments

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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 .

By the way, Firebase Dynamic Links look a bit cool if you plan on building a mobile app.

Written on April 12, 2018

In the categories:

url shortener googl

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

5 Cool URL Shorteners | Kyleplo

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:

1. https://is.gd and https://v.gd

These are great partner URL shorteners. They have very short URLs (only 4-5 character domain names), and they enable custom URLs, like https://is.gd/google. They both agree to never use third-party advertisements, and they both have simple APIs that don’t require authentication. The only downside is that with v.gd (but not is.gd), a warning is display before visiting URLs. I also discovered this cool feature today: If you visit https://is.gd/google, you are redirected to https://google.com/#hi. This great for single-page web apps, so you can shorten hash links!

Best option if: You are making a single-page web app or you want good free features

2. https://bit.do

This is a simple URL shortener. It allows custom URLs and has detailed realtime statistics. They promise that links will never expire, and there is code that prevents hard-to-read URLs (Is https://bit.do/0I https://bit.do/Ol or https://bit.do/0I).

Best option if: You want a simple shorter with good features

3. https://tickurl.com/

Although you need an account to use, tickurl.com has lots of free features! You can target your URLs to different locations, password-protect your URLs, and create a custom alias (whatever that is). It has more analytics than most shorteners, including the country the user was in. It is a new shortener, with only 269 URLs shortened (at the time of writing).

Best option if: You need to track location

4. https://goo.by/

This is pretty much an account-less version of tickurl.com. It also has an API. However, the site has ads, unlike tickurl.com, which makes me worry the URLs have ads too…

Best option if: You don’t want and account and you don’t mind ads

5. https://t2m.io/

This is a another simple URL shortener. Although it has paid plans, no account or price is required to shorten URLs. They promise no advertisements. Although it doesn’t have as many free features as is.gd or v.gd, it is helpful if you want a URL shortener that does what URL shorteners are meant too.

Best option if: You want a shortener that does what a URL shortener is meant to do

Comment your favorite below:

Written on December 31, 2017

In the categories:

url shortener

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">url What happened to goo.gl? | Kyleplo

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 .

By the way, Firebase Dynamic Links look a bit cool if you plan on building a mobile app.

Written on April 12, 2018

In the categories:

url shortener googl

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

5 Cool URL Shorteners | Kyleplo

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:

1. https://is.gd and https://v.gd

These are great partner URL shorteners. They have very short URLs (only 4-5 character domain names), and they enable custom URLs, like https://is.gd/google. They both agree to never use third-party advertisements, and they both have simple APIs that don’t require authentication. The only downside is that with v.gd (but not is.gd), a warning is display before visiting URLs. I also discovered this cool feature today: If you visit https://is.gd/google, you are redirected to https://google.com/#hi. This great for single-page web apps, so you can shorten hash links!

Best option if: You are making a single-page web app or you want good free features

2. https://bit.do

This is a simple URL shortener. It allows custom URLs and has detailed realtime statistics. They promise that links will never expire, and there is code that prevents hard-to-read URLs (Is https://bit.do/0I https://bit.do/Ol or https://bit.do/0I).

Best option if: You want a simple shorter with good features

3. https://tickurl.com/

Although you need an account to use, tickurl.com has lots of free features! You can target your URLs to different locations, password-protect your URLs, and create a custom alias (whatever that is). It has more analytics than most shorteners, including the country the user was in. It is a new shortener, with only 269 URLs shortened (at the time of writing).

Best option if: You need to track location

4. https://goo.by/

This is pretty much an account-less version of tickurl.com. It also has an API. However, the site has ads, unlike tickurl.com, which makes me worry the URLs have ads too…

Best option if: You don’t want and account and you don’t mind ads

5. https://t2m.io/

This is a another simple URL shortener. Although it has paid plans, no account or price is required to shorten URLs. They promise no advertisements. Although it doesn’t have as many free features as is.gd or v.gd, it is helpful if you want a URL shortener that does what URL shorteners are meant too.

Best option if: You want a shortener that does what a URL shortener is meant to do

Comment your favorite below:

Written on December 31, 2017

In the categories:

url shortener

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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 .

By the way, Firebase Dynamic Links look a bit cool if you plan on building a mobile app.

Written on April 12, 2018

In the categories:

url shortener googl

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

5 Cool URL Shorteners | Kyleplo

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:

1. https://is.gd and https://v.gd

These are great partner URL shorteners. They have very short URLs (only 4-5 character domain names), and they enable custom URLs, like https://is.gd/google. They both agree to never use third-party advertisements, and they both have simple APIs that don’t require authentication. The only downside is that with v.gd (but not is.gd), a warning is display before visiting URLs. I also discovered this cool feature today: If you visit https://is.gd/google, you are redirected to https://google.com/#hi. This great for single-page web apps, so you can shorten hash links!

Best option if: You are making a single-page web app or you want good free features

2. https://bit.do

This is a simple URL shortener. It allows custom URLs and has detailed realtime statistics. They promise that links will never expire, and there is code that prevents hard-to-read URLs (Is https://bit.do/0I https://bit.do/Ol or https://bit.do/0I).

Best option if: You want a simple shorter with good features

3. https://tickurl.com/

Although you need an account to use, tickurl.com has lots of free features! You can target your URLs to different locations, password-protect your URLs, and create a custom alias (whatever that is). It has more analytics than most shorteners, including the country the user was in. It is a new shortener, with only 269 URLs shortened (at the time of writing).

Best option if: You need to track location

4. https://goo.by/

This is pretty much an account-less version of tickurl.com. It also has an API. However, the site has ads, unlike tickurl.com, which makes me worry the URLs have ads too…

Best option if: You don’t want and account and you don’t mind ads

5. https://t2m.io/

This is a another simple URL shortener. Although it has paid plans, no account or price is required to shorten URLs. They promise no advertisements. Although it doesn’t have as many free features as is.gd or v.gd, it is helpful if you want a URL shortener that does what URL shorteners are meant too.

Best option if: You want a shortener that does what a URL shortener is meant to do

Comment your favorite below:

Written on December 31, 2017

In the categories:

url shortener

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">shortener What happened to goo.gl? | Kyleplo

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 .

By the way, Firebase Dynamic Links look a bit cool if you plan on building a mobile app.

Written on April 12, 2018

In the categories:

url shortener googl

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

5 Cool URL Shorteners | Kyleplo

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:

1. https://is.gd and https://v.gd

These are great partner URL shorteners. They have very short URLs (only 4-5 character domain names), and they enable custom URLs, like https://is.gd/google. They both agree to never use third-party advertisements, and they both have simple APIs that don’t require authentication. The only downside is that with v.gd (but not is.gd), a warning is display before visiting URLs. I also discovered this cool feature today: If you visit https://is.gd/google, you are redirected to https://google.com/#hi. This great for single-page web apps, so you can shorten hash links!

Best option if: You are making a single-page web app or you want good free features

2. https://bit.do

This is a simple URL shortener. It allows custom URLs and has detailed realtime statistics. They promise that links will never expire, and there is code that prevents hard-to-read URLs (Is https://bit.do/0I https://bit.do/Ol or https://bit.do/0I).

Best option if: You want a simple shorter with good features

3. https://tickurl.com/

Although you need an account to use, tickurl.com has lots of free features! You can target your URLs to different locations, password-protect your URLs, and create a custom alias (whatever that is). It has more analytics than most shorteners, including the country the user was in. It is a new shortener, with only 269 URLs shortened (at the time of writing).

Best option if: You need to track location

4. https://goo.by/

This is pretty much an account-less version of tickurl.com. It also has an API. However, the site has ads, unlike tickurl.com, which makes me worry the URLs have ads too…

Best option if: You don’t want and account and you don’t mind ads

5. https://t2m.io/

This is a another simple URL shortener. Although it has paid plans, no account or price is required to shorten URLs. They promise no advertisements. Although it doesn’t have as many free features as is.gd or v.gd, it is helpful if you want a URL shortener that does what URL shorteners are meant too.

Best option if: You want a shortener that does what a URL shortener is meant to do

Comment your favorite below:

Written on December 31, 2017

In the categories:

url shortener

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Uncamelcasify!

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

function unCamelCasify(text){return text.replace(/[A-Z]/g,function (x){return " " + x.toLowerCase()})}

Example:

unCamelCasify("MrBlueHasABlueHouseAndABlueCar");
// Returns " mr blue has a blue house and a blue car"

Created for this issue

Written on January 5, 2018

In the categories:

camel case

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">camel Uncamelcasify! | Kyleplo

Uncamelcasify!

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

function unCamelCasify(text){return text.replace(/[A-Z]/g,function (x){return " " + x.toLowerCase()})}

Example:

unCamelCasify("MrBlueHasABlueHouseAndABlueCar");
// Returns " mr blue has a blue house and a blue car"

Created for this issue

Written on January 5, 2018

In the categories:

camel case

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

Uncamelcasify!

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

function unCamelCasify(text){return text.replace(/[A-Z]/g,function (x){return " " + x.toLowerCase()})}

Example:

unCamelCasify("MrBlueHasABlueHouseAndABlueCar");
// Returns " mr blue has a blue house and a blue car"

Created for this issue

Written on January 5, 2018

In the categories:

camel case

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">case Uncamelcasify! | Kyleplo

Uncamelcasify!

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

function unCamelCasify(text){return text.replace(/[A-Z]/g,function (x){return " " + x.toLowerCase()})}

Example:

unCamelCasify("MrBlueHasABlueHouseAndABlueCar");
// Returns " mr blue has a blue house and a blue car"

Created for this issue

Written on January 5, 2018

In the categories:

camel case

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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.

Written on January 18, 2018

In the categories:

updates website

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">updates Updates and Closures | Kyleplo

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.

Written on January 18, 2018

In the categories:

updates website

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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.

Written on January 18, 2018

In the categories:

updates website

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">website Updates and Closures | Kyleplo

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.

Written on January 18, 2018

In the categories:

updates website

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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?

Here is what I think it is: A live photo is sort of like a GIF. When you take a live photo, it keeps taking pictures for a second or two. These are then combined to make a GIF. You can choose the best frame, layer all frames on top of each other, or choose to animate it. There are two ways to animate it:

Loop

live loop

With this option, the frames are displayed in order and then they jump back to the start.

Bounce

live bounce

With this option, the frames are displayed in order and then they display in reverse.

Written on January 20, 2018

In the categories:

ios photos

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">ios Live Photos? | Kyleplo

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?

Here is what I think it is: A live photo is sort of like a GIF. When you take a live photo, it keeps taking pictures for a second or two. These are then combined to make a GIF. You can choose the best frame, layer all frames on top of each other, or choose to animate it. There are two ways to animate it:

Loop

live loop

With this option, the frames are displayed in order and then they jump back to the start.

Bounce

live bounce

With this option, the frames are displayed in order and then they display in reverse.

Written on January 20, 2018

In the categories:

ios photos

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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?

Here is what I think it is: A live photo is sort of like a GIF. When you take a live photo, it keeps taking pictures for a second or two. These are then combined to make a GIF. You can choose the best frame, layer all frames on top of each other, or choose to animate it. There are two ways to animate it:

Loop

live loop

With this option, the frames are displayed in order and then they jump back to the start.

Bounce

live bounce

With this option, the frames are displayed in order and then they display in reverse.

Written on January 20, 2018

In the categories:

ios photos

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">photos Live Photos? | Kyleplo

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?

Here is what I think it is: A live photo is sort of like a GIF. When you take a live photo, it keeps taking pictures for a second or two. These are then combined to make a GIF. You can choose the best frame, layer all frames on top of each other, or choose to animate it. There are two ways to animate it:

Loop

live loop

With this option, the frames are displayed in order and then they jump back to the start.

Bounce

live bounce

With this option, the frames are displayed in order and then they display in reverse.

Written on January 20, 2018

In the categories:

ios photos

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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!

Scratch 3.0

One of the main ones is Scratch 3.0, on Github as llk/scratch-gui. I’ve use Scratch for almost three years, and I’m really excited about a new version. I’ve mostly just written issues and commented on other people’s issues. It’s been great. Recently, I finally figured out what a pull request is. So now, I have opened several pull requests and one got merged! Now I’ve really contributed!

UltraLang

After working on Scratch 3.0, I realized that I wanted a developing community on the issues. So I asked @amazingmech2418 about making something in this really long comment thread. We agreed on making a programming language/JS library called UltraLang. It has now grown to 4 collaborators and is really fun. Feel free to open an issue on UltraLang/UltraLang or UltraLang/UltraLangScript.

Written on February 24, 2018

In the categories:

collab ultralang scratch3

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">collab Collaborating on an Open Source Project | Kyleplo

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!

Scratch 3.0

One of the main ones is Scratch 3.0, on Github as llk/scratch-gui. I’ve use Scratch for almost three years, and I’m really excited about a new version. I’ve mostly just written issues and commented on other people’s issues. It’s been great. Recently, I finally figured out what a pull request is. So now, I have opened several pull requests and one got merged! Now I’ve really contributed!

UltraLang

After working on Scratch 3.0, I realized that I wanted a developing community on the issues. So I asked @amazingmech2418 about making something in this really long comment thread. We agreed on making a programming language/JS library called UltraLang. It has now grown to 4 collaborators and is really fun. Feel free to open an issue on UltraLang/UltraLang or UltraLang/UltraLangScript.

Written on February 24, 2018

In the categories:

collab ultralang scratch3

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

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!

Scratch 3.0

One of the main ones is Scratch 3.0, on Github as llk/scratch-gui. I’ve use Scratch for almost three years, and I’m really excited about a new version. I’ve mostly just written issues and commented on other people’s issues. It’s been great. Recently, I finally figured out what a pull request is. So now, I have opened several pull requests and one got merged! Now I’ve really contributed!

UltraLang

After working on Scratch 3.0, I realized that I wanted a developing community on the issues. So I asked @amazingmech2418 about making something in this really long comment thread. We agreed on making a programming language/JS library called UltraLang. It has now grown to 4 collaborators and is really fun. Feel free to open an issue on UltraLang/UltraLang or UltraLang/UltraLangScript.

Written on February 24, 2018

In the categories:

collab ultralang scratch3

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment:

&a=blog">ultralang Collaborating on an Open Source Project | Kyleplo

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!

Scratch 3.0

One of the main ones is Scratch 3.0, on Github as llk/scratch-gui. I’ve use Scratch for almost three years, and I’m really excited about a new version. I’ve mostly just written issues and commented on other people’s issues. It’s been great. Recently, I finally figured out what a pull request is. So now, I have opened several pull requests and one got merged! Now I’ve really contributed!

UltraLang

After working on Scratch 3.0, I realized that I wanted a developing community on the issues. So I asked @amazingmech2418 about making something in this really long comment thread. We agreed on making a programming language/JS library called UltraLang. It has now grown to 4 collaborators and is really fun. Feel free to open an issue on UltraLang/UltraLang or UltraLang/UltraLangScript.

Written on February 24, 2018

In the categories:

collab ultralang scratch3

View all my posts: somerandomcharactersthatwillgetpickedupbysearchengines

Leave a comment: