|
Love Stole the Day posted:I' m stealing this I forget where I stole it from, otherwise I'd give that person (who probably stole it from someone else...) credit. I have a VIM snippet to make them
|
# ? Nov 15, 2017 16:51 |
|
|
# ? Jun 6, 2024 05:56 |
|
Lumpy posted:The key thing is that you can't mount / render a TransitionGroup directly. It has to be inside something. That looks helpful... how is it actually applied when you need to load something? <LoadingPane loading=?? message="foobar" subtext="baz" /> in your render? Pretend I know nothing. Could I theoretically pass a component or div filled with stuff instead of "message"? kedo fucked around with this message at 17:02 on Nov 15, 2017 |
# ? Nov 15, 2017 16:56 |
|
Well, I read the manual and it seems pretty clear that is has to wrap the component being (un)mounted, not be part of the tree that's being unmounted https://reactjs.org/docs/animation.html#animation-group-must-be-mounted-to-work
|
# ? Nov 15, 2017 17:14 |
|
kedo posted:That looks helpful... how is it actually applied when you need to load something? <LoadingPane loading=?? message="foobar" subtext="baz" /> in your render? Pretend I know nothing. Here's a truncated example of LoadingPane in use: JavaScript code:
code:
JavaScript code:
Lumpy fucked around with this message at 17:22 on Nov 15, 2017 |
# ? Nov 15, 2017 17:18 |
|
Lumpy posted:Here's a truncated example of LoadingPane in use: Thanks! I'm going to futz around with this to see if I can get it running. Much appreciated.
|
# ? Nov 15, 2017 18:41 |
|
I'm trying to make an ordered list where the items have 0, 1, 2, or 3 supplementary 'bullets' (little hot-pepper icons) to the left of the numbers. I'm not having much success. I tried some fiddling with a repeated background image on the ::before attribute, but that seemed like a dead end because I'm specifically targeting a print stylesheet here, and browsers make weird decisions about printing (or not printing) background images. Anyone want to look at this fiddle, which shows some of the problems I'm having? edit: My preference would be to achieve the desired effect by just attaching the 'medium', 'hot', 'spicy' classes to the 'question' <li> elements, but that seems like it'd be harder. Newf fucked around with this message at 00:11 on Nov 20, 2017 |
# ? Nov 19, 2017 19:15 |
|
Umm, something like this possibly, using CSS counters & ::before? Not sure how it plays with print though, so best check. JSFiddle does something wierd when I try to put this code in, so done on CodePen: https://codepen.io/DanielCouper/pen/zPRKvM * Remove the list styling (to replace the automatic numbering with counter-generated numbers) * Set up a CSS counter on the ol * set the ::before of each list item to a specific width so you can right-align the peppers/number * use `content: "🌶️ " counter(section);` with however many peppers are necessary for each class * obvs replace the pepper emoji with something image-based or font-based, whatever works RobertKerans fucked around with this message at 12:28 on Nov 20, 2017 |
# ? Nov 20, 2017 12:21 |
|
Is the only way to test event tracking in Google analytics to wait until the next day to see if any new events have registered? No way to check real-time if / how events are being sent?
|
# ? Nov 20, 2017 13:35 |
|
There is a debugger plugin for Chrome https://chrome.google.com/webstore/detail/google-analytics-debugger/jnkmfdileelhofjcijamephohjechhna (if that doesn't work, just search for it in the app store)
|
# ? Nov 20, 2017 15:04 |
|
Material UI (Next) vs Ant Design. Anyone used these? I mean I have read some people in this thread mention Material UI. How’s your experience been? Did you use the beta version of the upcoming V1? Anyone used Ant Design instead? Looks almost more robust than Material UI but not sure it’ll win as mainstream. It’s also not US based which means features / translations are English second.
|
# ? Nov 20, 2017 18:07 |
|
Ruggan posted:Material UI (Next) vs Ant Design. Anyone used these? Assuming you're talking about react libraries, I used material-ui a couple years ago and was extremely unimpressed with it, specifically how it handles themes and colors. Huge pain in the rear end. Maybe it's better now. React-md looks like it may be a better option if you want to go the Material route: https://react-md.mlaursen.com/ We use semantic-ui at work now and I really have no complaints, it's very comprehensive, easily extended, the docs are great, and it looks great: https://react.semantic-ui.com/
|
# ? Nov 23, 2017 03:01 |
|
Re: React tools Not sure if everybody here is aware of this or not, but the other day I found a great site that sort of aggregates React-related libraries: https://devarchy.com/react
|
# ? Nov 23, 2017 03:06 |
|
What do people use when you have a team of 2 or 3 people working on the same project to not step on each others toes while editing files?
|
# ? Nov 23, 2017 21:31 |
|
Source control.
|
# ? Nov 23, 2017 21:57 |
duz posted:Source control. This is the main part (I would go with gitlab or bitbucket). The other part is having a well organized codebase, automated tests, and CI pipeline. Good communication and a little coordination can go a long way to avoid annoying merge conflicts as well.
|
|
# ? Nov 24, 2017 07:03 |
|
Also getting the whole team to read and understand a methodology for using source control and agreeing with it, so it's not a wild west of branches.
|
# ? Nov 24, 2017 14:47 |
|
Gonna watch this: https://www.lynda.com/Git-tutorials...oducttypeid%3a2 Thanks everybody.
|
# ? Nov 24, 2017 16:15 |
|
CarForumPoster posted:Gonna watch this: I found this helpful too when I switched over to git: https://www.atlassian.com/git/tutorials/what-is-version-control ( <- intro to the whole concept of Source Control and what git is) https://www.atlassian.com/git/tutorials/setting-up-a-repository ( <- jump to the "I know what git is, just tell me how to use it!)
|
# ? Nov 24, 2017 16:23 |
|
Lumpy posted:I found this helpful too when I switched over to git: Nice, I was already planning on JIRA service desk for trouble tickets and knowledge base, so it looks like Ill just load up with atlassian.
|
# ? Nov 24, 2017 16:41 |
|
also there's the VCS thread which just recently touched on understadning git. https://forums.somethingawful.com/showthread.php?noseen=0&threadid=3113983&perpage=40&pagenumber=86#pti38
|
# ? Nov 24, 2017 17:16 |
|
Thermopyle posted:also there's the VCS thread which just recently touched on understadning git. This website does fuckin everything.
|
# ? Nov 24, 2017 17:57 |
|
CarForumPoster posted:This website does fuckin everything. Well, it used to. Then they got rid of the porn and Still pretty good though.
|
# ? Nov 24, 2017 19:04 |
|
The likelihood of SA being still around today if they had kept btb and hpj is basically 0.
|
# ? Nov 24, 2017 22:46 |
|
The Fool posted:The likelihood of SA being still around today if they had kept btb and hpj is basically 0. Absolutely! But they were nice while they lasted. SA is pretty drat amazing even without them though.
|
# ? Nov 24, 2017 23:50 |
|
The Fool posted:The likelihood of SA being still around today if they had kept btb and hpj is basically 0. Back in ~2008 under one of my old usernames I had access to one of the goon private trackers but I didnt use it for a few years and got banned on SA and now I've long forgotten what it was and who gave me access.
|
# ? Nov 25, 2017 00:18 |
|
RobertKerans posted:Umm, something like this possibly, using CSS counters & ::before? Not sure how it plays with print though, so best check. JSFiddle does something wierd when I try to put this code in, so done on CodePen: Hey - late reply, but thanks a lot. This has me on the right track.
|
# ? Nov 25, 2017 08:22 |
|
What’s the best way to display a max of N-lines of text and ellipsis the rest with only CSS? I’ve managed to get an element to break even an entire 150char word, but I want it to show a max of two line breaks and ellipse afterwards. I tried -webkit-line-clamp, but it didn’t work.
|
# ? Nov 28, 2017 23:59 |
|
Pollyanna posted:What’s the best way to display a max of N-lines of text and ellipsis the rest with only CSS? I’ve managed to get an element to break even an entire 150char word, but I want it to show a max of two line breaks and ellipse afterwards. I tried -webkit-line-clamp, but it didn’t work.
|
# ? Nov 29, 2017 00:46 |
|
I found what I did wrong there. thanks.
|
# ? Nov 29, 2017 00:56 |
|
What do you guys think is the best way to illustrate a required field in today's web? I know asterisks are obviously a pretty standard defacto but feel like they look ugly/out of place these days.
|
# ? Nov 30, 2017 17:23 |
|
Two asterisks?
|
# ? Nov 30, 2017 17:29 |
|
Ruggan posted:Two asterisks? Gasp! Also do you guys prefer to lock the submit button until all the necessary data is valid, or leave the button enabled and report errors?
|
# ? Nov 30, 2017 17:31 |
|
Knifegrab posted:Gasp! Generally I prefer to keep the button enabled and report errors. Doing it this way as it allows the user to explore the UI and receive feedback. A locked button may be to passive. Also for forms, depending on the ratio of required/optional fields it may sometimes make sense to denote field(s) as optional implying all other fields are required.
|
# ? Nov 30, 2017 17:51 |
|
Knifegrab posted:What do you guys think is the best way to illustrate a required field in today's web? I know asterisks are obviously a pretty standard defacto but feel like they look ugly/out of place these days. I like when a form will turn red as I'm typing and only go back to grey when the field is filled out correctly. And then when you hit submit, all the incorrectly filled out fields turn red.
|
# ? Nov 30, 2017 18:01 |
|
Grump posted:I like when a form will turn red as I'm typing and only go back to grey when the field is filled out correctly. While this is my preference, i hate when you get the error while you're still typing. Also locking the button and not reporting errors seems like a nightmare for accessibility.
|
# ? Nov 30, 2017 18:24 |
|
The Dave posted:While this is my preference, i hate when you get the error while you're still typing. Yeah agreed. It can make sense in some situations, but on others, like IP address validation, the user will get errors until they've fully completed the IP address, reporting errors while the user is still on the way to valid input feels bad IMO. Also thanks for the tips, I think I know where to go from here.
|
# ? Nov 30, 2017 18:33 |
|
If you can make the submit button give useful information on what is wrong, this is the best. Making fields turn red points out it is wrong, but you should also say why.
|
# ? Nov 30, 2017 19:18 |
|
Way I see it, no errors until you try to submit, since it’s not posting asynchronously while you’re filling it out.
|
# ? Nov 30, 2017 19:24 |
|
Pollyanna posted:Way I see it, no errors until you try to submit, since it’s not posting asynchronously while you’re filling it out. That's what client side validation is for?
|
# ? Nov 30, 2017 19:29 |
|
|
# ? Jun 6, 2024 05:56 |
|
I just finished building a client side validation and form layout system for my current gig and here's what I've opted to do:
|
# ? Nov 30, 2017 19:59 |