1. Boiling a Frog: A
Responsive Update(sneak peak edition)
AngieFullington and CharlieMorris
NCSU Libraries
1 / 15

2. 2 / 15

3. Why update?
Fixed width
Outdated look and feel
UI development leadership needed
Scope:
Brand and style guide standards
Flat
Responsive design 3 / 15

4. 4 / 15

5. 5 / 15

6. Subtle changes...
increasing font size
removing borders
removing drop-shadows
removing background colors
replacing icons
adding margin/padding
6 / 15

7. The Magic Escalator of
Acquired Knowledge
represents all the knowledge
the user can have about the
design. When they are at the
bottom, they know very little
about the design, and when
they are at the top, they know
everything there is to know
about it.
-Jared Spool
uie.com/articles/magic_escalator
7 / 15

8. 8 / 15

9. And now the sneak peak
9 / 15

10. Desktop
10 / 15

11. iPhone Nexus 4
Smaller screens
11 / 15

12. When will it launch?
End of semester
12 / 15

13. GitHub is great for project
management
See github.com/NCSU-
Libraries/ncsulib_foundation
or go.ncsu.edu/frog
13 / 15

14. Web Team @ NCSU
Libraries
Angie Fullington
Charlie Morris
Erik Olson
Eric Pauley
Other colleagues to thank:
Cory Lown, Jason Raitz, Jason Ronallo, Jason Casden, Troy Hurteau, Bret
Davidson, Chuck Samuels
14 / 15

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,
modernizr
Toad designed by Christy Presler from the Noun Project, Hot Water designed
by Nathan Stang from the Noun Project.
15 / 15