scripting / Scripting-News

I'm starting to use GitHub for work on my blog. Why not? It's got good communication and collaboration tools. Why not hook it up to a blog?
121 stars 10 forks source link

Problems with blogroll on scripting.com? #297

Open scripting opened 8 months ago

scripting commented 8 months ago

There's a lot of JavaScript and CSS in the new blogroll on scripting.com, so of course there will be problems. :smile:

If you're seeing something that doesn't look like the screen shots, then let us know here.

  1. What browser?
  2. Computer, if possible version of OS.
  3. Describe the problem. (e.g. the blogroll is displayed upside down)
  4. If you can, open the JavaScript console and see if there are any error messages there. If so, say what they are. Screen shots are good there.
  5. If you had to do something to make the problem appear, say what it is.

Sometimes people write book reports. Remember someone has to read all the stuff. Make the point clear. If it works properly, say that up front. If it didn't work, say that too.

And thanks everyone for the enthusiasm and creative ideas. I'm having fun here too.

Dave

scripting commented 8 months ago

Someone sent a screen shot via email, the blogroll is at the bottom of the page, in Chrome on Mac OS, Monterey.

image

scripting commented 8 months ago

For CSS people, it's really weird to see that screen shot. The two parts are table-cells and the enclosing container is a table.

No matter what I do in Chrome, I can't get the blogroll the go below the blog content, but maybe I'm missing something...

drewkime commented 8 months ago

Love the new blogroll. It's got that "It's so obvious, why are we not already doing this?" feel to it.

One suggestion, and this might just be my expectation from some other tool or site: When a site is expanded I would expect clicking on the snippet to open the source, as clicking on the timestamp does, instead of collapsing it. That would also make a much larger hover target for the pop-up preview.

scripting commented 8 months ago

@drewkime -- thanks! i agree. i iterated to it, there was a moment when i realize this is a blogroll. and then i got really excited.

i hadn't noticed that clicking on the body of an item collapsed the feed. i've put it on my list, when i have something to look at i'll post a note here.

burbridge commented 8 months ago

Javascript console messages (sampled):

9:30:46.342 This site appears to use a
scroll-linked positioning effect. This may
not work well with asynchronous panning; see
https://firefox-source-docs.mozilla.org/
performance/scroll-linked_effects.html for
further details and to join the discussion on
related tools and features! 297
. . .  
09:37:57.848 downloadable font: Glyph bbox
was incorrect (glyph ids 48 70 77 96 97 98 99
102 103 104 105 127 134 135 138 154 174 177
179 181 193 199 200 232 233 287 288 289 290
294 296 299 305 306 307 324 325 334 336 338
341 344 345 346 347 348 349 354 362 364 366
367 368 369 372 373 376 381 382 385 386 429
446 451 459 460 473 475 479 480 498 520 523
526 529 531 532 533 535 536 553 554 561 583
589 594 595 600 601 609 611 614 617 618 631
633 637 642 644 645 648 649 653 658 660)
(font-family: "FontAwesome" style:normal
weight:400 stretch:100 src index:1) source:
http://s3.amazonaws.com/fargo.io/code/
fontAwesome/fonts/fontawesome-webfont.woff2?v
=4.6.3
. . .  
09:37:59.001 openFeedlandSocket:
sending: hello world blogroll.js:108:14
09:38:08.142 📤 Sending <NmLockState> message
to native core <3149932287>
background.js:2:2216976 
. . .  
sendRemoveListener on closed conduit
jid0-adyhmvsP91nUO8pRv0Mn2VKeB84@jetpack.
274877910411 ConduitsChild.sys.mjs:108:13

# # #

burbridge commented 8 months ago
burbridge commented 8 months ago

Safari Javascript console exhibits error:

[Error] Unhandled Promise Rejection: Error: Error looking up record in object store by key range
   (anonymous function)

scripting_com-blank

Marc-450 commented 8 months ago

Is the Bloggroll supposed to contain links to the sites listed? I see all the sites in the blogroll but there seems to be no way to reach the site if I am interested in it (except to write the name of the site in the search window). I use Firefox (with Ghostery enabled) but your site is on my trusted sites list.

