|
LifeLynx posted:What kind of code issue would cause this? /shrug I just like to weed things out at the highest level first even if it seems silly. I'm such a bad coder anything is possible when I'm responsible.
|
# ? Aug 7, 2018 19:01 |
|
|
# ? May 13, 2024 07:08 |
|
How is your content sized? Could it be a rem/em issue?
|
# ? Aug 7, 2018 20:10 |
|
Maybe it's windows 10 UI scaling set to 150%. Looking at the screenshot that seems about right .
|
# ? Aug 7, 2018 21:12 |
|
Sereri posted:Maybe it's windows 10 UI scaling set to 150%. Looking at the screenshot that seems about right . That affects websites as well? Is there anything I can do about it on my end? I showed the site to a bunch of other people and no one had problems.
|
# ? Aug 7, 2018 21:21 |
|
If that's it then I don't think so? It basically turns their monitor into some sort of virtual 720p retina screen. Maybe by using relative units or something ?
|
# ? Aug 7, 2018 21:29 |
|
LifeLynx posted:That affects websites as well? Is there anything I can do about it on my end? I showed the site to a bunch of other people and no one had problems.
|
# ? Aug 7, 2018 21:38 |
|
That's why you convert everything to Q units for consistent quarter-millimeter measurements.
|
# ? Aug 8, 2018 02:23 |
|
Hey bros; another commercial-site Q. How do you recommend getting an email address at a custom domain? For context, I have a back-end server using a heroku domain, and my own front-end domain. Ideally would use the custom domain, but either would do. Back end runs Python/Django. Search: several shady sites supply said service. Btw, y'alls info thus far on payments and front-end hosting has been stellar
|
# ? Aug 8, 2018 04:48 |
|
darthbob88 posted:It does indeed. My laptop is 1920x1080 nominal, but with 150% scaling the browser window is only 1280x720 according to the Chrome dev tool. I actually got a growler of booze for pointing out that a UX person was getting caught by the same issue, and it's one of the things I regularly catch as causing problems for bosses, along with malformed JSON. I bet that's it, going to bring it up to them tomorrow. How common is this UI scaling problem? I guess I got complacent in not testing my preliminary designs for 1280x720 as much as I should because I figured no one used it anymore.
|
# ? Aug 8, 2018 05:02 |
|
LifeLynx posted:I guess I got complacent in not testing my preliminary designs for 1280x720 as much as I should because I figured no one used it anymore. You really should be making those decisions on analytics not gut instincts. 1366 is the most commonly used resolution genetically, and obviously you should be checking google analytics for your clients specific audience.
|
# ? Aug 8, 2018 05:18 |
|
LifeLynx posted:I bet that's it, going to bring it up to them tomorrow. How common is this UI scaling problem? I guess I got complacent in not testing my preliminary designs for 1280x720 as much as I should because I figured no one used it anymore.
|
# ? Aug 8, 2018 07:13 |
|
The Dave posted:You really should be making those decisions on analytics not gut instincts. 1366 is the most commonly used resolution genetically, and obviously you should be checking google analytics for your clients specific audience. I know, I was using 1920x1080 as a baseline because I knew from going to my main client's office occasionally that their displays were all 1920x1080. So when I sent over my initial quick homepage designs, I didn't test them for 1280x720, and I couldn't figure out why sometimes they'd come back with "this is overlapping, and this looks weird," etc.
|
# ? Aug 8, 2018 13:54 |
|
I'm looking for a React component that will make it easy (well, less hard) to make a bunch of smallish grids/tables that can: Have 'sticky' rows (think footer rollup totals) Hide/show columns and rows Limit the number of rows viewable before scrolling Handle multi-row and multi-cell selection with click+drag (with some API to control what gets or appears to be selected because there are some annoying rules about some cells selecting the whole row instead of one cell) This is the thing I was posting about in the Working in Development thread, if anyone reads that. Someone suggested Kendo UI's spreadsheet control, but I've heard bad things about Kendo.
|
# ? Aug 8, 2018 14:36 |
|
Dominoes posted:Hey bros; another commercial-site Q. How do you recommend getting an email address at a custom domain? For context, I have a back-end server using a heroku domain, and my own front-end domain. Ideally would use the custom domain, but either would do. Back end runs Python/Django. Search: several shady sites supply said service. Save yourself a ton of trouble and just use Google's G Suite. Email is like technological black magic. When it works, it works. When it stops working there are a thousand things that might have gone wrong with little to no transparency about what broke where. Unless you are in IT, managing your own email server is a recipe for disaster and calls from clients at 2 o'clock in the morning saying, "I just sent out our biggest proposal of the year and it bounced back and now all of our email is literally on fire and in people's spam folders, I NEED YOU TO FIX IT NOW!!" My short and fast rules on email are: 1. Never manage the server yourself (unless you are in IT) 2. Never host email on a web server 3. Always host email on its own server, or better yet 4. Set the client up with a provider (eg. Google or whoever) who is responsible for managing everything past the initial setup, so when something inevitably breaks you can point your client to their support.
|
# ? Aug 8, 2018 16:25 |
|
kedo posted:Save yourself a ton of trouble and just use Google's G Suite. Email is like technological black magic. When it works, it works. When it stops working there are a thousand things that might have gone wrong with little to no transparency about what broke where. Unless you are in IT, managing your own email server is a recipe for disaster and calls from clients at 2 o'clock in the morning saying, "I just sent out our biggest proposal of the year and it bounced back and now all of our email is literally on fire and in people's spam folders, I NEED YOU TO FIX IT NOW!!"
|
# ? Aug 8, 2018 16:35 |
|
I'm looking to implement a funnel graph like this but I'm not sure where to get started on the maths. I'm thinking SVG something or another but it's a bit of a grey area for me. Any pointers?
|
# ? Aug 8, 2018 16:40 |
|
Dominoes posted:Awesome; thanks! Mainly I just want to be able to email customers on an online store with order confirmations and responses to (form-submitted-toDB) questions and have it look professional rather than from my personal email account. For automated transactional emails like that you can use something like Mandrill or SendGrid. G Suites is really only good if you need actual email addresses with inboxes.
|
# ? Aug 8, 2018 17:08 |
|
I think you're using Django, right Dominoes? SendGrid has really nice Django integration. Once you configure it, you just send emails via Django with send_mail like you always do.
|
# ? Aug 8, 2018 18:29 |
|
You bet. Sounds like the best option!
|
# ? Aug 8, 2018 18:37 |
|
Dominoes posted:Awesome; thanks! Mainly I just want to be able to email customers on an online store with order confirmations and responses to (form-submitted-toDB) questions and have it look professional rather than from my personal email account. Yeah, your instinct is correct. Also make sure stuff like domain keys, spf, etc are all set up so those order confirmations/tracking notifications don't go to the junk mail folder.
|
# ? Aug 8, 2018 21:08 |
|
Well, that was trivial to set up. Won't ask how it lets you pick any 'from' email address you want...
|
# ? Aug 8, 2018 22:24 |
|
Capri Sun Tzu posted:I'm looking to implement a funnel graph like this but I'm not sure where to get started on the maths. I'm thinking SVG something or another but it's a bit of a grey area for me. Any pointers? 100% is going to be the full height of the graph, then the transition from one percentile to another uses a standard bezier curve. You probably want to try in d3.js. Also see, more boring version. edit: apparently a basic area chart would work too. MrMoo fucked around with this message at 00:09 on Aug 9, 2018 |
# ? Aug 9, 2018 00:01 |
|
Dominoes posted:Well, that was trivial to set up. Won't ask how it lets you pick any 'from' email address you want... You can put anything in the from field, IIRC.
|
# ? Aug 9, 2018 13:28 |
|
Dominoes posted:Well, that was trivial to set up. Won't ask how it lets you pick any 'from' email address you want... That's just how e-mail works. If you use a from address that doesn't belong to you, a properly configured mail server will filter it as spam. This is why things like SPF, DKIM and DMARC exist.
|
# ? Aug 9, 2018 19:48 |
|
MrMoo posted:100% is going to be the full height of the graph, then the transition from one percentile to another uses a standard bezier curve. You probably want to try in d3.js.
|
# ? Aug 9, 2018 20:49 |
|
Capri Sun Tzu posted:Thanks, that’ll get me in the right direction. That bezier-smoothed horizontal funnel graph seems trending, is there a commonly used algorithm for determining the control points on the Bézier curve? Just eyeballing it, I would set the two control points so that they are both at the midpoint along the x-axis. For the y values, use the y values of the two end points. Basically like the third picture on this page: https://javascript.info/bezier-curve
|
# ? Aug 9, 2018 20:59 |
|
Munkeymon posted:You can put anything in the from field, IIRC. The Fool posted:That's just how e-mail works.
|
# ? Aug 9, 2018 21:30 |
|
Dominoes posted:Thanks. One more... Is there a trick to making emails sent from Django come up in a native browser font instead of a small, monospaced one? Also getting random parts of the email hyperlinked, and part of it dark grey, part black. Just passing the message as a Python docstring. Use HTML formatting and make sure your MIMEtype is text/html https://sendgrid.com/docs/Classroom/Build/Format_Content/html_rendering__the_dos_and_donts_of_cross_platform_email_design.html
|
# ? Aug 9, 2018 21:40 |
|
Dominoes posted:Thanks. One more... Is there a trick to making emails sent from Django come up in a native browser font instead of a small, monospaced one? Also getting random parts of the email hyperlinked, and part of it dark grey, part black. Just passing the message as a Python docstring. Email messages are MIME multipart, I'm guessing that you're just setting the text part, which is often rendered in monospace on clients. You should find where on the API you can set an HTML part that'll probably need some paragraph tags or something simple to get it to be valid HTML and keep the client from guessing too much about how to render it. Probably don't stop setting the text part as well, just also set the HTML part.
|
# ? Aug 9, 2018 21:43 |
|
Thanks dudes; spot on, again. Removed the 'message' arg from the Django func that sends email, and replaced it with an 'html_message' one; added <h> and <p> tags to the fstring. Works great now.
|
# ? Aug 9, 2018 23:21 |
|
Looking for critique on the website I've been posting about. I've never made a website designed to be pretty before or sell something. What should I change? WIP link Probably need some stock photos of attractive people drinking tea.
Dominoes fucked around with this message at 15:12 on Aug 13, 2018 |
# ? Aug 13, 2018 15:07 |
|
The tea pop-ups are slightly broken on mobile FYI. And the sliders are hard to use. And the background looks weird as well. General styling seems ok to me. Maybe add some animations ?
|
# ? Aug 13, 2018 15:19 |
|
Thanks dude. Are the sliders any better now?
|
# ? Aug 13, 2018 15:48 |
|
I would add an alternate input for sliders as then can be annoying to use, especially if you want to get a specific number. Would also be good to have the alternate input to accommodate users using assistive technologies.
|
# ? Aug 13, 2018 16:09 |
|
Dominoes posted:Looking for critique on the website I've been posting about. I've never made a website designed to be pretty before or sell something. What should I change? WIP link Probably need some stock photos of attractive people drinking tea. Looks good; I'll mirror what others have said about the sliders. They're a handy shortcut on mobile but a lot of people's brains aren't wired that way to use them, especially in an ecommerce setting. I don't know if you're concerned about it, but Google does require any site that uses adwords (facebook too I think?) to have a privacy policy document, and it's a good idea to have a terms & conditions section as well for ecommerce (shipping methods, return policies, etc). There's generators for both online, and I think Google even has one for adwords specific applications. Speaking of hand holding feel goods, maybe make the About more personal as well saying "founded by a multi-generational tea company" (if possible) and giving a rough area where they work from so people know it's not a cut-out company for an overseas interest. I used to work in the biz (coffee & tea) and I'd suggest having a page for each ingredient as well. The current design is very sleek and minimalist but almost... too much so in the latter case. Things I'd suggest putting on there are sourcing information, organic certifications (if any), suggested blends for that ingredient, etc. The sourcing could be a good story if you have information about it, e.g. profiles on farms and growers and so on. Would also suggest some packaging pictures (perhaps on individual product pages?) so people know what to expect when they get their box/envelope. Lastly, as you probably know, this is mostly just a list of ingredients. A lot of people will know what they prefer but maybe suggest/steer them to certain blends that you could pre-package in future. Lastly lastly, there's a pretty active tea thread in Goons with Spoons; if you're confident in the wares after go live maybe get some opinions there.
|
# ? Aug 13, 2018 18:02 |
|
Love those suggestions; going to get started.
|
# ? Aug 13, 2018 18:19 |
|
For what it's worth, yes the newer sliders are better than the old one's
|
# ? Aug 13, 2018 19:17 |
|
If we're calling this pretty then it has a lot of room to run to get there. But the UX flaws are probably bigger (Scaramouche did a good job outlining a bulk of them) and more importantly this isn't necessarily enticing from an offer standpoint. You might want to consider how to balance an 'easy mode' and 'advanced mode', or have an easier way to see what I've added and make adjustments to the list in sum. Maybe your audience understands this at a numerical level but dumb folks are probably just going to want to manage the scale of how much in bigger steps. I'll give it a deeper dive when I get home later.
|
# ? Aug 13, 2018 19:25 |
|
MrMoo posted:100% is going to be the full height of the graph, then the transition from one percentile to another uses a standard bezier curve. You probably want to try in d3.js. HappyHippo posted:Just eyeballing it, I would set the two control points so that they are both at the midpoint along the x-axis. For the y values, use the y values of the two end points. Basically like the third picture on this page: https://javascript.info/bezier-curve Thanks, I think an area chart mirrored across the X-Axis with cardinal spline interpolation on the curves should create the exact effect I'm looking for. Will post a codepen when I get time to code this out
|
# ? Aug 13, 2018 19:37 |
|
|
# ? May 13, 2024 07:08 |
|
Dominoes posted:Looking for critique on the website I've been posting about. I've never made a website designed to be pretty before or sell something. What should I change? WIP link Probably need some stock photos of attractive people drinking tea. Echoing what others have said those sliders need to go. Maybe a toggle would be ok? Or a check box? Or a button that says Add and changes to Remove? The popup is really big on mobile and honestly clicking the image to close it is unintuitive. My natural reaction is to touch outside the popup to close it, maybe consider using a shadowbox/lightbox instead or at least make it scale to my browser width if you must use a popup. ModeSix fucked around with this message at 20:29 on Aug 13, 2018 |
# ? Aug 13, 2018 20:26 |