Design, UI, and code: A responsive/mobile Bootstrap/grid scrolling single page site for Random House author.
CSS HTML JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
.gitignore
404.shtml
README.md
favicon.ico
index.html

README.md

Bootstrap Responsive Design site

Made with:

apm

• Bootstrap, @media queries / breakpoints, responsive images, Atom (bootstrap boot-lint, css-lint), git, Photoshop.

• Things that would be beneficial but were avoided for sake of simplicity: Bundler (Browserify or Webpack); Bootstrap SASS; Package management: npm

The project:

A custom scrolling Bootstrap single page site for Random House author Dale Basye's book series "Heck, Where The Bad Kids Go".

Design + Code: Amanda Falke, Portland Oregon

Illustrations copyright Bob Dob for Random House Kids

Background:

A "performance-first, mobile-first" responsive site

Replacing a Random House Publications' author's old Flash website. As many techniques as possible were used to avoid FOUC (Flash of Unstyled Content).

Responsive design (mobile first):

Mobile:

Responsive Bootstrap Mobile

Tablets:

Bootstrap classes for small desktops and tablets

Desktops:

Bootstrap classes for larger desktops

Bootstrap classes for larger desktops

Footer of site has fun little graphics:

Bootstrap fun footer