We’ve featured moving backgrounds using native HTML/CSS/JS animation before, but using video in backgrounds is quite the challenge given how it eats up more resources. Let’s see how effective these websites use this feature in this week’s Friday Focus.
Designs of the Week
Get solid WordPress themes, plugins, and web design training from iThemes.
Like the two other sites, the video background appears only in the homepage. The overall look here is warm, earthy, handcrafted—mixing two “scratchy” typefaces and a vintage color palette. Everything looks customized, even the music page uses play/pause control buttons that blend in.
The video background runs a shorter loop than the other too, so that’s something to consider when using such a thing, although I’m afraid the quality suffers a bit. This one page site doesn’t need much else to its design, either, because it’s the design of its product, an iPhone app, that will grab your attention.
There’s a purplish/pinkish hue to the video on the homepage that regrettably disappears in the other pages, where brown dominates. I do like the page transitions and other animations though, all carried out in a slanted fashion. There’s also a neat slideshow technique in the Virksomhet page.
Social Media Weekly
Make Headway, make intuitive layouts, make it your WordPress theme of choice!
Responsive Web Design – Responsive web design: a project-management perspective
“This is where many people stop. After all, many of the challenges with responsive design are fairly similar, regardless of project size and budget. There are, however, additional challenges to consider on large projects, which are too rarely addressed: this article will aim to address those.”
Forms – The Current State of HTML5 Forms
“HTML5 has many new features intended to make creating websites easier and people’s experience in using those websites better. Among those features are many enhancements to web forms.”