Register a SA Forums Account here!
JOINING THE SA FORUMS WILL REMOVE THIS BIG AD, THE ANNOYING UNDERLINED ADS, AND STUPID INTERSTITIAL ADS!!!

You can: log in, read the tech support FAQ, or request your lost password. This dumb message (and those ads) will appear on every screen until you register! Get rid of this crap by registering your own SA Forums Account and joining roughly 150,000 Goons, for the one-time price of $9.95! We charge money because it costs us money per month for bills, and since we don't believe in showing ads to our users, we try to make the money back through forum registrations.
 
  • Post
  • Reply
worms butthole guy
Jan 29, 2021

by Fluffdaddy
Sorta, but I think I just have all of my grid messed up :(.

I think basically what I want to do is:

Have a grid 500px tall
Have the image in column 1 stretch to the height and weight of the column (width would be 500px tall 75% wide)


which I would assume would be as easy as:

code:
<div class="gridBlock">
<div class="col1"><img src="PXL_20220415_125550359.jpg"/></div>
<div class="col2">Test</div>
</div>


<style>.gridBlock{
  display: grid;
  grid-template-columns: 75% auto;
  height: 500px;
  overflow: hidden;
}

.col1 img{
  width: 100%;
  height: 100%;
  min-height: 500px;
  object-fit: cover;
}</style>
but I think the slider portion of it is messing it up?


edit: Here's a JSFiddle

https://jsfiddle.net/lgaMedia/3do19xnh/

worms butthole guy fucked around with this message at 17:05 on Apr 26, 2022

Adbot
ADBOT LOVES YOU

Vincent Valentine
Feb 28, 2006

Murdertime

https://jsfiddle.net/L7m5c41n/2/

Is this what you're looking for?

Edit: Make sure you diff it against your code. I wasn't entirely sure what you were trying to achieve so I worked out a few different methods, several of which didn't fit the prompt but I left my cuts in because I don't think a lot of your code was actually doing anything.

worms butthole guy
Jan 29, 2021

by Fluffdaddy
Yeah the code originally uses HubSpot's stupid templating language HubL, so I stripped out alot of it.

That actually is extremely close to what I want it to do, so thank you!!!! :)

Vincent Valentine
Feb 28, 2006

Murdertime

worms butthole guy posted:

Yeah the code originally uses HubSpot's stupid templating language HubL, so I stripped out alot of it.

That actually is extremely close to what I want it to do, so thank you!!!! :)

If it's extremely close but not exact, I gotta ask, what is it missing? At the risk of sounding mean, which isn't my intention, figuring out the prompt here is kind of the entire challenge. A fixed height with percentage width that stretches without maintaining aspect ratio is just asking for trouble, so I had a feeling this isn't exactly what you're asking for but I don't know what else you would want.

worms butthole guy
Jan 29, 2021

by Fluffdaddy
Only thing missing was just changing object-fit from fill to cover :).

Vincent Valentine
Feb 28, 2006

Murdertime

Ah, I see, when you said " stretch to the height and weight of the column" I assumed that meant you didn't want to maintain aspect ratio, so I went with Fill to prevent the image from cropping. In retrospect that probably why it seemed like such an unusual request, cropping makes a lot more sense.

Lumpy
Apr 26, 2002

La! La! La! Laaaa!



College Slice
I am doing some refactoring work in some React components and while I'm in there, I see a lot of this:

code:
style: {
  paddingLeft: "calc(24px)";
  ...
  marginRight: "calc(16px)";
}
Since I am an old dinosaur who isn't 100% up to speed with all the fancy new CSS stuff, I figured I'd ask first... isn't calc(24px) exactly the same as 24px?

kedo
Nov 27, 2007

Yep.

D34THROW
Jan 29, 2012

RETAIL RETAIL LISTEN TO ME BITCH ABOUT RETAIL
:rant:
Yeah, great, lemme spend 2 weeks loving around with grids in version 1 of this project and then discover Bootstrap grids in version 2 that do 99% of what I was trying to coerce my poo poo into doing :bang:


