Boiling a Frog: AResponsive Update

(sneak peak edition)

Angie Fullington and Charlie MorrisNCSU Libraries

1 / 15

2 / 15

Why update?Fixed width

Outdated look and feel

UI development leadership needed

Scope:

Brand and style guide standards

Flat

Responsive design 3 / 15

4 / 15

5 / 15

Subtle changes...increasing font size

removing borders

removing drop-shadows

removing background colors

replacing icons

adding margin/padding

6 / 15

The Magic Escalator ofAcquired Knowledgerepresents all the knowledgethe user can have about thedesign. When they are at thebottom, they know very littleabout the design, and whenthey are at the top, they knoweverything there is to knowabout it.

-Jared Spooluie.com/articles/magic_escalator

7 / 15

8 / 15

And now the sneak peak

9 / 15

Desktop

10 / 15

iPhone Nexus 4

Smaller screens

11 / 15

When will it launch?End of semester

12 / 15

GitHub is great for projectmanagement

See github.com/NCSU-Libraries/ncsulib_foundation

or go.ncsu.edu/frog

13 / 15

Web Team @ NCSULibraries

Angie Fullington

Charlie Morris

Erik Olson

Eric Pauley

Other colleagues to thank:

Cory Lown, Jason Raitz, Jason Ronallo, Jason Casden, Troy Hurteau, BretDavidson, Chuck Samuels

14 / 15

Feedback/input welcome@afullington,angie_fullington@ncsu.edu

@cdmo, cdmorris@ncsu.edu

Stuff we use: Foundation 5+Sass,Drupal 7, FontAwesome, jQuery 1.10,modernizrToad designed by Christy Presler from the Noun Project, Hot Water designedby Nathan Stang from the Noun Project.

15 / 15