|
God I hate Tableau.
|
# ? Nov 17, 2022 17:18 |
|
|
# ? Jun 5, 2024 05:50 |
|
what's the cleanest way to get a page to scroll to your anchor link when you've got a bunch of images on the page that take N milliseconds to load and makes the page larger, so the onLoad anchor link placement ends up being incorrect? Should I just use JS to scroll the page again to the right place? What I'm asking about is 1. Page loads MYURL.com#something 2. Page scrolls to #something 3. A bunch of images load on the page and make the page height greater 4. Page is now scrolled to the wrong position Should I just do something like this or is there a better solution I'm not thinking about : TypeScript code:
|
# ? Nov 18, 2022 17:55 |
|
teen phone cutie posted:what's the cleanest way to get a page to scroll to your anchor link when you've got a bunch of images on the page that take N milliseconds to load and makes the page larger, so the onLoad anchor link placement ends up being incorrect? Should I just use JS to scroll the page again to the right place? Or is the entire img tag lazy loaded?
|
# ? Nov 18, 2022 19:25 |
|
The Merkinman posted:Are the images a set height and width? Could you do it so the img tag essentially loads a blank image, but given the width and height attributes the DOM is already blocked out so it wouldn't grow once the actual image is loaded? they're avatars so no only a possible max width and height, but could be any height and width really so even if i had a "loading" height of the max, the page might end up shrinking i think
|
# ? Nov 18, 2022 19:34 |
|
teen phone cutie posted:they're avatars so no only a possible max width and height, but could be any height and width really Any way to parse the images serverside and find their height/width, then render the height/width into the markup? This is an old problem that I believe some rendering engines have tried to solve (e.g. Chrome and its scroll anchoring - https://developer.chrome.com/blog/scroll-anchoring/), but you're not going to solve this reliably without knowing the image heights.
|
# ? Nov 18, 2022 23:26 |
|
Last Chance posted:Any way to parse the images serverside and find their height/width, then render the height/width into the markup? amazing worked perfectly thanks for the suggestion. I'm using a microservice backend, but luckily server-side rendering my React app, and it was pretty trivial to have Node just calculate the dimensions when doing a render on the server.
|
# ? Nov 19, 2022 00:33 |
|
teen phone cutie posted:amazing worked perfectly thanks for the suggestion. awesome! Glad to help. I had to beg another dev team to expose image width/height through an api once and they really didn’t get why but it can make a huge difference for things like masonry-like layouts and anchors like in your situation.
|
# ? Nov 19, 2022 03:02 |
|
I’ve been teaching myself webdev while my day job has been slow, and I’m looking for some react projects I can do to build a portfolio for when it comes time to monetize computer touching. What kinds of projects or apps would be actually impressive to an employer instead of boilerplate to-do apps and the like? Side note, any tips on finding FOSS projects to contribute to?
|
# ? Nov 21, 2022 21:48 |
|
Head Bee Guy posted:I’ve been teaching myself webdev while my day job has been slow, and I’m looking for some react projects I can do to build a portfolio for when it comes time to monetize computer touching. What kinds of projects or apps would be actually impressive to an employer instead of boilerplate to-do apps and the like? I find it's easiest to solve a problem you actually have. Anything you can make better at work? Any hobbies you have that might could use a little website?
|
# ? Nov 21, 2022 21:58 |
|
Head Bee Guy posted:I’ve been teaching myself webdev while my day job has been slow, and I’m looking for some react projects I can do to build a portfolio for when it comes time to monetize computer touching. What kinds of projects or apps would be actually impressive to an employer instead of boilerplate to-do apps and the like? This can be pretty subjective. My advice is to pick a project related to an existing hobby or some idea you can be excited about for its own sake. This really helps with motivation and actually delivering something, instead choosing based on what you think will look good to potential employers. For example, one of my early personal projects was building a modernized version of NASA's astronomy picture of the day website. I loved the original but the design is literally stuck in the early 90s, and I was able to add a lot of features like a date picker, filmstrip navigation, keyboard shortcuts, etc. https://apod.jered.io/
|
# ? Nov 21, 2022 22:31 |
|
Head Bee Guy posted:I’ve been teaching myself webdev while my day job has been slow, and I’m looking for some react projects I can do to build a portfolio for when it comes time to monetize computer touching. What kinds of projects or apps would be actually impressive to an employer instead of boilerplate to-do apps and the like? camoseven posted:I find it's easiest to solve a problem you actually have. Anything you can make better at work? Any hobbies you have that might could use a little website? Anony Mouse posted:pick a project related to an existing hobby or some idea you can be excited about for its own sake. This really helps with motivation and actually delivering something. +1 I'll throw in some practicals: - Put the project on GitHub with a nice readme, code with comments, and nicely formatter according to some linter. It MUST include a live demo. - Make at least one project that eats some data from an API and renders it into a useful website CarForumPoster fucked around with this message at 02:23 on Nov 22, 2022 |
# ? Nov 22, 2022 02:20 |
|
Any good Black Friday discounts on educational resources or services?
|
# ? Nov 25, 2022 04:19 |
|
Violator posted:Any good Black Friday discounts on educational resources or services? Level up tutorials is 50 pct off of pro - Scott Tolinski from Syntax podcast
|
# ? Nov 25, 2022 04:51 |
|
RefactoringUI book plus TailwindUI in a package for half off I think. Dan Abramov's Just JavaScript course is also half off.
|
# ? Nov 25, 2022 06:27 |
|
Here’s a list of Laravel Black Friday sales mixed with general PHP/JS courses/tools: https://laravel-news.com/black-friday-specials
|
# ? Nov 25, 2022 18:59 |
|
So I'm thinking about running two webcomics simultaneously on the same site, maybe a bad idea, maybe not an extra domain name wouldn't be that much, but keeping all the traffic in one place is nice too. Anyways, what I want to do, is depending on which comic you're in get the first and last page of that comic, So if you're reading Comic 01, which is Category id 01 the first link is the first comic in that category. If you're instead reading Comic 02, which has Category id 02, then the first link is the first comic in category 02. Here's what I've found so far code:
|
# ? Nov 29, 2022 19:59 |
|
its a wordpress system! i know this!code:
https://developer.wordpress.org/reference/functions/get_the_category/ Last Chance fucked around with this message at 20:22 on Nov 29, 2022 |
# ? Nov 29, 2022 20:19 |
|
This might be the best thread to ask this question inside... I dunno. I am trying to forward a domain to a Discord Invite. It doesn't work lol. It's a hover domain. I've set the @ and * correctly as specified in Hovers documentation and I've set the nameservers correctly. I'm mostly positive of this because my subdomain discord.website.com redirects perfectly to the Discord. But I can't get the root domain to redirect. Any ideas? I don't have web hosting setup or I'd do a simple redirect script. It was a two decade old web forum that we moved to Discord for.
|
# ? Dec 1, 2022 00:16 |
|
What's some decent React component libraries that look much alike applications? For something that'll run as an application in Electron. I've been looking at Fluent UI, given what the new Outlook beta looks like. But going from v8 to v9, they seem to be axing a lot of the CSS grid abstractions like that Stack component. And the documentation seems to suck. What about --edit: Also, ag-grid vs react-data-grid? Combat Pretzel fucked around with this message at 19:50 on Dec 1, 2022 |
# ? Dec 1, 2022 19:42 |
|
Has anyone else come across this issue? If so, how did you debug, how did you go fix? https://stackoverflow.com/questions/74369244/select-element-closes-immediately-when-clicked-in-chrome-some-android-devices
|
# ? Dec 2, 2022 19:53 |
|
The Merkinman posted:Has anyone else come across this issue? If so, how did you debug, how did you go fix? i haven't faced this specific issue but we had other problems with the select element and use select element alternatives to work around its limitations. you might want to see if the problem still happens if you use a select element alternative like select2 or react-select.
|
# ? Dec 2, 2022 21:09 |
|
Busy Bee posted:Thank you, I reviewed the website but still looking into it to see if it can accomplish what I want it to do. CarForumPoster posted:If you're past that point and your users need features that you cant get through a no code app or no code + Zapier type solution, MVP2 from a Fiverr person might not be a bad idea. Expect to throw it away. Expect it to be buggy. Make sure you know how to handle your users data security. Frankly you're still gonna need someone who knows a thing or two about coding just to be able to keep the MVP2 running, get it deployed, etc. prom candy identified some possible solutions to this. I wanted to follow up on this post I made back in August and the response. I've spoken with a few web developers on Fiverr and wanted to run it by here to hear your thoughts. As shown in my first message I quoted above, I have a folder with over 30+ different workout training plans in json format. A user can initially filter out the available training plans by choosing difficult, length etc, and / or choosing a training plan from the list on the website. After they add some further details such as the start date of the workout, the user can see a calendar in a grid format with different weeks. Initially, the user will only be able to choose the 30+ different workout training plans but in the future, a user could create their own plan if they wish. How should I best approach the backend here? One suggestion I received is having a MySQL database. I want to understand this further before I move forward with MVP2 on Fiverr.
|
# ? Dec 5, 2022 22:32 |
|
Is there a chat bot that doesn't suck? Clients always have them but they're all a massive drain on page speed and insert so much render-blocking code that PageSpeed Insights throws a fit. Sometimes all the red in every area is the chat bot and the site would score a 90+ otherwise.
|
# ? Dec 5, 2022 22:38 |
|
Bruegels Fuckbooks posted:i haven't faced this specific issue but we had other problems with the select element and use select element alternatives to work around its limitations. you might want to see if the problem still happens if you use a select element alternative like select2 or react-select. Replacing literally all of our native <select> elements with some custom element isn't really an option. Also seems I'm not the only one seeing the issue
|
# ? Dec 6, 2022 17:13 |
|
The Merkinman posted:Replacing literally all of our native <select> elements with some custom element isn't really an option. Actually if you look at the chrome bug tracker, there are multiple issues with the select control right now. e.g. https://bugs.chromium.org/p/chromium/issues/detail?id=1380190&q=component%3ABlink%3EForms%3ESelect&can=1 (this looks like your issue even though it's fixed, but this fix is marked for 109) and https://bugs.chromium.org/p/chromium/issues/detail?id=1395079&q=component%3ABlink%3EForms%3ESelect&can=1 (similar issue) Maybe check if it still happens in 109 chrome?
|
# ? Dec 6, 2022 21:50 |
|
Bruegels Fuckbooks posted:Actually if you look at the chrome bug tracker, there are multiple issues with the select control right now. Yeah I checked. Doesn't seem to happen in 110 though, just like the link I posted. That doesn't come out until February, so idk what I'm supposed to do in the interim, just replace all selects?
|
# ? Dec 7, 2022 03:10 |
|
The Merkinman posted:Yeah I checked. Doesn't seem to happen in 110 though, just like the link I posted. Seems like you either wait until February, or verify that the select alternatives work and switch them over. That sucks, oh well.
|
# ? Dec 7, 2022 04:50 |
|
God drat it thread I hate CSS / UI Design so much, I'm so bad at it I'm trying to create a layout similar to what you'd see on Bootstrap's documentation site: https://getbootstrap.com/docs/5.0/components/accordion/ I want a collapsible navigation menu on the left with its own scroll bar, the "actual body" to the right, and a row going across the bottom with some buttons that should always be visible. I'm pretty close to those requirements, but it's not quite there and I don't understand why The actual HTML file is approximately 200 lines long, but I think I've cut out everything I can to make try and make it a little easier to digest: code:
code:
Looks great right? Until we expand one of the nav menus: I can't figure out how to get that left-most scroll bar to "belong" to the nav menu on the left. I've tried wrapping the Accordion div in something with overflow: auto, I've tried wrapping the bootstrap column div which encapsulates the accordion in another div and tinker with the overflow there, nothing works And I'm not sure why, when the menu expands and causes the scroll bar to appear, why does the "app body" have a large gap between it and the footer buttons. Although I suppose if I can get the scrollbar to tie to the nav menu, then that'll probably fix this issue... I've been digging around in the browser's Inspector all week and I just can't figure this poo poo out. Sab669 fucked around with this message at 17:55 on Dec 8, 2022 |
# ? Dec 8, 2022 17:41 |
|
Sab669 posted:God drat it thread I hate CSS / UI Design so much, I'm so bad at it Possibly wrap the accordion in a div that has a fixed height of 100vh (100% of user's viewport) and has overflow: scroll turned on: code:
|
# ? Dec 8, 2022 17:52 |
|
Last Chance posted:Possibly wrap the accordion in a div that has a fixed height of 100vh (100% of user's viewport) and has overflow: scroll turned on: Put that class right on the accordion div and I do have a scrollbar on the menu now, but for some strange reason I still have that right-most scrollbar Changed it overflow: auto instead as I'd prefer not to always have scrollbars -- but man I swear I tried that earlier this week and it wasn't doing what I wanted lol. Maybe I had it on a wrapper div instead or something. I'll continue to tinker with it, but definitely a step in the right direction, thanks.
|
# ? Dec 8, 2022 20:11 |
|
LifeLynx posted:Is there a chat bot that doesn't suck? Clients always have them but they're all a massive drain on page speed and insert so much render-blocking code that PageSpeed Insights throws a fit. Sometimes all the red in every area is the chat bot and the site would score a 90+ otherwise. Maybe this is why websites never load those in right away. There's always 30 seconds or a minute before the chat bot loads in. Likely helps with speed ranking. As far as why they all suck I don't know. Seems if I wanted to build one I'd just need to connect to a websockets endpoint. Perhaps after it's js css html load from a script. Wouldn't need to be too intensive.
|
# ? Dec 8, 2022 21:02 |
|
This code seems to link to the page it's on every time, and I don't know why. I'm still trying to make buttons.PHP code:
|
# ? Dec 9, 2022 19:38 |
|
Last Chance posted:Any way to parse the images serverside and find their height/width, then render the height/width into the markup? one thing i just realized about this is that somehow the forums don't have this issue, but also don't seem to render the width/height into the markup for example this thread with a lot of images https://forums.somethingawful.com/showthread.php?noseen=0&threadid=4017185&perpage=40&pagenumber=3#pti20 the scroll position remains even if you open up chrome devtools, check "disable cache" in the network tab and load the page. and looking through the HTML, it doesn't seem like there's any CSS or styling added to the containers of each post, so i'm wondering if there's another way to do this?
|
# ? Dec 9, 2022 23:43 |
|
teen phone cutie posted:one thing i just realized about this is that somehow the forums don't have this issue, but also don't seem to render the width/height into the markup Not that I'm aware of, but like i said in my OP i do know that Chrome has a "scroll anchoring feature" that will attempt to anchor pages correctly even as images load in with no height/width. The link you posted does take me to the correct post on Chrome, but when I tried it in Safari and Firefox, they both failed at staying in the right spot so you may be seeing Chrome's specific functionality at work here..
|
# ? Dec 9, 2022 23:56 |
|
If anyone was wondering I gave up on Drupal, Hugo, Jekyll, and Wordpress, and now I'm just running pure html and js https://bobapearlessence.com I hate how much I had over complicated this process.
|
# ? Dec 16, 2022 03:18 |
|
neocities is sick, well done. although change the color of your footer text, it's unreadable Last Chance posted:The link you posted does take me to the correct post on Chrome, but when I tried it in Safari and Firefox, they both failed at staying in the right spot so you may be seeing Chrome's specific functionality at work here.. huh yeah interesting. good to know at least, thanks!
|
# ? Dec 16, 2022 03:32 |
|
Thanks, I also found out if I add just a half second of fade in, the weird jumping around and loading never happens, because it's all hidden during fade in.
|
# ? Dec 16, 2022 06:53 |
|
Does this look OK? I'm colorblind and I don't want to sear anybodies eyes. A lot of color's look much duller to me. I tried to go to the web critique thread in the OP but that's been dead for 6 years. I'm trying to optimize for phones because about 70% of my viewers view on mobile. https://bobapearlessence.com/
|
# ? Dec 17, 2022 03:32 |
|
Boba Pearl posted:Does this look OK? I'm colorblind and I don't want to sear anybodies eyes. A lot of color's look much duller to me. I tried to go to the web critique thread in the OP but that's been dead for 6 years. I'm trying to optimize for phones because about 70% of my viewers view on mobile. It scrolls horizontally on my phone (Galaxy S22 Ultra) because the word "Characters" at the bottom is too long without breaks. But otherwise the layout works.
|
# ? Dec 17, 2022 04:13 |
|
|
# ? Jun 5, 2024 05:50 |
|
Boba Pearl posted:Does this look OK? I'm colorblind and I don't want to sear anybodies eyes. A lot of color's look much duller to me. I tried to go to the web critique thread in the OP but that's been dead for 6 years. I'm trying to optimize for phones because about 70% of my viewers view on mobile. what might help is using a tool like this: https://accessibleweb.com/color-contrast-checker/ in web there's a set of guidelines for accessibility, and with background and foreground colors, you want to reach at least a AA score, but AAA is usually best. you can use a tool like that to make sure your color choices are visible to people with varying types of vision e; but yeah your colors look good now!
|
# ? Dec 17, 2022 06:22 |