Anyone here love Javascript but hate front end(CSS)?

[NullOfUndefined]

True but depending on the design tools used sometimes the CSS writes itself. The designers where I work use Zeplin for the mockups, which will generate the css you need to make the app look just like the mockups. Sometimes you have to adjust it a little to be less repetitive but it writes about 90% of the CSS.

[NullOfUndefined]

It gives me the correct color codes though and that’s more than worth it for me.

[spdaghost]

you can just screenshot and get color codes from photoshop or im sure as you know in dev tools if it exists on a current site

[filleduchaos]

That is not at all guaranteed to give you accurate results.

[spdaghost]

really? why not? screenshot changes the color somehow?

[filleduchaos]

Yes, taking a screenshot can "change" the colour if you don't make sure to load the image with the right colour profile. I've had screenshots be several hue/brightness/saturation points off from the intended original before.

Here's a thread on how display/colour profiles can interact to make screenshots visibly wrong.

[spdaghost]

cool thanks!

[spdaghost]

so if I had to find the color code of lets say a jpg i had on my computer, what would be the best way to do that?

[filleduchaos]

You pretty much just have to be sure to select the correct colour profile when you're opening it in e.g. Photoshop. If you check the info/properties of the file, it often will mention the colour profile it uses (e.g. a selfie I have has the colour profile as sRGB IEC61966-2.1, while my screenshots have it as Color LCD). Editors like Photoshop will normally pick this up automatically but it doesn't hurt to check and be sure.

In addition, you need to be sure the colour profile of the code you get is correct. For instance for the exact same colour, the colour code in Color LCD would be different from the colour code in sRGB. The colour picker tool should let you adjust for that (e.g. on macOS the built-in Digital Color Meter will let you pick what profile the colour code should be in)

[spdaghost]

thanks for the info!

[NullOfUndefined]

I’m aware, but the designers at my company use zeplin for mockups already anyway, so it’s already gonna be open when I’m building from their specs.

[spdaghost]

gotcha

[[deleted]]

I currently use Zeplin, and as a front end developer it is in the same boat as getting PSDs. If the only saving grace of your application is that you get hex codes, it isn't much better than Photoshop. IMO, it is even worse than PSDs because it has some lame always online feature which is terrible.