With the launch of the latest tdwi.org site a mobile first responsive css method was applied to ensure the growing mobile audience experience would be a success instead of an after thought. I created the CSS for a “hamburger” menu icon that transitions into an X using css transitions without image files to ensure a crisp clean navigation no matter the resolution.
Color separation of the utility navigation and top navigation
Search slides open from the top despite its right handed placement in desktop mode
Visual indicators of expanded sub navigation
Transition back to a hamburger menu icon
The post TDWI mobile navigation appeared first on Michael Boyda.