[Help Thread] Tutorial on how to create an algorithm site

patricKING

Regular
Joined
Apr 12, 2021
Messages
62
Location
Sweden
I have been cubing for a little while, and I thought it would be fun to create an algorithm site. How do I do?
Here are some examples that I think look great:

algdb.net
The speedsolving wiki database

I think that these are very cool, and I want to create my own. How do I create my own website for cubing algs?
 
Last edited:
You'll have to program it. You'll definitely need front-end HTML/CSS/JS for starters. Back-end probably isn't necessary, but if you want server-side stuff like users or a voting system then you'll need to write back-end code.
 
Last edited by a moderator:
There is also speedcubedb which is super cool.

i didn't know they updated the site. it looks nice

I think it is built on SQL and css, and ofcourse lot of frontend stuff that I do not know of, as I am not an expert in web development.

1621881526687.png

css framework seems to be bootstrap
 
Last edited by a moderator:
If it's just a list of algs then a spreadsheet suffices.
Something interactive like speedcubedb requires a web server and some kind of database backend.
 
Google Sites is your best friend if you aren't experienced with web development, just take some pictures of your algorithms, (export from alg.cubing.net is what I'd do), leave a link to the interactive page (like I said, alg.cubing.net would do), and repeat with your algorithms.
 
Google Sites is your best friend if you aren't experienced with web development, just take some pictures of your algorithms, (export from alg.cubing.net is what I'd do), leave a link to the interactive page (like I said, alg.cubing.net would do), and repeat with your algorithms.
I know how to use cube.rider.biz/visualcube.php and it's really powerful. But I don't know about web development, but I'll use Google Sites. I think it'll do.

There is also speedcubedb which is super cool.
Yes, I gazed at it and it is amazing! Thank you for sharing it!
 
So hey guys, I started on making a google site, and I need a nice cubing logo and (maybe) a banner. Is there someone who likes to do these kind of things for fun? I can share the unpublished site so that you have access and can edit. I hope you guys want to help.

For more info:
Recently I have been trying to do better in F2L, and I have come up with a new idea. I got some inspiration from when I learned BLD.
I used Speffs cubing notation: bit.ly/SpeffzNotation.

So every case has a name of this format: "X-YY" where X is a number and Y is a letter.
Number, or X

Let's take the number first. In my model the number one stands for the pair in the front right, no matter how the cube is turned.
Here is an idea of what it might look like (And just so you know, blue is Front and red is Right):
NumberNormalAfter y2 rotation
1 - Front right
1621601378571.png
1621601107320.png
2 - Front left
1621601424719.png
1621601437726.png
3 - Back left
1621601466893.png
1621601488975.png
4 - Back right
1621601514783.png
1621601643549.png

If you would have another colour, for example, red as Front and green as Right, the table would look like this (red is Front and green is Right):
NumberNormalAfter y2 rotation
1 - FR
1621601883346.png
1621602128576.png
2 - FL
1621602168223.png
1621602185751.png
3 - BL
1621602206928.png
1621602218910.png
4 - BR
1621602234636.png
1621602259465.png

You can remember it as the FR pair is number 1, and then it goes clockwise as seen from above.
In other words, the number tells you the orientation to hold your cube on. If it's 1, the pair is in the FR slot, and so on.

first letter, or Y (1)

The first letter stands for the edge. But first, look at the F and B colours. The edge has a sticker that corresponds to one of those colours. That sticker is called the heavy sticker, or the correct sticker. If you look at Speffz notation, you can see that each sticker has a number. Notice that it is each sticker and not each edge. This is important as it is two different cases if the edge is flipped.
To see which edge position you have, look at where the correct sticker is positioned. Then insert that letter into your equation.

second letter, or Y (2)

The second letter stands for where the corner is positioned. The correct or heavy corner piece is the bottom colour. For most people, it will be white.

The total possible cases will be 16 edge stickers in the top two layers, and 24 possible corner stickers in the whole cube, and that makes 384 cases, which is less than ZBLL. I will try and add examples during the weekend, and please tell me if you like this idea.

The website I will do will have all these cases.
 
So hey guys, I started on making a google site, and I need a nice cubing logo and (maybe) a banner. Is there someone who likes to do these kind of things for fun? I can share the unpublished site so that you have access and can edit. I hope you guys want to help.
I make graphics in my free time, so I guess I can be a last resort if there's nobody else that would like to offer help. An example of my work is:
Screenshot 2021-05-21 at 11.14.35 AM.jpg

this banner I made for my Geometry Dash channel.
 
Oh! That's amazing! Can you make a banner and a logo for me? Those logos are really good! I think that you can make something that I will like. My name is going to be (I deleted it since it was so bad – All right, speedcubism). If you get a better idea, please don't hesitate to say it! I will take every name into consideration.

If you are going to do a logo & banner, please do something that is not so ... over-cool, if you know what I mean. Not something really crazy, or epic. That style that you had on those two works of yours is perfect.
 
Oh! That's amazing! Can you make a banner and a logo for me? Those logos are really good! I think that you can make something that I will like. My name is going to be (I deleted it since it was so bad – All right, speedcubism). If you get a better idea, please don't hesitate to say it! I will take every name into consideration.

If you are going to do a logo & banner, please do something that is not so ... over-cool, if you know what I mean. Not something really crazy, or epic. That style that you had on those two works of yours is perfect.
Could I have some more information other than the name? I like to put some form of picture in my designs, so could you give two options that would suffice?

Also, could you tell me what color you want the majority of the design to be?

I simply want to make sure that my designs are tailored to what you would want.
 
Back
Top