Received a kind notification from Google about my account being inactive on some pages. Erm, okay..
Decided to do some button pressing this day.
Then dived into too deep and started fiddling with website itself.
Especially never used nor seen jquerymobile thingy and figuring out “why you semantic-ui don’t provide collapsing menu, huh?”
jQuery mobile thingy
My approach to available technology is simple: what’s there? Let’s grab the latest the greatest. Why not?
So I see in Google’s Hosted Libraries I can grab jQuery 3.2.1 and jQuery mobile - 1.4.5.
Great stuff. Let’s do this. First rookie mistake: you need jQuery AND jQuery mobile loaded together. Took a while to overcome this thought.
Next is just version compatibility. Should’ve just copied from release notes:
Oh yea, you need that css too.
Look out
Since I am doing bunch of async calls as well (why not?) and have other libraries using jQuery, it comes as a problem how to load what.
Even jQuery mobile library race-conditioned to load with jQuery. Had to do some of these intervals:
If you use any other preloaded functionality - best to keep that in mind.
Or you are smart boy and doing proper javascript with prototypes or what. Some years ago I heard that’s the way.
Semantic-ui collapsing menu
Odd thing to remove. I’ll cut to the case. You obviously will need to deal with viewports in CSS.
Then with a simple additional rule for non mobile devices you menus are changing!:
..and it took me good portion of day
Started with just some clicks around and look where it got me. Trying to make it “nicer” :/
Result is good though. Accordion working. Menus changing. Site optimised a bit. jQuery mobile in use.
Urgh.. the latter. Some CSS is disturbingly wrong on mobile devices now :(