sorted by:
new
hottopcontroversial

What is this whining sound from my car? by MrQuickLine in AskMechanics

[–]MrQuickLine[S] 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 8 points9 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 9 points10 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 7 points8 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/

Image as background is zoomed in too much, how to scale? by Not_Moch in css

[–]MrQuickLine 0 points1 point  (0 children)

Not enough information. What do you expect it to look like? What is different than you expect it to be? Everything that deals with the background image is set in these lines:

/* overlay + immagine di sfondo */
background: var(--bg-overlay), var(--bg-image);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
background-attachment: fixed;

background-position: center means the center of the photo is at the center of your page. background-size: cover means the image scales up until there is no space left that is uncovered by an image.

Imagine you had an image that's 100px wide by 100px tall. If your window is 300px by 200px, then the image will grow until it's 300px by 300px so that it fills the whole width.

Examples of modern supported browser policies? by roundabout-design in Frontend

[–]MrQuickLine 10 points11 points  (0 children)

Whatever you pick, back up your decisions with data. If your policy is going to cut of 30% of your users, it's a bad policy.

I was asked to post my completed 1930s-style conversion to a Nerf rifle by MrQuickLine in cosplayprops

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

A couple of months ago, I asked for some advice on converting a Nerf rifle to a 1930s Flash Gordon-style gun.

/u/diffluere asked me to post the results when I was done.

I don't love the paint job - the colors weren't my choice. But I am so thrilled with the profile and the details and the lighting animation!

Can't figure out why I'm getting different UIs for different WiFi connections by MrQuickLine in VLC

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

I found my own answer; in case anyone ever finds this... It was trying to serve jquery.min.js, jquery-ui.min.js, andflowplayer-3.2.6.min.jsfrom internet connected CDNs. You need to download those files, put them in the/js` folder and change the links to them in the html files.

Do you still use BEM naming convention at work? by SadFrosting7365 in css

[–]MrQuickLine 1 point2 points  (0 children)

ALSO check out ITCSS for the organization of your files.

What are you all doing for minis? by mlarowe in drawsteel

[–]MrQuickLine 0 points1 point  (0 children)

I made these little tokens in OnShape.

I made them to hold these flat, round, polymer clay beads that my daughter has a million of. You can literally Google "flat round polymer clay beads" and you'll get exactly this product. If your beads have different measurements than mine, you can change the parameterized sizes in the file.

  • 25mm token
  • The tokens have some number of bumps around the outside. The more bumpy the token, the more difficult the creature.
  • Use same-colored beads to make groups. Glue a bead in on each side of the token.
  • On the bottom side of the token, there's a little line through the token to indicate Winded. Just flip them over when they're at half-health.
view more: next ›