EDIT: While I'm on the topic, I have a Bootstrap grid for my main menu with a class centered that puts the top left at 50%/50% and then a transform that pulls it back 50%/50% so that the whole thing is centered on the viewport. I have a Bootstrap dropdown in this menu grid, but when I click the button to open the dropdown, the collapse renders halfway off the button to the left. I'll try to grab a screenie when I work on it later.

Any ideas? Is it because I'm applying a transform to the menu container? Maybe I should add a shiftRight class that does a transform: translate(50%,0%) on the dropdown collapse?

D34THROW fucked around with this message at 14:05 on May 6, 2022

D34THROW
Jan 29, 2012

RETAIL RETAIL LISTEN TO ME BITCH ABOUT RETAIL
:rant:
Since it won't let me add an attachment via edit, this is how it sits raw. I want to avoid using pixels if at all possible so hopefully I can fiddle with the developer tools in Chrome to unfuck it.

EDIT: It was the text-align: center; on the containing cell that was breaking it. I'm unfucking that whole menu system and revamping it now.


Also, it's a really nice feeling as an amateur to look at the web app of one of our primary vendors and say "that button looks like a customized Bootstrap button" and then see Bootstrap CSS files and classes in the source code and recognizing Bootstrap modals :kiddo:

Only registered members can see post attachments!

D34THROW fucked around with this message at 14:01 on May 7, 2022

chami
Mar 28, 2011

Keep it classy, boys~
Fun Shoe
If you’re dead set on using Bootstrap, any reason you’re not using any of their flex classes? Are you stuck on v.3 and below?

cruft
Oct 25, 2007

Now that the critique thread is in the vault, where should I ask for advice on a user interface?

Just-In-Timeberlake
Aug 18, 2003

cruft posted:

Now that the critique thread is in the vault, where should I ask for advice on a user interface?

I will gladly tell you why YUIPOS

cruft
Oct 25, 2007

Just-In-Timeberlake posted:

I will gladly tell you why YUIPOS

Okay, great. It's at https://vail.woozle.org/#testing.

I need to add 6-8 new input methods, when there are currently two: the Straight and Iambic tab. I'm thinking the tabs there become a dropdown to select from the 10+ input methods, which will alternate between one and two gigantic buttons beneath. The buttons in the Tools tab would move into the Knobs section.

But mostly what I need is somebody who has informed opinions about user interfaces telling me some of them.

D34THROW
Jan 29, 2012

RETAIL RETAIL LISTEN TO ME BITCH ABOUT RETAIL
:rant:

chami posted:

If you’re dead set on using Bootstrap, any reason you’re not using any of their flex classes? Are you stuck on v.3 and below?

I am stuck on v3, it's a Flask app. I also just really like the look of Bootstrap :shobon:

The Dave
Sep 9, 2003

This is obviously different than giving ui/ux feedback on say someone's personal website or marketing website, or even simple app. This is pretty niche and if you don't have domain knowledge of what is going on, you can't really give valid feedback without spending time onboarding yourself to your users, common tasks, goals, etc.

I can tell you I don't understand this three section layout and why they don't just occupy 100% height and equally eat up the viewport. I have no idea what the icons are trying to tell me, I didn't know 'testing' was the name of the thing I was messing with, I have some guesses but as someone not interested in this or know anything about it, that's all I can say.

What I can tell you is some generic ways to go about getting better feedback. One is to find more applications doing something similar and just... stealing ideas. Especially if this is a hobby project, no harm and getting inspiration from another site/software doing the same thing.

I also imagine there's some type of community for this stuff. You can survey them to ask them what functions, tools they do or don't need, or what software they prefer. You could also run some user tests and come up with a task or 2 and see if anyone would hop on a video call with you and basically don't lead or say much and ask them to vocalize all their thoughts.

cruft
Oct 25, 2007

The Dave posted:

This is obviously different than giving ui/ux feedback on say someone's personal website or marketing website, or even simple app. This is pretty niche and if you don't have domain knowledge of what is going on, you can't really give valid feedback without spending time onboarding yourself to your users, common tasks, goals, etc.

Yeah. And unfortunately the main user base here is old guys who thought 1991 was the pinnacle of web design, so I'm just having to stumble around in the dark here, guessing how best to do things.

Your take did make me realize that this is going to make no sense to someone fresh to the domain, which is helpful!

