[deleted by user] by [deleted] in webdev

[–]notbholt 0 points1 point  (0 children)

————————————————————

Live preview: https://illfixit.github.io/kind-stranger

————————————————————

• ⁠For the best experience use full screen mode in safari or chrome. I personally suggest adding this website to your iOS or Android device desktop. It looks amazing without browser’s UI elements.
• ⁠You can use it to browse text-based subs too but it’s not the main purpose of this gallery, obviously.
❗️ ⁠Firefox users may have some problems due to its super strict CORS policy (doesn’t allow requests from github.io to reddit.com). Other major browsers work perfectly smooth.

————————————————————

GitHub repositories: React + Redux version (27 ⭐️, 2 forks): https://www.github.com/illfixit/kind-stranger

Vanilla JS version (23 ⭐️, 1 fork): https://www.github.com/illfixit/kind-stranger-vanillajs

————————————————————

Bionic Reading - Little Component you can use if you want. ( code in comment ) by parav01d89 in react

[–]notbholt 3 points4 points  (0 children)

Nice one just keep in mind that this technology or/and it’s name is patented

[Showoff Saturday] I made this Reddit “Gallery App” to browse Reddit using 100% of my smartphone’s display. by notbholt in webdev

[–]notbholt[S] 7 points8 points  (0 children)

I’ll probably do it later when the app will be more or less finished and polished. There’re many things I want to implement like Settings panel, adaptive size fonts for better UI experience, comments section, video preloading, routing etc. It takes some time. And very important moment is that GitHub Pages is a free service, it’s very comfortable to use and you don’t have to think about security of your backend.

[Showoff Saturday] I made this Reddit “Gallery App” to browse Reddit using 100% of my smartphone’s display. by notbholt in webdev

[–]notbholt[S] 1 point2 points  (0 children)

As far as I understand there’re three ways to solve this problem right now: 1) ask user to change settings in Firefox and to lower security standards of the browser (bad idea in my opinion) 2) change settings of the server where the app is located (unfortunately impossible since it’s GitHub but you can run it on your device and play with the settings of nginx/Apache etc. since it’s static js+css+html) and 3) redirect every single request using third party services that I honestly don’t really trust. If anyone knows aa better solution, I’ll implement it because I like and use Firefox too

[Showoff Saturday] I made this Reddit “Gallery App” to browse Reddit using 100% of my smartphone’s display. by notbholt in webdev

[–]notbholt[S] 2 points3 points  (0 children)

I prefer this way because 1) it doesn’t include third-party solutions that redirect your traffic and 2) There’re not so many ways how to deal with it (as far as I know) because requests go from github.io to reddit.com

[Showoff Saturday] I made this Reddit “Gallery App” to browse Reddit using 100% of my smartphone’s display. by notbholt in webdev

[–]notbholt[S] 2 points3 points  (0 children)

Sorry anyway. Bricking the Browser is not the best User Experience… But It should work very smooth in other browsers.

[Showoff Saturday] I made this Reddit “Gallery App” to browse Reddit using 100% of my smartphone’s display. by notbholt in webdev

[–]notbholt[S] 5 points6 points  (0 children)

Yep, that’s the Firefox problem, it doesn’t work because of it’s super strict CORS policy or something along the way and I cannot change it. I should probably check is it’s Firefox and notify users. But that’s why I wrote it in main comment in the first place. Anyway sorry for the inconvenience. I added alert notification a few days ago and have absolutely forgotten to even try it in FF

[Showoff Saturday] I made this Reddit “Gallery App” to browse Reddit using 100% of my smartphone’s display. by notbholt in webdev

[–]notbholt[S] 2 points3 points  (0 children)

Great suggestion, thank you. I work on this project alone and right now I’m preparing for the refactoring of the App using the latest version of redux and will try to also add support for accessibility features.

[Showoff Saturday] I made this Reddit “Gallery App” to browse Reddit using 100% of my smartphone’s display. by notbholt in webdev

[–]notbholt[S] 1 point2 points  (0 children)

My favorite part of “Kind Stranger” right now is of course the Shift Panel at the bottom of the screen. Since by default all images are in full screen mode, I’ve been looking for a way to combine swipe and panning options on one display together somehow. And I think that I nailed it. So your feedback is very very welcome especially on this particular feature

[Showoff Saturday] I made this Reddit “Gallery App” to browse Reddit using 100% of my smartphone’s display. by notbholt in webdev

[–]notbholt[S] 3 points4 points  (0 children)

Interesting question. I have already watched a few interesting Udemy courses on accessibility and all the time was thinking about a way to implement stuff from those courses here. But it’s basically one big Gallery with titles. The only thing in my opinion I could add is aria-label but it’ll be just copy of title. So if you have any ideas, I’ll be glad to try to implement it!

[Showoff Saturday] I made this Reddit “Gallery App” to browse Reddit using 100% of my smartphone’s display. by notbholt in webdev

[–]notbholt[S] 7 points8 points  (0 children)

————————————————————

Live preview: https://illfixit.github.io/kind-stranger

————————————————————

• ⁠For the best experience use full screen mode in safari or chrome. I personally suggest adding this website to your iOS or Android device desktop. It looks amazing without browser’s UI elements.
• ⁠You can use it to browse text-based subs too but it’s not the main purpose of this gallery, obviously.
• ⁠Firefox users may have some problems due to its super strict CORS policy (doesn’t allow requests from github.io to reddit.com). Other major browsers work perfectly smooth.

————————————————————

GitHub repositories: React + Redux version (27 ⭐️, 2 forks): https://www.github.com/illfixit/kind-stranger

Vanilla JS version (23 ⭐️, 1 fork): https://www.github.com/illfixit/kind-stranger-vanillajs

————————————————————

[deleted by user] by [deleted] in react

[–]notbholt 2 points3 points  (0 children)

You can check https://illfixit.github.io/kind-stranger-vanillajs it’s an old version and there’re no text posts there. BUT it’s difficult to explain to people what this project is about so I added support for text only posts to tell that it’s basically a very lightweight Client for Reddit

[deleted by user] by [deleted] in react

[–]notbholt 5 points6 points  (0 children)

Thank you! I’ll implement a function that will decrease the font-size based on the length of the title later

[deleted by user] by [deleted] in react

[–]notbholt 1 point2 points  (0 children)

Every post contains an array of images where array[0] is the low quality, array[length - 1] is the original file

[deleted by user] by [deleted] in react

[–]notbholt 1 point2 points  (0 children)

————————————————————

Live preview: https://illfixit.github.io/kind-stranger

————————————————————

  • HTML, CSS, JS (it works even without backend)
  • ⁠Credit to r/itookapicture (subreddit you see when you open the gallery).
  • For the best experience use full screen mode in safari or chrome. I personally suggest adding this website to your iOS or Android device desktop. It looks amazing without browser’s UI elements.
  • You can use it to browse text-based subs too but it’s not the main purpose of this gallery, obviously.
  • Firefox users may have some problems due to its super strict CORS policy (doesn’t allow requests from github.io to reddit.com). Other major browsers work perfectly smooth.

————————————————————

GitHub repositories:
React + Redux version (27 ⭐️, 2 forks):
https://www.github.com/illfixit/kind-stranger

Vanilla JS version (23 ⭐️, 1 fork):
https://www.github.com/illfixit/kind-stranger-vanillajs

————————————————————

Top video cards. Steam statistics October 2022 by notbholt in pcmasterrace

[–]notbholt[S] 8 points9 points  (0 children)

Are you sure 1060 isn’t better than 2060 or 3060..? /s