51–60 of 84 posts
Instead of a bookmarklet I recommend using a browser extension like greasemonkey or tampermonkey to autorun the script and have the sticky headers unstuck on page load. No manual work of clicking the bookmarklet.
I just finished studying Multimedia design at KEA (Copenhagen School of Design and Technology), and I was surprised how popular sticky headers were among the teachers. Some even arguing they improved the browsing experience. Clearly they could not be more wrong. I think part of the issue is, educationally, people gets told that sticky headers and huge font-size or white space is good design. In reality, they are just…
Web design is the problem.
(In fairness: 99% of Web designers give the other 1% a bad reputation.)
Yet this site has a sticky header...
Yet this site has a sticky header...
For people who would like a more concise source (in ES6 & a bit of functional style): [...document.querySelectorAll("*")].filter(el => getComputedStyle(el).position === "fixed").forEach(el => el.parentNode.removeChild(el)); The code above also works, you can add the URL below to bookmarks. javascript:[...document.querySelectorAll("*")].filter(el%20=>%20getComputedStyle(el).position%20===%20"fixed").forEach(el%20=>%20…
https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/r...
Ever since I started using unlock origin's cosmetic filters to remove headers, footers and sidebars from most websites I visit, the web has become a much more enjoyable place. These 'engagement hacks' do little other than make your website look cluttered and distracting, which probably gets misinterpreted as 'engagement'.
You can add https://github.com/yourduskquibbles/webannoyances#one-click-... to UBlock Origin as a custom list instead of removing them yourself. Disclaimer: I've never tried it.
Earlier quoted context omitted.
Really? I feel like a navigation stuck to the top on a phone is a must. Scrolling on a phone us much more complicated and tedious than with a mouse; as long as it's small and not intrusive.
Just tap the top of the screen and your browser scrolls up. Most of the time I come across a sticky nav bar and footer I just turn on reader view and turn off all the site’s terrible styling.
There are few things that frustrate me more than scrolling down a web page, while trying to read and article, and having the header become sticky and obscure what I'm reading. As far as I can remember, the _only_ app I've ever seen get this exactly right (in terms of not ever obscuring text) is the New York Times' Android app.
It's even worse when it only appears when you're scrolling up. You want to scroll up one line to re-read the sentence that scrolled off screen. Nope, now you have to scroll 50px because the navbar spawned. Oh, it's gone again. Nope, it's back, I didn't even mean to scroll up 1px that time. It's no wonder my girlfriend makes more than I do as a UX professional. Someone on the team that actually has the users' interest…
Websites just show it on scroll-up no matter how you do it, so annoying.