Prototyping New Responsive Mobile for UNIX.COM - Phase II


 
Thread Tools Search this Thread
The Lounge What is on Your Mind? Prototyping New Responsive Mobile for UNIX.COM - Phase II
# 8  
Old 11-05-2017
Mobile Prototype Forum Status Icons

Also, just started replacing the "forum status icons"... simply using the site ux logo in a 16px round css markup to give this effect:

Image
# 9  
Old 11-05-2017
Mobile Prototype - Who is Online Refresh Symbol

Here is the manual refresh symbol on the who is online page. That page is also set to auto refresh every 60 seconds when viewing on mobile:

Image
# 10  
Old 11-05-2017
Mobile Prototype Man Page Nav Bottom Page Menu

Here is an example of a symbol I am using on the bottom of the various man pages (currently in blue) which will bring out another sidebar menu:

Image

The prototype side bar menu for all man pages:

Image
# 11  
Old 11-05-2017
Prototype Mobile Who Is Online and Profile with User Avatar

Here is the Prototype Mobile Who Is Online and Profile Page with User Avatar (took me quite some time to figure this out!)... but it is basically done!

Image

Image
# 12  
Old 11-05-2017
Responsible Mobile Prototype Poll Results

Here is the Mobile Prototype for Poll Results. It's not perfect yet, but it's much better....

Image

Image
# 13  
Old 11-06-2017
Mobile Prototypes Send PM and Emails

Mobile Prototypes for Send PM and Emails


Image

Image

Image

Image
# 14  
Old 11-06-2017
Lightbulb Status Update Mobile Prototype

Here is a status update:

Basically, I'm pretty happy with the basics of the mobile site prototype.

Next I plan to:

(1) Create some better "forum search forum code" using some similar kind of Javascript with CSS sidebar. Do the same for the "man page search code".

(2) Clean up and update some editor and other supporting pages which I have not checked completely yet (format, increase font input sizes, etc).

(3) Consider adding Javascript "swipe gesture code" so when looking at one thread, can swipe to the right or left across the mobile screen and go to the next or previous thread.

That's about it for now..... the mobile prototype seems to be coming along nicely and I feel some remorse I did not do this a few years ago (my bad); but back then I did not have a 34" gaming monitor and so coding is much more fun and easier on this monster 34" monitor compared to doing it all (as I did for many years) on 13" notebook (MacBook Air) screens.

In fact, I cannot emphasis enough how much my coding and software development has improved once I got this big gaming monitor to work on and stopped trying to code on a tiny laptop screen. Should have purchased years ago.

OBTW, I write code on this monitor:

ASUS ROG Swift Curved PG348Q Gaming Monitor - 34" 21:9 Ultra-wide QHD (3440x1440), overclockable 100Hz , G-SYNC™

Highly Recommended
Login or Register to Ask a Question

Previous Thread | Next Thread

8 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?

New UNIX.COM Mobile Site Icons

Having given up for the time being with a very difficult game engine project to virtualizing cyberspace, am working on the forums again. Just updated a few icons on the mobile site. Explanations in the picture captions: https://www.unix.com/members/1-albums214-picture855.jpeg ... (1 Reply)
Discussion started by: Neo
1 Replies

4. What is on Your Mind?

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... (4 Replies)
Discussion started by: Neo
4 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. Shell Programming and Scripting

Sending message to a mobile number through UNIX

Is it possible to add Pager Notification to mailx command?? Or by any other mean. just want to specify that by Pager i mean a message to the mobile number. Suppose i have following condition If ];then send a message to 9999999999 else no message to be sent fi Is it possible? I... (5 Replies)
Discussion started by: Sharma331
5 Replies

8. 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