Layout Inspiration: One-Page Sites/Big Background Images

Everything related to the visual and coding aspects of websites.
Robin
Events Staffer
Posts: 3072
Joined: Thu Aug 07, 2014 3:15 pm
Location: North Carolina, USA
Contact:

Layout Inspiration: One-Page Sites/Big Background Images

Post by Robin »

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? :)
~ a dream is a wish your heart makes ~
withinmyworld.org
nyxmidnight
Communications Staffer
Posts: 1078
Joined: Sat Oct 13, 2012 7:55 pm
Location: Canada
Contact:

Re: Layout Inspiration: One-Page Sites/Big Background Images

Post by nyxmidnight »

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.
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
Robin
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

Post by Robin »

nyxmidnight 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/
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, lol
~ a dream is a wish your heart makes ~
withinmyworld.org
neo
Posts: 200
Joined: Tue Jun 04, 2013 12:30 am
Location: USA
Contact:

Re: Layout Inspiration: One-Page Sites/Big Background Images

Post by neo »

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~!
VICTORY WITH EVERYTHING WE HAVE
nyxmidnight
Communications Staffer
Posts: 1078
Joined: Sat Oct 13, 2012 7:55 pm
Location: Canada
Contact:

Re: Layout Inspiration: One-Page Sites/Big Background Images

Post by nyxmidnight »

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
Robin
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

Post by Robin »

Yep! At least CSS makes sense. With Javascript I spend half the time wondering "What exactly does that line of code even DO?" LOL
~ a dream is a wish your heart makes ~
withinmyworld.org
Mikari
Posts: 3159
Joined: Thu Jun 21, 2012 6:30 pm
Location: Coruscant
Contact:

Re: Layout Inspiration: One-Page Sites/Big Background Images

Post by Mikari »

That looks really cool, I'll look into that demo when a little free time pops up, thanks for posting the link!
nyxmidnight
Communications Staffer
Posts: 1078
Joined: Sat Oct 13, 2012 7:55 pm
Location: Canada
Contact:

Re: Layout Inspiration: One-Page Sites/Big Background Images

Post by nyxmidnight »

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
neo
Posts: 200
Joined: Tue Jun 04, 2013 12:30 am
Location: USA
Contact:

Re: Layout Inspiration: One-Page Sites/Big Background Images

Post by neo »

Can I bring this back?

Can anyone suggest any options/sources/what has worked for them for this?
VICTORY WITH EVERYTHING WE HAVE
Post Reply