Thank you for your thoughtful response!

kedo
Nov 27, 2007

Can anyone recommend an API or other tool (paid is fine, but paid with some sort of free trial or sandbox would be great) that performs language analysis on provided text to ascertain topic and sentiment?

e: Two separate tools would also be fine.

Lumpy
Apr 26, 2002

La! La! La! Laaaa!



College Slice

kedo posted:

Can anyone recommend an API or other tool (paid is fine, but paid with some sort of free trial or sandbox would be great) that performs language analysis on provided text to ascertain topic and sentiment?

e: Two separate tools would also be fine.

IBM's tools for this were good a few years ago. I know they have changed names since I used them. They were Watson, and then they changed to somethign with the word "Blue" in them maybe? Anyway, they were good.

fuf
Sep 12, 2004

haha
the ubiquity of two factor authentication has made my life so much harder sometimes

me: hey [client], can you send me the login code you just got sent? I need to change something on your domain

client: *literally 6 hours later* XC4J5 :)



I have to carefully coordinate times when I can login

camoseven
Dec 30, 2005

RODOLPHONE RINGIN'
I have to enter my password 4 times and 2FA 3 times to get my local dev env set up each day. By the time I finish I need to take a break to regain motivation to code lol

kedo
Nov 27, 2007

Most services that use 2FA will also have the ability to grant additional users access to accounts. I stopped asking for clients to share their logins with me a long time ago and now default to asking them to create an account for me with my email address.

But when I can't do that, I agree 2FA is a huge pain in the rear end.

Nolgthorn
Jan 30, 2001

The pendulum of the mind alternates between sense and nonsense
I don't think this is advertising since it's free and there's no money, there's never any money. :arghfist:

https://www.npmjs.com/package/kequapp

A while ago I wrote a app framework that had basic functionality.

Just recently I performed a full rewrite to make it do what I actually want. It's modular and written in TypeScript so that you can define individual parts of your application like routes, handles, branches, renderers wherever all in separate files if you want.

The core idea being that you can write a good web app without a lot of configuration or boilerplate.

I'm looking for advice around the documentation (it's only the readme file), missing features, how you would want to use a web framework, what you want a web framework to do. What you like about the 10-20 other solutions that are available.

The readme says that it is "fast" but I just ran it through fastify's benchmark turns out it's only about 50% faster than express, and slower than most of the other heavy hitters. We're talking about ms but that adds up when you have a million requests. I'm not sure if I need to work on that, or if it's important since generally with this type of thing the real processing time is going to be taken up by the developer's code.

Fastify is somehow barely slower than no framework at all which to me means they're cheating. Do you think the speed is important, what else would you look for?

Cory Parsnipson
Nov 15, 2015
I sat down today and made a pie chart component instead of doing something important. (link to demo) I accidentally had a lot of fun. :eng101:



Also, in the unlikely event that anyone uses this for something serious, the last wedge overlaps the first wedge by a 1 - 2 degrees due to rounding issues, so it's not completely visually accurate.

Nolgthorn
Jan 30, 2001

The pendulum of the mind alternates between sense and nonsense
How does it decide where the first wedge starts, none of those lines seem to be perfectly vertical or anything.

Cory Parsnipson
Nov 15, 2015

Nolgthorn posted:

How does it decide where the first wedge starts, none of those lines seem to be perfectly vertical or anything.

It starts at the right. The green wedge is the first item and begins at 0 degrees, but the red wedge overlaps it which is why it doesn't look horizontal.

Leshy
Jun 21, 2004

Cory Parsnipson posted:

I sat down today and made a pie chart component instead of doing something important. (link to demo) I accidentally had a lot of fun. :eng101:
I recently went through a similar exercise, except that for ~reasons~ I had to do it in vanilla HTML/CSS only :suicide:

I wanted to create something that would be easy to modify and re-use, that was as accessible/responsive as possible, and allowed for copy-pasting the data. It turned out to indeed actually be quite a fun exercise to do, and I was pretty pleased with the result. Being able to layer on some JS would drastically reduce the CSS required and further simplify the HTML, but for a super vanilla solution, I think it works well enough (Link to Codepen).

