search

pythonindia / pyconindia2013-design

Website design for PyCon India 2013
0 stars 1 forks source link

Responsive #16

Open prtksxna opened 11 years ago

prtksxna commented 11 years ago

@anandology Do you think we should show limited content on the mobile design? We could choose to not load some sections that one would anyway not view on the mobile.

Sections that are necessary

What do you think?

prtksxna commented 11 years ago

The schedule which is the most important part of the mobile website isn't showing up properly on the mobile. Is it possible for you guys to switch out that particular table's HTML on the mobile? I could write corresponding CSS for it.

anandology commented 11 years ago

How does that work? Do we need to write some javascript?

The list of sections looks good to me. Keynote speakers and Sponsors are currently missing in the mobile layout.

How about displaying it like this. By default we show only the about and venue in detail, everything else is opened on tap. (>> indicates it is not open and V indicates it is open)

About Section
Keynote Speakers >>
Blog >>
Workshops V
  August 30, 2013
  Saturday
  Auditorium 1 >>
  Auditorium 2 >>
  Auditorium 2 V
      9:30-12:00
      Track 1
      13:00 - 14:50
      Track 2
      15:00 - 17:40
      Track 3
Conference Schedule
August 31, 2013 >>
Saturday
September 1, 2013 >>
Sunday
Venue Details
Footer
anandology commented 11 years ago

The text in logo is getting wrapped if the size is too small. Shouldn't we make the text smaller instead?

Logo wrapped

prtksxna commented 11 years ago

Didn't happen on the phones that I tested it on. Yes, should reduce the size.

I am unsure of the technology behind it. Usually you would have something like this -

index.html

<table id="full_schedule">
   <!-- The normal schedule -->
</table>
<table id="mobile_schedule">
   <!-- The mobile schedule -->
</table>

master.css

#full_schedule{/*whatever*/}
#mobile_schedule{display:none;}

mobile.css

#full_schedule{display:none;}
#mobile_schedule{/*whatever*/}
anandology commented 11 years ago

Doable.

Can you please suggest how it should look on mobile.

On Thu, Jul 25, 2013 at 8:18 PM, Prateek Saxena notifications@github.comwrote:

Didn't happen on the phones that I tested it on. Yes, should reduce the size.

I am unsure of the technology behind it. Usually you would have something like this -

index.html

master.css

full_schedule{/whatever/}#mobile_schedule{display:none;}

mobile.css

full_schedule{display:none;}#mobile_schedule{/whatever/}

— Reply to this email directly or view it on GitHubhttps://github.com/pythonindia/pyconindia2013-design/issues/16#issuecomment-21559032 .

Anand http://anandology.com/

prtksxna commented 11 years ago

Yes, I'll include it in the CSS

anandology commented 11 years ago

Menu is taking too much space. Can you hide that under a menu button?

I think showing time in a separate column is taking too much space. Can you please try merging both of them, like the following?

9:00 to 10:00 A Beginner's Guide to Django Forms Arunachalam

prtksxna commented 11 years ago

I thought I had mentioned in the commit that you'll have to write code to show/hide the menu. It should only always show the register button though.