The Scratch Browser

Wetbikeboy2500

Scratch Browser is a project of mine that aims to reinvent the experience of exploring Scratch.

Website is currently down and may never be up again

Update:
7/24/18
Took awhile but an update is here.
-Updated UI to look more uniform
-Comments have been updated on projects
-Added lazyloading for images
-Added in preloading for projects tiles and comments
-Added in Scratch user pages
-Updated the search bar to work better in the side and top
-Updated viewer.js which works with the dynamic viewing of projects and Scratch accounts
-Updated the Sulfurous player(Probably be doing this a lot)
-Updates and fixes with back-end, UI, and JavaScript

Future plans:
-pages for users
-viewer for Scratch forums(WIP)
-special extension that is going to be nice(Trust me) Sadly, I can't due this due to security risks.
-more focus on finding new projects for you to play

If you have any suggestion, I would love to hear them. If there are any issues, I will try and fix them as fast as possible.

Last edited by Wetbikeboy2500 (April 3, 2019 21:26:17)

blueparrot18

Cool. 1000000000000000000000000000000000000000/10

JGames101-Tutorials

This is awesome! Thanks for including my extension

JGames101

Also: You forgot to change the about for my extension

JGames101

Also, I have been looking at your site, and I recommend adding this CSS:

#navbar {
    box-shadow:0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
}
.project {
    box-shadow:0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
    background-color:#fafafa;
    border-radius:8px;
    border: 0px;
}
img {
    border-radius:8px;
}
body > div > div > div > div > div > div > a > img {
    border-radius:18px;
}

Wetbikeboy2500

JGames101 wrote:
Also: You forgot to change the about for my extension

… I failed there.

JGames101 wrote:

Also, I have been looking at your site, and I recommend adding this CSS:

#navbar {
    box-shadow:0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
}
.project {
    box-shadow:0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
    background-color:#fafafa;
    border-radius:8px;
    border: 0px;
}
img {
    border-radius:8px;
}
body > div > div > div > div > div > div > a > img {
    border-radius:18px;
}

Good call. It wasn't looking quite right before and I wasn't sure how to approach it but it now looks much better. Thanks.

TheUltimatum

Will this be more supportive of outdated mobile browsers? Like the browser used by the nintendo 3ds?

Wetbikeboy2500

TheUltimatum wrote:
Will this be more supportive of outdated mobile browsers? Like the browser used by the nintendo 3ds?

That is one of the goals of Scratch Browser to work on all types of devices.

-Vuton-

Nice, but would you still be allowed to have the extensions page? (Because, you know, that sort of thing is banned.)

Wetbikeboy2500

-Vuton- wrote:
Nice, but would you still be allowed to have the extensions page? (Because, you know, that sort of thing is banned.)

I am not advertising on the Scratch site. That is how I see it right now.

infinitytec

Cool!

TheUltimatum

OK, so I'm wondering if it would be possible to have a “lite” mode? Sort of how gmail does?

Last edited by TheUltimatum (Dec. 20, 2017 18:34:47)

Wetbikeboy2500

TheUltimatum wrote:
OK, so I'm wondering if it would be possible to have a “lite” mode? Sort of how gmail does?

That would be nice but what would be and wouldn't be in the lite mode?

Sheep_maker

Wetbikeboy2500 wrote:
TheUltimatum wrote:
OK, so I'm wondering if it would be possible to have a “lite” mode? Sort of how gmail does?
That would be nice but what would be and wouldn't be in the lite mode?

There wouldn't be images

Wetbikeboy2500

Just added lite mode in. If your browser takes over a second to load a page a prompt will pop up after 1 second asking if you want to switch to lite mode. There is also a button on the top right of the navbar.

Last edited by Wetbikeboy2500 (Dec. 21, 2017 00:48:18)

Wetbikeboy2500

I just updated the site. The search bar now will search the Scratch site and allows you to play projects on the page. The themes for the home and extensions page has been updated. I also added a way to submit yours or others extensions. The player for the projects has been changed to look nicer and be more cross-platform.

I just spent 6 hours doing this.

infinitytec

It needs better mobile support.

(Sorry for the big image)
My browser / operating system: Android Linux 7.0, Chrome 56.0.2924.87, No Flash version detected
(Samsung Internet)

Last edited by infinitytec (Jan. 5, 2018 15:57:22)

Wetbikeboy2500

infinitytec wrote:
It needs better mobile support.

(Sorry for the big image)
My browser / operating system: Android Linux 7.0, Chrome 56.0.2924.87, No Flash version detected
(Samsung Internet)

It should look better now, but I am definitely am going to work on mobile support now.

JGames101-Tutorials

Wetbikeboy2500 wrote:
infinitytec wrote:
It needs better mobile support.
Image
(Sorry for the big image)
My browser / operating system: Android Linux 7.0, Chrome 56.0.2924.87, No Flash version detected
(Samsung Internet)
It should look better now, but I am definitely am going to work on mobile support now.

Taken on Firefox with the mobile simulator

\

I don't know about the text at the top, but try making the container for the projects CSS Grid like this: (Example with the trending part)

#trending {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
}
.project {
  width:100%;
}

Which will produce…
On my laptop (Firefox 57)

Simulated Galaxy S8 (Firefox 57)

It doesn't fix the text overflow but it does make the grid of projects adapt to the screen much better.

I like the project player on mobile, it looks great

Last edited by JGames101-Tutorials (Jan. 7, 2018 22:16:17)

Wetbikeboy2500

I finally got to a point where stuff is working and looks nice so I updated the site.

Last edited by Wetbikeboy2500 (March 11, 2018 23:12:11)

Discuss Scratch