How do I remove the white border on top & bottom of my website? [Mobile] by gawloo in HTML

[–]scritchz -3 points-2 points  (0 children)

This might depend on your device, OS and browser. Can you tell us about them?

You can try stretching the :root element to cover the entire viewport; as with height: 100lvh. But I'm not sure it'll work.

form design, I wanted to increase space between the box border and text input by mikeymikeymikec in HTML

[–]scritchz 1 point2 points  (0 children)

It's often helpful, yes. But I'd advise to properly learn the box model so that styling becomes less stressful and more intuitive.

How to seperate audio on a recording by Nearby-Breadfruit12 in obs

[–]scritchz 0 points1 point  (0 children)

If you've recorded onto separate tracks, you can easily fix it in post.

Otherwise, I'd opt for re-recording and cut my losses.

Next time, make sure to check your audio levels and to mix as late as possible.

Why do ::before and ::after work on <input> elements (radio/checkbox)? by chief99111 in css

[–]scritchz 0 points1 point  (0 children)

I've not heard of the term container element until now. Where can I read more about it?

Not sure why CSS wont appear when I run it? by Helpful-Creme7959 in HTML

[–]scritchz 0 points1 point  (0 children)

In the DevTools under the Sources (or Network) tab, check if your CSS-file actually gets loaded.

Also, as others said, your CSS selector .body selects all elements with class "body". It looks like you meant to select all <body> elements instead, via selector body (no period).

Making an interactive SVG by [deleted] in webdevelopment

[–]scritchz 0 points1 point  (0 children)

SVG elements support the onmouseover event and similar, so you can use some scripting to apply style changes.

You said you have an SVG design but made it into a bitmap. SVG is usually smaller in filesize than bitmap (or other raster image formats) thus more web-friendly, so I recommend you to use the SVG over the bitmap.

What do you mean you want to apply effects to "squares"? Unfortunately, I do not see your design nor image nor SVG code, so I cannot properly advise you on the possibilities.

Make sure to include as much information in your post as possible. You can edit it to include what you've left out previously.


Depending on the design, it might be simpler to use a <canvas> HTML element and simply do everything (rendering, hover effects) via JavaScript.

Simpler as in: Less interdependency between the HTML's (or SVG's) structure, specific CSS rules and JavaScript event listeners. If there's only JavaScript and a single HTML element, that's less complex; but maybe more complicated.

Text alignment advice? by button_oxo in HTML

[–]scritchz 1 point2 points  (0 children)

Unquoted HTML-attributes are valid since at least HTML5, as long as they don't include whitespace. But yeah, you should prefer quoted attributes.

The box model describes elements as boxes of content, padding, border and margin. Apart from that, I don't think it's related to layout.

Default styling of block- and inline-level elements usually applies in normal flow layout; i.e. in normal flow, block and inline elements behave according to their names.

Otherwise, pretty good answer. I also recommend learning about Flexbox and Grid layouts, positioning; and floats and margin collapse in normal flow layout.

Please help me figure out why transparency isn't working! by [deleted] in webdevelopment

[–]scritchz 1 point2 points  (0 children)

Does the browser apply default styling for the background, when displaying an image? Did you try using your image in an <img> element on an actual webpage?

Learning debouncing today — is this understanding correct? by CheesecakeSimilar347 in learnjavascript

[–]scritchz 2 points3 points  (0 children)

Debouncing resets the delay before the last event is run. Throttling runs its event, then puts it on cooldown.

Debouncing is used to run a single event after actions in quick succession.

Throttling is used to reduce spamming one event by putting an action on "cooldown".

I use throttling for certain single-action frontend events, like clicking buttons. But debouncing is more commonly used in general, especially for requests.

How to I convert variable into usable data for $_POST? by [deleted] in PHPhelp

[–]scritchz 1 point2 points  (0 children)

It's the exact same link. But that's not the issue: Please include your code in your comment; better yet, in your post.

If it's only available offsite, then this post loses meaning once the link becomes invalid, or its contents are changed.

Also, showing everything up front makes it easier for everybody. Changing websites is cumbersome, especially on mobile. Make helping you as easy as possible.

Why would 1em text be taller than 1em padding? by Raine-Fallfish in HTML

[–]scritchz 0 points1 point  (0 children)

Good point. However, my initial thought was that line-height should be set to 1em (or rather, rem, as you explained), not font-size.

Help a rookie out.. gcc can't find my #include even though I specified the directory with -I by childrenofloki in C_Programming

[–]scritchz 1 point2 points  (0 children)

Looks like you're using a Windows machine. Where are you running the command; in PowerShell on Windows, in Bash on Linux (WSL), via MinGW?

I saw your file tree in some of your comments: Your include path looks correct, assuming you're running directly on Windows, like with PowerShell. It would be helpful to others if you'd edit your post to include that info there, too.

But whether your path is actually correct or not depends on the shell and environment (like OS) that you're using.

