MikeMirzayanov's blog

Codeforces: mobile view
By MikeMirzayanov, history, 9 years ago, translation, In English

Hello.

Now Codeforces will be more convenient to browse from mobile platforms. For the majority of them mobile view is available now. The menu goes to the left panel and sidebar — to the right. Both panels are available either on special icon at the top of the page, or by swipe left/right. You can hide them by touch in the main area of ​​the page, or by reverse swipe. In the mobile view fonts are enlarged, so on most screens it is possible to read the website without zoom.

So, for example, how the sidebar appears on my phone:

example

You can switch off mobile view (or to switch off) by clicking the special link in the bottom of any page.

P.S. In old browsers, and generally on a non-webkit it may work incorrectly. Not sure it is easy to fix :-(

  • Vote: I like it
  • +614
  • Vote: I do not like it

Comments Comments (22)
| Write comment?
»
9 years ago, # |
  Vote: I like it +21 Vote: I do not like it

Bless, now potty time can be CS time as well

→ Reply
»
9 years ago, # |
← Rev. 2   Vote: I like it +29 Vote: I do not like it

Nice :-)
Just two things,
First, It seems like it's not possible to use mobile version from devices with big screen (Like Laptop or tablet). It doesn't show the icons on top. (We can still swipe using tablet, but not in laptops)

Second, Now that website is mobile-compatible, Add an option so we can see submission details on standings using mobile (Like we do by double-clicking on problem score using pc)

Thanks again :)

→ Reply
»
9 years ago, # |
  Vote: I like it +1 Vote: I do not like it

I think, that in future we'll be able just to code and write contests on our mobile phones and tablets as well:)

→ Reply
  • »
    »
    9 years ago, # ^ |
      Vote: I like it +9 Vote: I do not like it

    If you have a 12-inch tablet with external keyboard and capable of running, for example, a C++ compiler, you can write code on it right now.

    I'd also mention that although lots of input methods suitable for mobile devices were invented during the last two decades, this keyboard is produced since 1988 and still none of mobile input methods can compete with it in terms of convenience.

    → Reply
    • »
      »
      »
      9 years ago, # ^ |
        Vote: I like it +2 Vote: I do not like it

      Thanks, but I still think that coding on your desktop is more comfortable and effective than on your mobile. It may be great if Codeforces will work on tablets as well as on PC.

      → Reply
»
9 years ago, # |
← Rev. 4   Vote: I like it +6 Vote: I do not like it

That's great..But I still cannot view any full submited codes on my cellphone. How can i deal with it? Thanks!

→ Reply
  • »
    »
    9 years ago, # ^ |
      Vote: I like it +18 Vote: I do not like it

    I think you can click '#' link on the right of 'Accepted' to see submited codes.

    → Reply
»
9 years ago, # |
  Vote: I like it +36 Vote: I do not like it

TIL, MikeMirzayanov has literally no rating at all.

And what are those "societies"? When I try to go to societies I get access denied. New feature Soon™?

→ Reply
»
9 years ago, # |
  Vote: I like it 0 Vote: I do not like it

Codeforces always does the best job!

→ Reply
»
9 years ago, # |
  Vote: I like it +24 Vote: I do not like it

FYI: It is not working on my iPad: http://imgur.com/a/el3mD

The first one is mobile site — I can't see the menu icon on left upper corner, neither the sidebar. (Also, swipe left/right may not be a good choice — that was used for going back / forward in some systems).

The second one is using 'Request desktop version' — the zooming has a big issue. I remember it was working properly few days before.

The only thing I want for mobile site is this: make it possible to click on the score on scoreboard to view submission list. (It is impossible to do it because double click was registered for zooming).

By the way, there is always an issue for me when I writing comments on PC: when I move my mouse over this button, the list will not show up correctly so I can't add links to a user / contest: http://imgur.com/Wq1UOWl

