I've lately been enchanted with the idea of one-page sites, and specifically those with big, atmospheric background images (even GIFs), like http://www.teamnine.ch/screen.html. It's active without looking busy or stuffed full of info...really neat.
...'Course, I have no idea how to make a site like this actually work dynamically, but it's something I'm thinking about. (Here are my two takes on sheer HTML/CSS one-page sites thus far: /me and /novel.)
What do y'all think of this layout style? :)
Layout Inspiration: One-Page Sites/Big Background Images
-
- Communications Staffer
- Posts: 1078
- Joined: Sat Oct 13, 2012 7:55 pm
- Location: Canada
- Contact:
Re: Layout Inspiration: One-Page Sites/Big Background Images
Parallax! Normally these are done with javascript but I just saw a pure CSS demo for this here: http://blog.keithclark.co.uk/pure-css-p ... -websites/
One page websites are great. All my shrines start as one pager, it's easier you visualize the length, content and hierarchy like that.
One page websites are great. All my shrines start as one pager, it's easier you visualize the length, content and hierarchy like that.
Join in the Tale, in the Blight, of Conquest and Lies
Come the Sun, to Tarnish in the Sky
Vow that we shall Tear the Light - Dark seizes the Throne
Lost in thoughts, all alone
Come the Sun, to Tarnish in the Sky
Vow that we shall Tear the Light - Dark seizes the Throne
Lost in thoughts, all alone
-
- Events Staffer
- Posts: 3072
- Joined: Thu Aug 07, 2014 3:15 pm
- Location: North Carolina, USA
- Contact:
Re: Layout Inspiration: One-Page Sites/Big Background Images
AWESOME :) I never knew there was a term for it (except for "really cool one-page layout", lol). Definitely will check out the pure CSS version, because me and Javascript are mere acquaintances, lolnyxmidnight wrote:Parallax! Normally these are done with javascript but I just saw a pure CSS demo for this here: http://blog.keithclark.co.uk/pure-css-p ... -websites/
Re: Layout Inspiration: One-Page Sites/Big Background Images
I really enjoy this style, too. I actually previously thought it was more limited to company websites, resumes or portfolios, but the first link to the one page love really has me thinking otherwise.
Thanks for sharing~!
Thanks for sharing~!
VICTORY ♦ WITH EVERYTHING WE HAVE
-
- Communications Staffer
- Posts: 1078
- Joined: Sat Oct 13, 2012 7:55 pm
- Location: Canada
- Contact:
Re: Layout Inspiration: One-Page Sites/Big Background Images
I totally understand what you mean, CLB. Hell I can't figure out some jQuery for Bootstrap to make cool tooltips. CSS all the way!
Join in the Tale, in the Blight, of Conquest and Lies
Come the Sun, to Tarnish in the Sky
Vow that we shall Tear the Light - Dark seizes the Throne
Lost in thoughts, all alone
Come the Sun, to Tarnish in the Sky
Vow that we shall Tear the Light - Dark seizes the Throne
Lost in thoughts, all alone
-
- Events Staffer
- Posts: 3072
- Joined: Thu Aug 07, 2014 3:15 pm
- Location: North Carolina, USA
- Contact:
Re: Layout Inspiration: One-Page Sites/Big Background Images
Yep! At least CSS makes sense. With Javascript I spend half the time wondering "What exactly does that line of code even DO?" LOL
Re: Layout Inspiration: One-Page Sites/Big Background Images
That looks really cool, I'll look into that demo when a little free time pops up, thanks for posting the link!
-
- Communications Staffer
- Posts: 1078
- Joined: Sat Oct 13, 2012 7:55 pm
- Location: Canada
- Contact:
Re: Layout Inspiration: One-Page Sites/Big Background Images
You're welcome!
Join in the Tale, in the Blight, of Conquest and Lies
Come the Sun, to Tarnish in the Sky
Vow that we shall Tear the Light - Dark seizes the Throne
Lost in thoughts, all alone
Come the Sun, to Tarnish in the Sky
Vow that we shall Tear the Light - Dark seizes the Throne
Lost in thoughts, all alone
Re: Layout Inspiration: One-Page Sites/Big Background Images
Can I bring this back?
Can anyone suggest any options/sources/what has worked for them for this?
Can anyone suggest any options/sources/what has worked for them for this?
VICTORY ♦ WITH EVERYTHING WE HAVE