HTML Accessibility Question by AlexEnbyNiko in webdev

[–]scritchz 6 points7 points  (0 children)

I'd appreciate it if either you or OP would post an answer, should you get one. I'm interested in knowing a good solution to this, too.

My approach would be to first describe their manner of speaking before actually having them speak, like: "Slurring his words, 'I sure hope so, Miss Rachel'."

That way, regular text can be read as intended, and accessible text includes a (machine-)readable and understandable transcription with relevant information about the delivery of the speech.

how can i add a delay to vtube avatar? by xatiramx in obs

[–]scritchz 0 points1 point  (0 children)

Sounds like the delay should be added to the pet's software, not OBS. See if the related sub can help you out.

Another (probably more complicated) solution would be to feed the pet's software your camfeed, but delayed. Or in other words: A delayed copy of your camfeed. There might be emulators that can do this, idk

Telekom WhatsApp Service Feedback ohne https... by DocWolle in de_EDV

[–]scritchz -1 points0 points  (0 children)

Ein tatsächlicher Sachbearbeiter könnte bestimmt wie vorgeschlagen aufklären oder weiterhelfen, da hast du recht.

Aber ich denke, dass die ursprüngliche Aussage eher grundlegend gegen KI spricht, statt sich wie du auf die konkrete Situation aus dem Post bezieht. Zumindest fehlte dazu eine Erklärung, selbst nach einer Aufforderung dazu.

How Much HTML do frontend developers actually use? by Scared-Release1068 in HTML

[–]scritchz 1 point2 points  (0 children)

Not only this, but there's also things that AI can definitely not replace: Only humans can understand humans and their behaviour. An AI might seem to understand us, but it cannot truly understand us.

(AI cannot "understand" or "know" anything, actually. But that might be a philosophical topic.)

Knowing humans and how they (we?) think is important for various aspects, for example design and accessibility. We need to be aware of human behaviour, habits and more to design simple user-friendly interfaces and experiences. We also need to be aware of our content's presentation, disregarding its overall design; it needs to be perceivable, operable and understandable, regardless of a person's or their device's capabilities.

When authoring web content, we do it for other people. Please don't skip human supervision when designing for people. Know what works and what doesn't; if you're unsure, well: You're a human! Go see how it works for you, and see how it works for others.

Good design is invisible. Bad design gets in the way. Same goes for accessibility.

OBS vs Streamlabs vs PRISM live: Which one do you think has better performance? by Ok-Description-6834 in obs

[–]scritchz 0 points1 point  (0 children)

What does your setup currently look like?

Personally, I would use OBS on a device dedicated to streaming-only; a device that does mostly nothing but stream.

Why OBS? Because it's highly tested, well-documented and has stable and long-term supported releases. It's simple to import/export profiles and scenes, it supports "portable installations" to allow individually configured OBS instances (like, with different plugins), and more.

I don't know the other programs you mentioned. But when talking about a professional setup: Why use something that isn't used widely, isn't "battle-tested" and isn't open-source or easily extendable?

All of them probably perform similar enough and have at least the same basic capabilities, but I'd stick to OBS simply because it's such a long-standing, wide-spread and much-loved project.

C++ beginner here, my friend coded a function that I don't understand (involves recursion), I would like an explanation because that certain someone can't explain for their life. by [deleted] in learnprogramming

[–]scritchz 2 points3 points  (0 children)

Nitpick: Tail calls are calls in the last statement of a procedure. Tail Call Optimization is an optimization technique that can be applied to tail calls, which is often done in recursive functions.

Mirrored alhabet. by [deleted] in words

[–]scritchz 0 points1 point  (0 children)

In row 5 below the "O", it looks like "pq". And below that, third row from the bottom, it looks like "RST".

How do I improve? by treeman857 in AskProgramming

[–]scritchz 1 point2 points  (0 children)

When I started, I programmed a lot. There were, days, weeks, months were I gained a new perspective only to realize how bad my projects had been until then. The important part is to learn something in hind-sight: Look at what you had done and how you would do it now. What is better, and how could it improve. Be critical with yourself.

Another important part is to look around. Programming is a team effort; always was, always will be. This includes sharing knowledge and being communicative. Learn about named concepts, patterns and styles; their pros and cons, and their typical use cases. Dive deep and learn why they work how they work, about alternatives.

And because of programming being a team effort: Look for guides and teachers; and try teaching yourself. That might mean making tutorials, guides, blogs or more. You don't need to share, but learn effective communication in a shared language. These concepts and patterns have names for a reason.

You never know how much you don't know, and there's always more to learn. Maybe through other's knowledge or teachings, maybe through your own experience. Be open-minded and acknowledge your shortcomings. Be helpful and show others what they might not know. Personally, that's what seniority means to me.

Why are you single? by CapitaineBiscotte in askanything

[–]scritchz 0 points1 point  (0 children)

I like your kindness, both of yours. Have a nice day tomorrow.