Prototyping New Responsive Mobile for UNIX.COM - Phase III


 
Thread Tools Search this Thread
The Lounge What is on Your Mind? Prototyping New Responsive Mobile for UNIX.COM - Phase III
# 1  
Old 11-30-2017
Prototyping New Responsive Mobile for UNIX.COM - Phase III

From Prototyping New Responsive Mobile for UNIX.COM - Phase II, we move to Phase III.

Basically, the core prototype for every day browsing the forums, replying, posting and editing on mobile is nearly finished with the exception of a few formatting issues with regard to rare system messages or less obvious pages which need a bit of formatting to match the new style. I have done all my personal testing on the iPhone 6s and iPhone6+.

In phase three, I plan to work on Javascript sliders for page navigation so we can slide back and forth with gestures on mobile versus clicking to advance to the next page in long threads with many posts or forum views of many pages of discussion threads. Also, in Phase III I plan to fix bugs and correct formatting errors and add any pages (port to mobile) that members really want. Considering most all users prefer desktop because it's easier to prototype code on the desktop (by far), mobile is mostly for reading and catching up on the go or making a quick reply which does not require coding.

Status: Mobile usage is slowing increasing, day-by-day, week-by-week, since the new mobile prototype changes. Google shows nearly 100% "mobile friendly" for all indexed pages, currently over 1,000,000. However, I have "forced" this in some cases and there is a bit more work to be done in the long term (99% of mobile users will not notice this).

At this point in the prototype development, I would like to encourage all users who have mobile phones to visit the forums on mobile from time to time, try out all the new icons and buttons, read (and reply) and comment in this thread.

All comments, even negative or harsh are OK. Praise is also appreciated as it was a lot of work to get this code to this stage.

Please keep in mind that the mobile version is not meant to have the richness of the desktop version. The mobile version does not have editor buttons for code tags (yet) and other nice to have editor or moderating features. Code tags need to be written by hand "[code]" and "[/code] for example . For me, this is no problem at all, but for people who are new members and not familiar with how to write out these tags (often quicker than using prefab buttons), it's not perfect yet. I will this fix in the future as usage goes up.

So, please visit with mobile from time to time, when you are on the go, or relaxing away from your desktop or notebook, and if you see any bugs, formatting issues, or would just like to suggest some features, please do so now before I enter into development Phase III of this "mobile prototype" project.

Thank you.

PS: All Tapatalk support has been disabled and delated, permanently.
# 2  
Old 12-04-2017
Hammer & Screwdriver New Forum Page Navigation for Mobile

The first prototype of the new mobile page navigation is done:


Image


Basically, it uses Swiper.js so mobile users can swipe (obviously from the name), LOL


Image


In a nutshell, you can swipe on mobile to select the page you want and then click to go there.
# 3  
Old 12-08-2017
Google Mobile Usability Stats

After all the hard work,

Nearly 1,100,100 pages indexed on Google with ZERO errors for mobile.

Image


This is really impressive mobile friendly web work Smilie


Image
# 4  
Old 12-13-2017
Wrench Mobile Prototype - Swiper Post Attachments

OK... the first Mobile Prototype of Swiper Post Attachments are done and working... all attachments on mobile appears in a Swiper.js container and can be swiped back and forth, and of course if you click on it the attachment opens on mobile:

Image

Swipe ....

Image

Swipe again ....

Image

I may consider just having the attachments display full size when swiping versus the "swipe thumbnail and click for full size" after testing.

This is just the first prototype.

I think I will do the albums in a similar way on mobile as well.
# 5  
Old 12-13-2017
Mobile Prototype - Pagination (Fractional)

Changed the mobile swiper pagination for post attachments to "fractional" ...

Image

There is some small buy with the bullets... so switched to the fractional style.. works better without bugs.
Login or Register to Ask a Question

Previous Thread | Next Thread

7 More Discussions You Might Find Interesting

1. What is on Your Mind?

New Responsive 404 Page for UNIX.com

Just created (actually, only modified... it was created by ShoutOut) a new responsive 404 "not found" page with the help of ShoutOut free templates. https://www.unix.com/status/404.html Same for 401 and 403 errors. Picture sans animation: ... (2 Replies)
Discussion started by: Neo
2 Replies

2. What is on Your Mind?

Check Out UNIX.COM on Mobile - It's Looking Good

If you have not visited the site on mobile lately, you are missing out on a great looking mobile web site. If you don't have a mobile, you can always navigate to the sliding member panel and click on "Mobile View".... It's really looking killer'...... I'm starting to think that soon the... (6 Replies)
Discussion started by: Neo
6 Replies

3. What is on Your Mind?

Phase III: CSS Flexbox Upgrades

On my never ending quest to get rid of table tags and make the site responsive for all device sizes, I plan to use CSS Flexbox with jQuery. I tried using Bootstrap Flex and CSS Grids, but none of these worked as easy and clean as CSS Flexbox. For example, today I changed the top header area... (0 Replies)
Discussion started by: Neo
0 Replies

4. What is on Your Mind?

Prototyping New Responsive Mobile for UNIX.COM - Phase II

Have completed "Phase I" of our project "Prototyping New Responsive Mobile UNIX.COM", I am now moving to "Phase II" which will be changing many of the menus and buttons to use Javascript and CSS for the mobile site menus. For example, here is the new "main side menu" for the mobile site (below).... (63 Replies)
Discussion started by: Neo
63 Replies

5. What is on Your Mind?

Prototyping New Responsive Mobile UNIX.COM

I'm working on updates to the mobile phone view, and it's going to look much better I think. Here are some current prototypes: Prototype Mobile Home Page: https://www.unix.com/members/1-albums214-picture690.jpg Prototype Mobile Search Page: ... (43 Replies)
Discussion started by: Neo
43 Replies

6. What is on Your Mind?

Mobile Friendly Version of UNIX.COM

Hello, I have noticed some problems with Google complaining our site is not "https://search.google.com/www.usearch-console/mobile-friendly" using only Tapatalk. So, after a lot of work, I have re-enabled our legacy mobile style and make some improvements and Google has declared us "mobile... (2 Replies)
Discussion started by: Neo
2 Replies

7. What is on Your Mind?

Mobile App for UNIX.com?

Do we have a mobile app for unix.com? (1 Reply)
Discussion started by: ahamed101
1 Replies
Login or Register to Ask a Question