Thanks. I visit your site multiple times a day and like the Blogroll list (but either I don’t understand how it is supposed to work or it is not working as expected for me).

scripting commented 8 months ago

@Marc-450 -- thanks for posting the question here.

there is a way to get to the site

  1. expand the feed title by clicking on the wedge next to it
  2. the five most recent items are visible, and next to each one is a link
  3. clicking the link takes you to the site

I do think there should be a way to get to the home page of the site and will think about that.

drewkime commented 8 months ago

The blogroll is only appearing on the home page, not internal pages. Is that intentional?

Firefox 123.0.1 (64-bit) Windows 11 Home

Marc-450 commented 8 months ago

To Scriptiing - thanks for your reply. The blogroll did not seem to be working for me as you described. I was only sometime getting the link when hovering my cursor over one of the expanded items. (Most of the time hovering for several seconds showed nothing new and clicking caused the wedge to close.) However, after playing around for a while, I realized that only the time listing after the title is the link. Knowing this I can get the links. In Firefox, there is no visual indicator that the time listing is the hot link, until you hover over it.

scripting commented 8 months ago

@drewkime -- yes

richb-hanover commented 8 months ago

On tablet devices, (I checked both an iPad and Android), the blogroll does not appear in the main Scripting.com page. (See screen shot below.) I imagine that is because there's not enough horizontal space to display the blogroll.

Suggestion: I wonder if it makes sense to detect the lack of screen width and add a "Blogroll" tab to the page? Thanks as always

Screenshot_20240314-220458

scripting commented 8 months ago

@richb-hanover -- i only got it to work on the desktop site, not tablets or phones yet.

interesting idea about making it a tab...

richb-hanover commented 8 months ago

Might it make sense to make the main content fill the full width of the tablet/phone? (Or center the content area in the page?) The current appearance is a bit lopsided. Thanks again

scripting commented 8 months ago

@richb-hanover -- a screen shot might help. i'm not there with you, i can't see what's on your screen.

richb-hanover commented 8 months ago

Sorry - I had posted a screenshot with my earlier report: https://github.com/scripting/Scripting-News/issues/297#issuecomment-2007877932

scripting commented 8 months ago

i think i see what's going on, you have the tablet in landscape mode?

richb-hanover commented 8 months ago

Hmm... The behaviors are way more complicated than I originally thought. Whether the blogroll is displayed seems to depend on the orientation of the tablet, and what happens when it switches landscape <-> portrait. I'm using both Brave Browser and Silk Browser on my Fire8.

Screenshot 1 - reload in landscape mode Screenshot 1

Screenshot 2 - rotate to portrait mode

Screenshot 2

Screenshot 3 - reload in portrait mode - blogroll appears Screenshot 3

Screenshot 4 - rotate to landscape mode - no blogroll

Screenshot 4

richb-hanover commented 8 months ago

Update:

iPad On my wife's iPad (10 inch, reasonably modern...) using Safari:

  1. Initial reload of the page looks like https://github.com/scripting/Scripting-News/issues/297#issuecomment-2007877932 - large amount of white space on the right.
  2. Rotating the iPad to portrait mode shows header across the top, no blogroll, content fills most of the width as expected
  3. Reloading the iPad in portrait mode - identical appearance to 2 above - does not show blogroll
  4. Rotate to landscape - essentially the same appearance as 1 above.

Asus Nexus 7 using Chrome

This behavior is substantially identical to the Brave browser above: no blogroll shown unless it's reloaded in Portrait mode.

iPhone 14 using Firefox

Substantially the same as the iPad behavior. Blogroll never appears; content and header fill the screen;

scripting commented 8 months ago

a yes or no would have been helpful. :smile:

richb-hanover commented 8 months ago

Sorry - it's a hard habit to break. (QA engineer in another life...) I'll try to answer the specific question in the future. Thanks

scripting commented 8 months ago

LOL -- I'm still actually waiting for the yes or no..

richb-hanover commented 8 months ago

LOL -- I'm still actually waiting for the yes or no..

:-) Yes - the original screen shot was in portrait mode. (In my defense, the first bullet point of my original response was "Yes", but it was buried in a lot of other detail.) I'll try to remember to put the most important info first. Thanks.