9 ms·

jQuery Boilerplate

43 points by zenorocha 13y ago

cocoflunchy 13y ago
You should always try your websites on smaller screens... I believe 1366x768 is the dominant screen resolution right now. I can't scroll (why?) and the footer comes above the most important part of the UI. http://prntscr.com/1jg232 http://prntscr.com/1jg232
- ghc 13y ago
  You are completely right. But...is 1366x768 really the dominant resolution right now, even with the emergence of Apple as a dominant PC maker? On my site, the top 3 resolutions are as follows: 1. 1440x900 2. 1600x900 3. 1920x1080 After that a mishmash of phone & tablet resolutions come before 1366x768.
  - antoko 13y ago
    Yes it is... http://gs.statcounter.com/#resolution-ww-monthly-200903-201308 http://gs.statcounter.com/#resolution-ww-monthly-200903-2013...
  - ricardobeat 13y ago
    Depends on your audience. If your website is geared towards developers, it's still a good idea to plan for 1280x800 (standard laptop), or really just make it responsive already.
  - porker 13y ago
    Don't confuse screen resolution with browser window size. FWIW (less variability?) analytics companies love screen resolution, and put far less weight on browser window size (with or without the window chrome)
  - AndrewDucker 13y ago
    http://store.steampowered.com/hwsurvey http://store.steampowered.com/hwsurvey has 1920x1080 followed by 1366x768
- vinhnx 13y ago
  Kind of annoyed that I also can't scroll My screen is 1366*768
elchief 13y ago
Doesn't work on Chrome 28 Win 7 1366 x 768 (can't scroll to see the bottom buttons). http://css-tricks.com/snippets/css/sticky-footer/ http://css-tricks.com/snippets/css/sticky-footer/ http://ryanfait.com/sticky-footer/ http://ryanfait.com/sticky-footer/
- oinksoft 13y ago
  Do you need tricks like that anymore though? Even IE8 supports `position: fixed'.
- lnanek2 13y ago
  I managed to get to the buttons by zooming out. Couldn't see them by default (Chrome on a Retina Macbook Pro). Tried scrolling and clicked every item visible too before figuring it out, ha.
- ripperdoc 13y ago
  Same issue for me.
- eterpstra 13y ago
  Same problem here. Hitting F11 for full-screen revealed the buttons. For front-end experts, this is a pretty egregious oversight.
- hnriot 13y ago
  And the site completely sucks on the iPad. Can't even see the right most box
- jhuckestein 13y ago
  You don't need any tricks for the sticky footer. Just use position: fixed on the footer and add a padding-bottom to the body for the same height as the footer. In absolutely ancient browsers it will simply show the footer at the bottom when you scroll there.
- zenorocha 13y ago
  Problem solved, thanks for reporting :)
BasilAwad 13y ago
couldn't see buttons so I had to make my screen smaller.
davydka 13y ago
This is funny, looks like everyone is using a mobile device, and no one can see it.
cliveowen 13y ago
The layout is fucked up on my OS X 10.8.4 with Chrome.

43 points by zenorocha 13y ago

You should always try your websites on smaller screens... I believe 1366x768 is the dominant screen resolution right now. I can't scroll (why?) and the footer comes above the most important part of the UI. http://prntscr.com/1jg232 http://prntscr.com/1jg232

ghc 13y ago
You are completely right. But...is 1366x768 really the dominant resolution right now, even with the emergence of Apple as a dominant PC maker? On my site, the top 3 resolutions are as follows: 1. 1440x900 2. 1600x900 3. 1920x1080 After that a mishmash of phone & tablet resolutions come before 1366x768.
- antoko 13y ago
  Yes it is... http://gs.statcounter.com/#resolution-ww-monthly-200903-201308 http://gs.statcounter.com/#resolution-ww-monthly-200903-2013...
- ricardobeat 13y ago
  Depends on your audience. If your website is geared towards developers, it's still a good idea to plan for 1280x800 (standard laptop), or really just make it responsive already.
- porker 13y ago
  Don't confuse screen resolution with browser window size. FWIW (less variability?) analytics companies love screen resolution, and put far less weight on browser window size (with or without the window chrome)
- AndrewDucker 13y ago
  http://store.steampowered.com/hwsurvey http://store.steampowered.com/hwsurvey has 1920x1080 followed by 1366x768
vinhnx 13y ago
Kind of annoyed that I also can't scroll My screen is 1366*768

elchief 13y ago

Doesn't work on Chrome 28 Win 7 1366 x 768 (can't scroll to see the bottom buttons). http://css-tricks.com/snippets/css/sticky-footer/ http://css-tricks.com/snippets/css/sticky-footer/ http://ryanfait.com/sticky-footer/ http://ryanfait.com/sticky-footer/

oinksoft 13y ago
Do you need tricks like that anymore though? Even IE8 supports `position: fixed'.
lnanek2 13y ago
I managed to get to the buttons by zooming out. Couldn't see them by default (Chrome on a Retina Macbook Pro). Tried scrolling and clicked every item visible too before figuring it out, ha.
ripperdoc 13y ago
Same issue for me.
eterpstra 13y ago
Same problem here. Hitting F11 for full-screen revealed the buttons. For front-end experts, this is a pretty egregious oversight.
hnriot 13y ago
And the site completely sucks on the iPad. Can't even see the right most box
jhuckestein 13y ago
You don't need any tricks for the sticky footer. Just use position: fixed on the footer and add a padding-bottom to the body for the same height as the footer. In absolutely ancient browsers it will simply show the footer at the bottom when you scroll there.
zenorocha 13y ago
Problem solved, thanks for reporting :)

BasilAwad 13y ago

couldn't see buttons so I had to make my screen smaller.

davydka 13y ago

This is funny, looks like everyone is using a mobile device, and no one can see it.

cliveowen 13y ago

The layout is fucked up on my OS X 10.8.4 with Chrome.