Home background looks weird in Safari

[oliverjam]

Safari seems to handle transparent gradients differently, so the background looks much shitter there. It's all white and stuff. Not sure what the problem is but I can probably get it to work.

[Jamchiller]

Yeah, if you want, can you just hide the boxes on the safari site? That could be easiest

[oliverjam]

Not sure I can target Safari without some weird JS hacks. I'll look into the issue later — it's probably fixable.

[Jamchiller]

Cool, give it a go

[oliverjam]

Found the issue — as always it's Safari being the odd dickhead out. Apparently they may actually be the only browser correctly implementing gradients (but I'd argue the spec is wrong here, as if I use 'transparent' in a gradient I want the colour to fade to transparent, not fade through the opaque version of the colour before hitting transparent).

Anyway I think I can fix it.

[oliverjam]

Okay so I fixed the original issue, the bg looks great in Chrome and isn't broken in Safari anymore. BUT in Safari and Firefox there is banding on the gradient for some reason. Can you see it or is it my screen being weird?

[Jamchiller]

Hmm yep I'm getting banding too. Wtf. Anything online about this? Surely browsers should be able to disaply gradients?

[oliverjam]

I've googled a bit — apparently you're at the mercy of the browser's rendering engine :/

[Jamchiller]

MOtherfucker. Oh well

[Jamchiller]

You gonna move this across to lick's git tonight so we can go live tomorrow?

[oliverjam]

Done: https://lickcreative.github.io/workstream/

Just need to get Sanj to change the IP with the DNS provider

[Jamchiller]

Nice so are you gonna keep working through the issues here but making the changes at the lickcreative git?

Or shall we move issues to the other one?

[oliverjam]

I've set it up so when i push changes here they get mirrored to the lick one

[Jamchiller]

Nice! That's awesome!

[Jamchiller]

You can close this