design samples
Please note: this page is very much work in progress and will be updated in due course.
Please note: this page is very much work in progress and will be updated in due course.
Menu link icons — creating one sprite image for 3 links, with 2 roll-over states each.
Setting up a toggle for menu on smaller screens, including the hamburger icon with transitions and sprite rollovers for links.
3 given examples of layout, to be implemented with 3 different layout methods: float / flexbox / grid
and layout / colour
quoting from A Designer’s Code of Ethics by Mike Monteiro
for using SVG on webpage: inline / symbol definition / image tag
includes mini tutorial to create SVG, view source for demo of methods