[HN Gopher] Show HN: HTML/CSS Photo Sheet
       ___________________________________________________________________
        
       Show HN: HTML/CSS Photo Sheet
        
       Author : john-doe
       Score  : 16 points
       Date   : 2021-12-23 19:06 UTC (3 hours ago)
        
 (HTM) web link (cadars.github.io)
 (TXT) w3m dump (cadars.github.io)
        
       | DHPersonal wrote:
       | It fails in Safari. :(
        
       | themodelplumber wrote:
       | Wow nice job. I want to find a drop-in solution like this for
       | projects where I use llgal/lazygal/etc.
        
       | tomcooks wrote:
       | In Mobile FF clicking does nothing, URL changes
        
         | soperj wrote:
         | Got the same issue with non-mobile firefox.
        
           | john-doe wrote:
           | Right... I had it working at some point, I guess :focus-
           | within has some limitations. (This could be solved by
           | :target-within, if browsers implement it someday)
        
         | ssss11 wrote:
         | Works fine mobile safari
        
           | masswerk wrote:
           | Safari desktop shows always the first image ("The Donut
           | Hole").
        
         | adamredwoods wrote:
         | I clicked the back button and that did not work (Chrome,
         | desktop). Seems this demo has a ways to go yet. Not bad for an
         | MVP!
        
       | RobertRoberts wrote:
       | Doesn't work at all in Firefox Linux. (ie, I click on an image
       | and nothing happens)
        
       | bigwheeler wrote:
       | The page loads on Firefox/Mac, but that's about it. Clicking
       | around does nothing. They look like great little pics though!
        
       | uhoh-itsmaciek wrote:
       | Also not working here on FF/Linux. Tried Chrome and it's pretty
       | nice. One odd thing I noticed: if I click on an image and then
       | click left or right to go forward or back, after mouse down but
       | before mouse up, the picture index shows "35/35" (it shows the
       | correct position once I release the mouse button).
        
       | john-doe wrote:
       | Disclaimer: it's more of an experiment than something anyone
       | should use: browser performance might get worse when displaying
       | too many images.
       | 
       | There is a tiny bit of Javascript to close the overlay with Esc,
       | but other than that, it's only made by (ab)using HTML and CSS.
        
       | marginalia_nu wrote:
       | Pressed a picture. The image shows. Pressed the back button.
       | Nothing happens. Pressed the back button again. The browser left
       | the site.
       | 
       | Chrome on Android.
        
       | zichy wrote:
       | Really nice showcase. While I like non-JS solutions, some kind of
       | JavaScript is almost always needed when creating interactive
       | elements to ensure accessibility.
        
       ___________________________________________________________________
       (page generated 2021-12-23 23:01 UTC)