Web Micropatterns Development Page

This page is devoted to creating rock-solid cross-browser code for repeated use of virtually omnipresent items such as navigation menus etc. The styling is deliberately boring and drab, because it is expected that fonts, colors etc will be altered to fit the context of each project. This developing library will feature only widely-used items such as menus, using no external dependencies (e.g. jQuery), and relatively minimalist code (hence micropatterns). At present, the aim is to stick solely with HTML and CSS, although some future use cases may take us beyond that.

Menus

The desktop version uses very basic CSS animations for the dropdown submenus. Breakpoint is 1024/1025px to accommodate recognition of the iPad Pro as a mobile device. That of course could easily be changed to allow larger tablets to display the menu the same way as laptops and desktops.

Latest changes: Nov 7, 2017.