I ended up using the system to also create a bunch of horizontal and vertical bar charts, which are actually also quite tricky to get right.

Leshy fucked around with this message at 00:54 on May 12, 2022

Cory Parsnipson
Nov 15, 2015

Leshy posted:

I recently went through a similar exercise, except that for ~reasons~ I had to do it in vanilla HTML/CSS only :suicide:

I wanted to create something that would be easy to modify and re-use, that was as accessible/responsive as possible, and allowed for copy-pasting the data. It turned out to indeed actually be quite a fun exercise to do, and I was pretty pleased with the result. Being able to layer on some JS would drastically reduce the CSS required and further simplify the HTML, but for a super vanilla solution, I think it works well enough (Link to Codepen).

I ended up using the system to also create a bunch of horizontal and vertical bar charts, which are actually also quite tricky to get right.

Ooh wow that's nice. I think keeping it to just HTML and CSS is the way to go with using Javascript for some nice but redundant flourishes. I based mine off this example that uses rotated svg circles turned transparent and with an extremely thick stroke width. They kind of have small gaps between the different colors if you look closely. I like that yours doesn't have that. Man, I didn't realize how useful it would be to be a CSS expert. :thunk:

Cory Parsnipson fucked around with this message at 09:25 on May 12, 2022

kedo
Nov 27, 2007

Ugh. Just got off a call where I got harangued by a client’s PR firm for an hour because, “they can’t sell this product,” while the product is still waist deep in QA. Ended with the top PR lady making GBS threads all over the design and logging to go to another call.

We’re nearly to launch, and the client didn’t even tell us they were working with a PR firm.

:doh:

Love working with PR firms tho, for real.
e: Love clients too, only good things to say about all of ‘em.

kedo fucked around with this message at 15:26 on May 13, 2022

Nolgthorn
Jan 30, 2001

The pendulum of the mind alternates between sense and nonsense
Shouldn't the PR firm be talking to the product owner? Or are you the product owner, in that case it's deffo your job to talk to the PR firm.

The Dave
Sep 9, 2003

More arrows for the “:smug: so do you want to pay for user research and testing?” quiver. Only way to steer the ship from subjective to objective.

kedo
Nov 27, 2007

Nolgthorn posted:

Shouldn't the PR firm be talking to the product owner? Or are you the product owner, in that case it's deffo your job to talk to the PR firm.

Yeah the product owner is our client and they just plain didn’t tell us they were working with a PR firm until we were basically done with the entire project.

We are absolutely going to bill them more.

D34THROW
Jan 29, 2012

RETAIL RETAIL LISTEN TO ME BITCH ABOUT RETAIL
:rant:
Been trying for a day and a half to figure out why a checkbox was rendering as a switch (as intended) on the login page but not on another page.

Turns out I included the link to the stylesheet with the switches in the latter but not the former. Now it's all in the base.html template for jinja and working properly :bang:

prom candy
Dec 16, 2005

Only I may dance

D34THROW posted:

Been trying for a day and a half to figure out why a checkbox was rendering as a switch (as intended) on the login page but not on another page.

Turns out I included the link to the stylesheet with the switches in the latter but not the former. Now it's all in the base.html template for jinja and working properly :bang:

Now That's What I Call Web Development!

Verisimilidude
Dec 20, 2006

Strike quick and hurry at him,
not caring to hit or miss.
So that you dishonor him before the judges



I lost my job today. Still kind of reeling from it as it was very abrupt.

I was supposed to have a call today with the CEO to discuss a pay raise. My acceptance letter back in January specified a review and pay increase after the company's series A, approximately three months into the position. Three months came and my call to get a raise kept getting pushed back, but they kept promising it would happen. I had it in writing, and literally everyone involved kept telling me how happy they were with what I was doing for the team, so I didn't really think about it. I had my issues with the job but I liked it and the team overall, so it didn't really bother me.

About a month ago, the person who hired and managed me very mysteriously and abruptly left or was removed from the company. I don't know what happened to them, but they were the one I was speaking to regarding a pay increase. I reached out to them on LinkedIn to wish them good luck in the future, and they said they were not allowed to speak with employees at the company.

