It's not perfect or completed yet, but thought we'd share where we are in using the power of CSS media queries to deliver a better, adaptive Dribbble experience on small screens.
(Note our placer thumbnail when working in local development mode.)
This is something I have had some passion for... for a bit of time now. I am glad that I can hang out on dribbble on my phone. I would love to contribute too!
@Philip & @Rui - you can set a meta tag that allows for an offline html5 webapp that can use local storage and etc, to feel like a native webapp (see jqtouch and sencha touch)... then all the links/requests have to use ajax. If they aren't they will open in safari. I tried to enable that when I built hooppps but didn't want to go through all the hullabaloo with the ajax stuff.
YES PLEASE!! Add the ability to control number of shots per page (viewing only 15 shots per screen on a mobile device is pretty cumbersome)... options of 15, 50, 100, 200, even a 'View All' would be stellar! (See istock.com on your iOS app.) Also, can you offer an option, to show only the thumbnails w/ none of the stats (like Name, Comments, Likes, Views...ok, MAYBE keep the name, but the rest can go. Especially on such a small mobile screen, we might want to have the option to nix the stats?)?
25 Responses
Pro
Dribbble
It's not perfect or completed yet, but thought we'd share where we are in using the power of CSS media queries to deliver a better, adaptive Dribbble experience on small screens.
(Note our placer thumbnail when working in local development mode.)
10 months ago
Pro
Tony Andújar
that's great.
10 months ago
Took ya long enough!
10 months ago
Pro
Riad Kanane
hahaha true Brian :)
10 months ago
Pro
Tyler Reckart
Beautiful. I have been waiting for this for a while.
10 months ago
Pro
Iain MacDonald
Lookin' good! :D
10 months ago
Pro
Casper Klenz-Kitenge
Looks good – I'm curious: How do you test this on other devices in local dev?
10 months ago
Pro
Phil Lester
Any chance we'll see a native iPhone app?
10 months ago
Pro
Rui
Philip you can just pin it to the homescreen, its what I do with youtube (as its better then the iphone native app)
10 months ago
Pro
Adam Tolman
Excited for this.
10 months ago
Pro
Fernando Maclen
Have you guys tried 1 screenshot instead of 2 in a row? Kinda like Instagram?
Looking rad though! :D
10 months ago
Pro
Dan Cederholm
@Casper: We haven't. But the styles aren't device-specific, rather we're simply making it fluid below a certain threshold.
10 months ago
Pro
Matthew Sanders
So exciting
10 months ago
Pro
Robbie Pearce
Awesome, that area below the shot looks a bit cramped though :)
10 months ago
Pro
Michael Parenteau
This is something I have had some passion for... for a bit of time now. I am glad that I can hang out on dribbble on my phone. I would love to contribute too!
10 months ago
Pro
Phil Lester
@Rui, sure I can do that, but it will function more slowly and won't have all the eyecandy of a native app.
10 months ago
Pro
Michael Parenteau
@Philip & @Rui - you can set a meta tag that allows for an offline html5 webapp that can use local storage and etc, to feel like a native webapp (see jqtouch and sencha touch)... then all the links/requests have to use ajax. If they aren't they will open in safari. I tried to enable that when I built hooppps but didn't want to go through all the hullabaloo with the ajax stuff.
10 months ago
Pro
Allison Grayce
Yes yes yes!
10 months ago
Pro
Dan Spencer
«««« Is doing the pee pee dance. So excited for this.
10 months ago
Pro
Julian Burford
Nice! But I prefer a official Dribbble app Though :P
10 months ago
Looks beautiful. Can't wait to use it.
10 months ago
Pro
Matthew Smith
Well done guys.
10 months ago
Pro
Jonathan Ogden
This makes me all happy inside.
10 months ago
Rebound
Adapt Popular
by Dave Lilly
YES PLEASE!! Add the ability to control number of shots per page (viewing only 15 shots per screen on a mobile device is pretty cumbersome)... options of 15, 50, 100, 200, even a 'View All' would be stellar! (See istock.com on your iOS app.) Also, can you offer an option, to show only the thumbnails w/ none of the stats (like Name, Comments, Likes, Views...ok, MAYBE keep the name, but the rest can go. Especially on such a small mobile screen, we might want to have the option to nix the stats?)?
10 months ago
Rebound
Adapted
by Dribbble
The adaptive styles for screens <480px is out there and running. We hope that firing up Dribbble in a smaller screen is a much better experience now.
We could go further, of course. But for now, it's a vast improvement when dribbbling on the go. Enjoy!
9 months ago