Web Development

By streaming CSS updates/appends through an open HTTP connection

Hi! I have a very simple web-app for displaying the weather. It's built with just HTML, CSS and JavaScript, getting the data from the OpenWeatherMap API. I made this for my own personal use only.

It looks great in Firefox on my Linux desktop, and in the DuckDuckGo browser on my android 16 phone. In the Firefox browser on my phone, it looks great in a Private browsing tab. But there's an issue in a regular (non-private) FF browser tab.

In that one context, I have a display:flex row, with one column for the forecasted temperature for each of the next 24 hours and in a FF Android non-private browser tab only, the section is not displayed at all.

This is what it looks like in the DDG browser (correct):
https://files.catbox.moe/1aa2br.png

This is what it looks like in the FF non-private browser (the Hourly columns are not displayed):
https://files.catbox.moe/108iy6.png

You can see the "hourly" heading for the section but none of the contents are displayed at all.

The HTML for the div looks like this:

<div class="hourly-forecast">  
                <div class="hour-column">  
                    <div class="hr-temperature"></div>  
                    <div class="hr-sun"></div>  
                    <div class="hr-time"></div>  
                </div>  
</div>  

The CSS for the hourly-forecast and hour-column classes looks like this:

hourly-forecast {  
    display: -webkit-flexbox;  
    display: -ms-flexbox;  
    display: -webkit-flex;  
    display: flex;  
    justify-content: space-between;  
    padding: 5px;  
    white-space: nowrap;  
    overflow-x: auto; /* Allows horizontal scrolling */  
}  

.hour-column {  
    display: -webkit-flexbox;  
    display: -ms-flexbox;  
    display: -webkit-flex;  
    display: flex;  
    flex-direction: column;  
    align-items: center;  
    min-width: 75px;  
    text-align: center;  
    border-left: 1px solid lightseagreen;  
}  

I just added those -webkit lines but that didn't help any.

The JS just gets the data and puts it in the correct spots in the HTML. The page is not really interactive otherwise, FYI.

I searched around for this but couldn't find anyone else who had issues that only show up in FF Android.

Thanks for any ideas you might have!

There exists a peculiar amnesia in software engineering regarding XML. Mention it in most circles and you will receive knowing smiles, dismissive waves, the sort of patronizing acknowledgment reserved for technologies deemed passé. "Oh, XML," they say, as if the very syllables carry the weight of obsolescence. "We use JSON now. Much cleaner."

cross-posted from: https://lemmy.bestiver.se/post/878991

Comments

A UX strategist is supposed to bridge business goals and user needs through high-level planning. They’re meant to answer questions like “Should we build this?” and “Which problems matter most?” before anyone opens Figma.

In practice, most I’ve worked with excel at one thing: not committing to answers.

“Should we prioritize mobile or desktop?” “It depends on your user base.”

“Which feature should we ship first?” “It depends on your business goals.”

“When should we launch?” “It depends on market conditions.”

Every answer buys them more time to conduct another research phase, run another workshop, build another framework. They become professional question-deflectors who get paid to suggest you need more information before making any decision.

And here’s the thing – they’re not wrong. Everything in product development genuinely does depend on context. But when “it depends” becomes the primary output of someone earning $120-180 per hour, you’re not getting strategy. You’re getting expensive procrastination.

Looking for recommendations for developers who have been around a few years and stagnating a bit. Searching around I just get the same recommendations over and over so please don't say "Clean Code" or "Pragmatic Programmer".

cross-posted from: https://lemmy.bestiver.se/post/868975

Comments

Can you recommend a CSS framework that feels lean and modern like Pico CSS but isn’t only targeting small form sites?

It's easy to prevent it client-side, but does anyone know of a server-side solution because we should not be trusting data from the client?

Hey everyone. I've been a Linux user since 2008, and have kept myself solidly within FOSS or GNU/Libre software for a really long time. Not to be a total walking stereotype, I am fundamentally against Microsoft for a multitude of reasons, and I wanted to see if anyone out there has moved onto something different as well. VSCode is a juggernaut in terms of what it can do for developer workflows thanks to the insane plugin community, so I know I'll need to adjust to a new workflow to a certain degree.

I develop in Laravel and some Symfony, MariaDB and PGSQL, Vue3 and Tailwind. Testing, static analysis, and linting suites are ran on the command line, so that's not an issue. I don't use AI in any capacity of my life, so that's also not a requirement. If I could find something that offers a "run this cli command on file saving", that's really about the biggest requirement I hope to have in place.

I tried KDevelop with PHP support, but that IDE feels very much geared towards KDE development first and foremost. I gave Netbeans a shot last year, and I couldn't quite get my groove going after a couple weeks. Every couple of years I keep checking in on editors like Netbeans or Sublime... but I feel like I'm not aware of other options.

Suggestions are welcome. Thanks!

Lmk lol

cross-posted from: https://lemmy.bestiver.se/post/838080

Comments

Most SPAs seem to only serve one or two 'soft' navigations after the initial 'hard' navigation (the one that loads the entire app upfront), meaning the cost is not being amortized across many requests, negating the whole point of the architecture.