I've been playing around with a resizable full screen image on my homepage. Its live at the moment and the code has been hacked together, and I'm looking to make it more appealing and to have it work better on phone sized devices.
(For this screenshot I moved that image caption over to get it in the shot. That's me being a Dribbble rookie, but the caption will align nicely to the right).
Anyways, I've been dying to use an Egyptienne-like slab-serif for years, and am thinking to use Adelle via typekit for this design (the screenshot uses Vitesse).
There's not much design to it at the moment; iterations from here will try and do something more creative with my name (or not) and something different with the navigation (or not).
What I started with is Patagonia.com, using https://github.com/cubiq/SwipeView and hacking together a slide resizing function (learning, digging thru patagonia's code, which seems too complicated). You can see this highly patagonia.com inspired design on my homepage at the moment (http://www.mikepapageorge.com/).
From there, it just doesn't work well responsively with that little menu bar overlap at the top and bottom. I wanted something more simple as well. So I made that top bar full width and coded the full screen thing to work in a container.
The font and slab-serif desire comes purely from the Guardian newspaper, who made their own version of Egyptienne a few years ago and I've had this desire to use something like that since (It turns out you can buy it: http://commercialtype.com/typefaces/guardian). Typekit and Adelle may make that happen.
So I was working on the baseball card things for another little side-project when this idea popped up. The glow looks okay on the full comp, and this leaves more header free for the navigation etc. The previous shot could then serve as a main page or post. Who knows?
Not ground breaking but interesting how work for one thing so easily bleeds over to another...
10 Responses
I've been playing around with a resizable full screen image on my homepage. Its live at the moment and the code has been hacked together, and I'm looking to make it more appealing and to have it work better on phone sized devices.
(For this screenshot I moved that image caption over to get it in the shot. That's me being a Dribbble rookie, but the caption will align nicely to the right).
Anyways, I've been dying to use an Egyptienne-like slab-serif for years, and am thinking to use Adelle via typekit for this design (the screenshot uses Vitesse).
There's not much design to it at the moment; iterations from here will try and do something more creative with my name (or not) and something different with the navigation (or not).
Designer personal sites. A never ending journey!
3 months ago
"...resizable full screen image on my homepage. Its live at the moment..."
Live here http://mikepapageorge.com
3 months ago
Pro
Mike Busby
Cool shot, welcome to the game :)
3 months ago
Thanks Mike!
3 months ago
Pro
Dmitry Prudnikov
Good job, keep it up.
3 months ago
Pro
Ben Thompson
Welcome @Mike Papageorge — inspiration from USNPS?
3 months ago
Hi @Ben Thompson, do you mean www.nps.gov? Either way, definitely no :)
What I started with is Patagonia.com, using https://github.com/cubiq/SwipeView and hacking together a slide resizing function (learning, digging thru patagonia's code, which seems too complicated). You can see this highly patagonia.com inspired design on my homepage at the moment (http://www.mikepapageorge.com/).
From there, it just doesn't work well responsively with that little menu bar overlap at the top and bottom. I wanted something more simple as well. So I made that top bar full width and coded the full screen thing to work in a container.
The font and slab-serif desire comes purely from the Guardian newspaper, who made their own version of Egyptienne a few years ago and I've had this desire to use something like that since (It turns out you can buy it: http://commercialtype.com/typefaces/guardian). Typekit and Adelle may make that happen.
3 months ago
Looking forward to see more ;) Welcome to Dribbble Mike :)
3 months ago
Thanks @Gauthier Eloy
(And to the others who welcomed me above!)
3 months ago
Rebound
Homepage Rebound
by Mike Papageorge
So I was working on the baseball card things for another little side-project when this idea popped up. The glow looks okay on the full comp, and this leaves more header free for the navigation etc. The previous shot could then serve as a main page or post. Who knows?
Not ground breaking but interesting how work for one thing so easily bleeds over to another...
3 months ago