Mobile optimized Apps and Sites

@Cgray I’m on iOS. Can help with test and feedback. Let me know.

5 Likes

Works amazing.

8 Likes

And being a React Static site, it loads instantly! :smile:

5 Likes

It’s so fast, quite amazed me. Because: it still needs to be pulled from some Vaults and get decrypted etc.

4 Likes

React static is designed to prefetch things that you might click on, so if you scroll a link into view it will automatically fetch the page (and any graphics) in case you click the link.

Sveltejs is pretty fast too, but works differently. It is fast by compiling the website into small files, but probably not as far as RS.

2 Likes

Is porting from react to react static pretty straight forward @happybeing?

Not much point in optimising this one as it’s out of date. Safenetprimer2 is the latest version.

1 Like

I don’t know. I think for basic stuff probably, but with limitations - I just don’t know what they might be. I think you can use the same components, but maybe have too generate the site structure from scratch.

2 Likes

Hey @JPL I had added that. This is thread should be a public wiki now if you want to change anything.

1 Like

Ah OK - I’ll change it now.
EDIT: You have already. Thanks @nigel

1 Like

After a few minutes of using it, have to changed my comment to nice to WOW. Great Job. :+1:

3 Likes

Beautiful sites.

And the browser is beautiful and very stable as well. I love the little animation where the green “safe://” fades away when you type, then reappears when you navigate. Amazing. Feels very powerful and futuristic.

The mobile web on SAFE is truly the most amazing breakthrough I’ve seen in years and I can’t say enough times that I LOVE IT :heart_eyes: :heart_eyes:

So important for SAFE’s domination.

I wanted to attach these screenshots of the websites above in case anyone didn’t set everything up on their phones but still wanted to see what mobile websites are on Alpha 2 so far:

This one is very cool and beautiful and shows some canvas animation possibilities on SAFE :+1:

@jpl i could only get the first second of these audio files to load on mobile, then they stop. Has anyone else had that issue?

Love this one, it’s a staple now. Have been seeing it since the Testnets before Alpha 1 :joy:

This Primer one still needs a tiny fix, it has extra, empty scroll space to the right side that needs to be removed.

and @polpolrene already put the screenshot of the dWeb blog above so I didn’t need to.

SAFE-FS mobile site being added to these soon!!

10 Likes

It’s ready!

Here’s some mobile screenshots:

And full website preview (although it’s actually the desktop version, in the video):

11 Likes

Looks great Will, great to have you back in action. :+1:

8 Likes

Thanks! Never left. Just dealing with life here and there

5 Likes

It’s a shame that with MaidSafe’s awesome new mobile browser, there’s only about 7 websites on Alpha 2 that are designed for mobile.

If anyone wants help for making responsive sites there’s tutorials like these:

Or templates if you look online.

Does anyone think that adding a simple mobile template option on the web_hosting_manager blogmaker would be a good idea, or easy enough to implement?

1 Like

I’m assuming there must be some good frameworks out there to let people throw up mobile first sites easily.

I saw that safe:://bart.website looks good on mobile and uses https://gohugo.io/ afaik.

1 Like

I think all the modern frameworks are responsive by default, so no extra work. That’s certainly the case with my dWeb Blog which used React-static.

I’ve listed some static frameworks here so it would be good if people try them out in mobile and feedback:

3 Likes

invasion1.savages

Source

9 Likes

Wow thats awesome, what a great use of what’s available. Keep it up!

4 Likes