CUTCODEDOWN
Minimalist Semantic Markup

Welcome Guest
Please Login or Register

If you have registered but not recieved your activation e-mail in a reasonable amount of time, or have issues with using the registration form, please use our Contact Form for assistance. Include both your username and the e-mail you tried to register with.

Author Topic: Jason’s Hamburger  (Read 410 times)

John_Betong

  • Full Member
  • ***
  • Posts: 218
  • Karma: +24/-1
    • The Fastest Joke Site On The Web
Jason’s Hamburger
« on: 12 Jan 2022, 08:24:25 pm »
Jason recently created a https://medium.com article and also a link in his https://cutcodedown.com/for_others/  I can no longer read the former article because reluctant to subscribe and unable to find the latter source.

I would be grateful for links to the articles.

I was also wondering why Hamburger menus seldom use CSS Details and Summary since they seem ideal for the initial “summary” message and revealed links.
Retired in the City of Angels where the weather suits my clothes

coothead

  • Sr. Member
  • ****
  • Posts: 390
  • Karma: +89/-0
  • I smile benignly
    • coothead's stuff ~ an eclectic collection
Re: Jason’s Hamburger
« Reply #1 on: 13 Jan 2022, 05:18:49 am »
Quote from: John_Betong
I can no longer read the former article because reluctant
 to subscribe and unable to find the latter source.

I was going to say that, there is  no need to subscribe just
remove the site's cookies, but that no longer seems to
fully work.

No problem, disabling javascript in conjunction with the
cookie removal will  resolve the problem.

Here, for a working example, is the...

Building A More Accessible And Simpler “Hamburger” Menu

...link that you were seeking...

https://cutcodedown.com/for_others/medium_articles/mobileMenuActiveButton/

coothead
~ the original bald headed old fart ~

John_Betong

  • Full Member
  • ***
  • Posts: 218
  • Karma: +24/-1
    • The Fastest Joke Site On The Web
Re: Jason’s Hamburger
« Reply #2 on: 13 Jan 2022, 06:07:39 am »
Many thanks for the links. Removing cookies, etc on a tablet is no mean task, I’ve tried unsuccessfully with several browsers :(

Jason’s Hamburger failed on my iPad using Safari :)

The latest site I’m building using CSS Details and Summary works flawlessly I’m delighted to say… and with no frills, etc


Retired in the City of Angels where the weather suits my clothes

Jason Knight

  • Administrator
  • Hero Member
  • *****
  • Posts: 1049
  • Karma: +188/-1
    • CutCodeDown -- Minimalist Semantic Markup
Re: Jason’s Hamburger
« Reply #3 on: 14 Jan 2022, 06:20:43 am »
The failure on the iTampon is the result of iOS being shit in terms of its handling of touch behaving like a click on desktop. If I had my way I'd tell the nose-breathing half-tweets dumb enough to light money on fire with crApple's bullshit vendor lock-in, predatory practices, and sleazy dirtbag LIES to go plow themselves.

But I don't have that choice, which is why my article on medium from a couple weeks ago on a new technique:

https://medium.com/codex/building-a-more-accessible-and-simpler-hamburger-menu-f6d681a7e671

Has had a scripted fix appended to it. Which pisses me off even MORE given it's making me throw garbage JS at a technique that lets me skip using JS everywhere else. But that's why Safari and iOS in general are "The new IE" recreating every single type of struggle we had in the past.

Since like it or not, we're stuck supporting their rinky poorly made garbage that only cultists who've drunk too deeply of the tainted flavor-aid could possibly sing the praises of.

For those who've used up their free medium reads, please join so I get half your membership fee forever...

Only half joking, I'm not that mercenary about it. Here's the associated codepen from the article which basically gives away the secret sauce.

https://codepen.io/jason-knight/pen/yLzqvWv

Again, sucks it needs JS assistance for the overpriced half-assed rinky poorly manufactured "Your data isn't yours' mental-midgetry that are iOS devices, but whaddaya gonna do? Nuke Cupertino from orbit?

It's the only way to be sure...

Seriously, if any other company pulled half the bullshit that crApple has the past 45 years, everyone even remotely involved in decision making would be serving jail time. Predatory doesn't even start to cover it.

But lemme tell ya what I really think...
We are all, we are all, we are all FRIENDS! For today we're all brothers, tonight we're all friends. Our moment of peace in a war that never ends.

Jason Knight

  • Administrator
  • Hero Member
  • *****
  • Posts: 1049
  • Karma: +188/-1
    • CutCodeDown -- Minimalist Semantic Markup
Re: Jason’s Hamburger
« Reply #4 on: 14 Jan 2022, 06:24:08 am »
Oh, and as to DETAILS and SUMMARY, they are often grammatically/semantically incorrect in their behavior on non-visual devices, they are harder to animate, and often have behavioral hooks we DON'T want such as still collapsing on large screens where we don't want the hamburger behavior.

Remember one of the keys to accessible and responsive design is what it does across everything, not just visually at a magical single screen size. In that way, DETAILS/SUMMARY can actually be a negative for things like mobile menus... or even just menus in general.
We are all, we are all, we are all FRIENDS! For today we're all brothers, tonight we're all friends. Our moment of peace in a war that never ends.

 

SMF spam blocked by CleanTalk

Advertisement