→ Reply
  • »
    »
    9 years ago, # ^ |
      Vote: I like it +9 Vote: I do not like it

    Thanks. What is iPad model?

    I'll look into your requests.

    → Reply
    • »
      »
      »
      9 years ago, # ^ |
      ← Rev. 2   Vote: I like it +18 Vote: I do not like it

      Model: ML0R2LL/A (iPad Pro, resolution is 2732 x 2048)

      You can reproduce it in Chrome: push F12, then toggle device mode (the 2nd icon on up left corner, looks like a phone), select iPad then change resolution to 2732 x 2048.

      And sometimes it will not work properly on iPhone (MKV22LL/A, resolution is 1242 x 2208) like this (but sometimes it can work.. a bit random): http://imgur.com/a/CkO2S

      Another suggestion is: when you opened one sidebar, you will close another automatically, otherwise you can open both sidebar and then for me it is impossible to close them unless reload the page. (See the 2nd picture in the link.)

      → Reply
»
9 years ago, # |
  Vote: I like it 0 Vote: I do not like it

I wish we could have a Codeforces that also works without JavaScript and Flash Player. I usually disable JavaScript, so then I'm not able to open some of links in Codeforces! (well, at least they look like http links!)

I don't have flash player installed on my favorite browser, it's so annoying to switch to another browser when I want to hack submissions. I agree that using flash helps keeping users from copying codes for hacks; but most of other missing functionalities are easy to implement for a browser that does not have JavaScript enabled...

I really like and appreciate everything about Codeforces but this fact that Codeforces won't work fine without JavaScript. It was on my mind for a long time, I though it's now a good place here to say it.

→ Reply
  • »
    »
    9 years ago, # ^ |
      Vote: I like it +17 Vote: I do not like it

    is there really a good reason to disable JS?

    → Reply
    • »
      »
      »
      9 years ago, # ^ |
        Vote: I like it -7 Vote: I do not like it

      So why there exists an option in many browsers to disable JavaScript then? Yes there are good reasons if you are using an old computer or if you have an expensive or slow network connection. There are many other reasons, like less advertisements, etc.

      I hope I'm not being rude. I'm seeing progress in CF every month, that is great. I am not complaining at all. I just wanted to request a feature :D

      → Reply
    • »
      »
      »
      9 years ago, # ^ |
      ← Rev. 3   Vote: I like it 0 Vote: I do not like it

      Js is literally execution of code on your machine. Code which comes from the internet and may be not 100% trusted. Also JS is very good tool for browser fingerprinting — you can visit the site, came back in a weeks, with cleaned caches, cookies or whatsoever and it will still be able to identify you. (For more information please see panopticlick.eff.org)

      So disabling JS by default is extremely good security measure.

      But i am more concerned with flash: it is binary distributed, with unknown source, highly vulnerable shit, which even adobe doesn't recommend to use now (yay, they've made an announcement about it few time ago).

      I can live with JS [on trusted websites], but i will be extremely grateful if it will be possible to hack solutions without flash, because my machines are flash-less and i can't participate in hacking. Though before some redesigns in CF (before test round 12) it was possible to use shumway instead of flash, and it worked.

      → Reply
»
9 years ago, # |
← Rev. 2   Vote: I like it +7 Vote: I do not like it

Definitely a good start, but has problems. The indentation of comments of levels 2 and deeper (replies to replies) is smaller than the comment that it reacts to. In general, the small indentation makes reading comment chains confusing — it is hard to tell the level of the comment quickly (does it reply to the previous comment or is it simply under it?) Not sure what that is caused by exactly, perhaps the padding is too large for mobile — compare it to reddit's mobile version, which I think is solid. Also, tables (that cannot be split like normal text) make the page too wide: for example here. I'm on a Nexus 4 by the way.

This might have sounded very critical, but I appreciate this is even being worked on at all. Keep it up! :)

→ Reply
»
9 years ago, # |
← Rev. 2   Vote: I like it 0 Vote: I do not like it

Thanks a lot Mike for mobile version, again thanks for the desktop version switch. :( Coz I was facing problem in my tablet.

→ Reply
»
9 years ago, # |
  Vote: I like it +5 Vote: I do not like it

Dunno if anybody posted this. We view others solutions in contests by double clicking the box in standings page How to do that in mobile ?

→ Reply
»
8 years ago, # |
  Vote: I like it 0 Vote: I do not like it

As I can search on the blog, I do not find that functionality on mobile view.

→ Reply