Think
Mobile
First
Mobile web and responsive playground
Experiments on Mobile navigation
no JavaScript nor HTTP request allowed
Try the demos on a smartphone or just resize your browser to see them in action.
Nav #1
(menu positionned at bottom with display table-footer-group)
Nav #2
(sliding from left with :target)
Nav #3
(sliding from right with :target)
Nav #3b
(sliding from left with :hover)
Nav #3c
(sliding from top with :hover)
Nav #4
(inline sliding from top with :hover)
Nav #5
(collapsing navigation with CSS3 :target)
Nav #5b
("Off Canvas" design : navigation and sidebar reaching with CSS3 :target)
Nav #6
(2 levels navigation with :checked and :hover)
Nav #7
("à la Facebook" with :checked)
Nav #8
("à la Facebook" navigation and aside block)