I reached out to the next person in line to discuss my pay increase, the CEO, and about three weeks ago I finally had an in-person meeting with him. We grabbed coffee, and it was actually a pretty good time. We talked code and culture and all this stuff. He was personable, complimented the work I was doing for the company and said he was happy to have me on his team. I asked him for feedback, positive or negative, and he gave me only positive comments. At the end of the meeting he said he'd plug the salary I was asking for into some spreadsheets and return to me with a number.

My code finally went into production last week, the culmination of ~6 months of work. People were pleased, it was this massive push forward for their company and it was a very complex piece that I finished essentially all on my own. We finally scheduled a call to discuss my pay increase for earlier today and I didn't even really think about it that much. It felt like a forgone conclusion at this point; I was either going to get somewhat less than what I asked or what I asked for. Either way I'd be happy, even if it was just a modest increase.

The call comes along and it's very brief and cold. He opens up by saying "I'm just going to cut to the chase, your employment with our company is officially terminated. Today will be your last day."

Everything after that was very basic stuff. They're giving me 1 month's severance, they would wipe my computer remotely and send me a box to ship it back to them. I asked if there were any issues I could work on and they said I just wasn't a good culture fit, that they had other circumstances going on at the company, and they didn't want to spend the resources "developing me", which I'm still ruminating on.

I spoke about it with a couple people and the consensus seems to be that they probably just needed a FE dev to work on something for this big push, and now that it's done and there's a lull between that project and the next, they decided to trim the fat off the FE team. Since I was the most recent hire, I was most likely on the chopping block.

I keep thinking back to all the things I could've done wrong during my 6 months with this company. Did I take too much PTO? Did the fact that I didn't go to the optional office meetups bite me in the rear end? Did I not work hard or well enough? It sucks because there's really no way to get any definitive answers for any of this, and the most likely scenario is just that they needed someone for a few months but didn't advertise the position as such.

It sucks, and it hurts, but there's really nothing more I can do except take my own self-criticism and be wary of that kind of behavior in the future. Writing this out helped me organize some things mentally and emotionally, so I'm just going to take today for myself, reach out to a couple close friends in the industry, and then rework my resume this weekend.

If anyone is looking for a FE developer, please feel free to reach out to me! You can find me on my website or on LinkedIn.

camoseven
Dec 30, 2005

RODOLPHONE RINGIN'
That sucks, man. Sounds like they strung you along to get cheap FE work with no intention of keeping you around. Nothing you could have done (other than leave earlier on your own terms), you just got an rear end in a top hat employer.

Also, I can't help but notice that you have a latino last name, and "not a good culture fit" is a suuuuuper common way of being racist. I just looked up the board for that company and uhhh yea, just gonna go ahead and say they are racists. Sorry!!!

On the bright side, it's extremely a job seekers market right now so you should find something quick. AND now that you're fired you should reach back out to your hiring manager and be like "hey now can we talk?"

Analytic Engine
May 18, 2009

not the analytical engine
Sounds like abuse and an attempt to cheat you out of what should be a bonus/raise. gently caress management

There's a Linkedin SA group called Stairmasters, though nobody seems to write there anymore. Still around 1000 members, so feel free to post

https://www.linkedin.com/groups/2773710

Analytic Engine
May 18, 2009

not the analytical engine
Also check out this Goons-for-hire thread, it's mostly software people

https://forums.somethingawful.com/showthread.php?threadid=3875694&perpage=40&pagenumber=1&noseen=1

Lumpy
Apr 26, 2002

La! La! La! Laaaa!



College Slice
Correct me if I'm wrong, but this was some sort of crypto / blockchain company yes? If so, that sounds about right.

Adbot
ADBOT LOVES YOU

Verisimilidude
Dec 20, 2006

Strike quick and hurry at him,
not caring to hit or miss.
So that you dishonor him before the judges



Lumpy posted:

Correct me if I'm wrong, but this was some sort of crypto / blockchain company yes? If so, that sounds about right.

Nah they’re a wealth management company. I do believe they deal with crypto, but the bulk of the wealth they manage comes from clients with other types of assets.

  • 1
  • 2
  • 3
  • 4
  • 5
  • Post
  • Reply