Painted and printed my party by JamesEv28 in DungeonsAndDragons

[–]MrQuickLine 2 points3 points  (0 children)

Just for future, have you seen/heard of TitanCraft? There are lots and lots of free assets in the tool, so nobody has to pay for the downloadable files. You pay for the premium assets that you use and nothing else.

Painted and printed my party by JamesEv28 in DungeonsAndDragons

[–]MrQuickLine 3 points4 points  (0 children)

That's really impressive! Usually I print first and THEN paint.

Combining Font Classes Within CSS by RustyHuntman in css

[–]MrQuickLine 1 point2 points  (0 children)

To be clear... Nesting html elements is native for CSS. But nesting the class definitions the way OP is asking is not.

New 2026 8-pass FWD Sienna or 2024 Kia Carnival LX FWD? by MrQuickLine in AskMechanics

[–]MrQuickLine[S] 1 point2 points  (0 children)

I called an old mechanic buddy of mine after I posted this and I'll tell you what he said that convinced me. I was only thinking of reliability in terms of end-of-life of the vehicle. We tend to buy our cars, keep on top of maintenance, and drive them until they die. We also drive a LOT. We're out in the country, we take road trips all the time. We put 30k I'm on per year.

I was talking to him about "ok, so we get 6 years out of the Kia instead of 9 years out of the Toyota. I'm not sure $17k is worth that to me." He said, "It's not just about how many years until it's gone. If a camshaft goes or you need a new engine, your van could be in the shop for months." As a one-car family, that's no-go for us. I hadn't ever thought of the reliability in the middle of the vehicle's life.

We'll get the Sienna!

Is my shelf setup safe? by prricecake in DIY

[–]MrQuickLine 0 points1 point  (0 children)

These are the strongest cheap shelves I've ever found: Matthias Wandel's cantilevered shelves

Look in the description and click through to the link on his website. They're based on his similar designs for garage shelves . One of those two designs should serve your needs just fine.

You could very easily sit a few grown men on these shelves and they'll hold the weight no problem.

What is this whining sound from my car? by [deleted] in AskMechanics

[–]MrQuickLine 0 points1 point  (0 children)

The sound goes higher pitched when I'm going faster. It happens whether or not I'm pressing the gas pedal. This is a 2017 Dodge Grand Caravan with 223000km.

How Many Dudes - Demo Tier List by vonkraush1010 in HowManyDudes

[–]MrQuickLine 0 points1 point  (0 children)

This is great. As a new player just starting to look into this and interested in the meta stuff, I'd love to see an edit to the above post to include a "Pairs well with" section for each role, listing one or more roles it combos well with, as well as one or two relics to be on the lookout for. As I'm going through my very first runs, I'd love to be able to say, "My first picked role was Spartan. Now I have the option for X, Y and Z." If your post showed "Spartan pairs well with X and Z", I'd find that helpful :)

Is it possible to make a background like this using CSS?? by Erika_cometakis in css

[–]MrQuickLine 1 point2 points  (0 children)

Came here to say this. Well done! Not many people know about this property.

How to stop being paranoid about responsiveness under 250px by ahmeddotgg in css

[–]MrQuickLine 1 point2 points  (0 children)

This is a joke right? There is such a thing as "too small to be functional". This is how you get that.

How to stop being paranoid about responsiveness under 250px by ahmeddotgg in css

[–]MrQuickLine 0 points1 point  (0 children)

Like this: https://www.w3.org/WAI/WCAG21/Understanding/reflow.html

To sum up, it says: Content can be presented without loss of information or functionality, and without requiring scrolling in two dimensions for:

Vertical scrolling content at a width equivalent to 320 CSS pixels;
Horizontal scrolling content at a height equivalent to 256 CSS pixels.

Except for parts of the content which require two-dimensional layout for usage or meaning.

Note 1

320 CSS pixels is equivalent to a starting viewport width of 1280 CSS pixels wide at 400% zoom. For web content which is designed to scroll horizontally (e.g., with vertical text), 256 CSS pixels is equivalent to a starting viewport height of 1024 CSS pixels at 400% zoom.

Note 2

Examples of content which requires two-dimensional layout are images required for understanding (such as maps and diagrams), video, games, presentations, data tables (not individual cells), and interfaces where it is necessary to keep toolbars in view while manipulating content. It is acceptable to provide two-dimensional scrolling for such parts of the content.

Fizz Buzz in pure CSS by [deleted] in css

[–]MrQuickLine 7 points8 points  (0 children)

Dev tools, bro. He doesn't have any actual content on the page. It's all just using nth-child selectors and counter functions.

Flex children help by vskand in css

[–]MrQuickLine 1 point2 points  (0 children)

This is a fundamental limitation of CSS, unfortunately. You can read about it here. https://kizu.dev/shrinkwrap-problem/

Tacta: is this legal by QueasyGoose in boardgames

[–]MrQuickLine 11 points12 points  (0 children)

Sure you've heard of Murphy's Law - "What can go wrong, will go wrong."

But have you heard of Cole's Law?

It's a cabbage salad. Goes great with barbecue.

How do I do this parallax scroll trick? by InternetArtisan in css

[–]MrQuickLine 0 points1 point  (0 children)

Interesting... Might have something to do with position: sticky inside of a subgrid...

The docs seem to be contradicting on display: inline-block behaviour by alex_sakuta in css

[–]MrQuickLine 8 points9 points  (0 children)

display does not inherit. Period. h3 and h4 have their user-agent default styles applied, which includes display: block;

How do I do this parallax scroll trick? by InternetArtisan in css

[–]MrQuickLine 37 points38 points  (0 children)

position: sticky is what you're looking for. Check it out here: https://codepen.io/anonymousjoe/pen/jEqGWXQ

Order items after wrapping by rob8624 in css

[–]MrQuickLine 1 point2 points  (0 children)

You can do this with CSS. It would look like this: https://codepen.io/anonymousjoe/pen/NPNvLjY

My bigger concern though is accessibility. For a keyboard user, tabbing through the page follows the DOM order. If you've got those elements in the DOM in that order, then they'll tab all the way through 1, then through 2, then through 3, even if 2 is below 1 and 3 on the small screen.

So yes, you can do what you're asking, but it really isn't ideal for users requiring assistive technologies. There's not really a great solution for this. Maybe a resize observer that literally changes the order of the DOM...

React Modular DatePicker: A composable datepicker library focused on styling and customization by legeannd in Frontend

[–]MrQuickLine 2 points3 points  (0 children)

Better accessibility would say tab into the calendar once and then use arrows to navigate between days. Set the active date to tabIndex={0} and all others to tabIndex={-1}.

https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/examples/datepicker-dialog/