/r/q?req.query.q -- Subreddit Search

46,887 Subscribers

Mastering Animated Navigation with JavaScript | Web Development Tutorial for Beginners

0 Comments

2024/03/27
13:59 UTC

the player is only as big as the name is long. how do i fix this and make it the full length of the page

6 Comments

2024/03/26
08:37 UTC

CSS Border Animation Tutorial | 2 Effects on Hover

0 Comments

2024/03/20
13:16 UTC

Custom Audio Player with Web Component and Web Audio API

0 Comments

2024/03/16
05:16 UTC

📐 Learn 3D Cube Animation Effects with HTML and CSS | Web Development Tutorial 🖥️

0 Comments

2024/03/13
12:36 UTC

Learn how to code the open source game Robot Street Ultra Upgrades, a top down 360 shooter in HTML5 and JavaScript.

2 Comments

2024/03/12
20:28 UTC

Drag and Drop

I did a quick search within the sub, but most posts look 5+ years old. None are what I'm looking for.

I'm working on creating a simple page/site for class and this portion we need to create a drag and drop API. There are plenty of examples online for them, but, they're all generic and just basic dragging and dropping an image into a box. I'm looking to either do a puzzle, which reveals a .gif or image or linked YT video, or something similar.

Is there something I should be searching for specifically to get knowledge on this? Any insight would be great.

ETA: so, this page on w3 gets into a bit and is helpful for the basic DnD. I would like to find out how to edit

document.getElementById("demo").innerHTML = "Started to drag the p element.";

to open a YT "XcQ" link or play a gif or show an image.

I'm not sure where to start, since I cannot find where to define the events.

2 Comments

2024/03/07
15:52 UTC

Awesome Border Animation Effects using CSS

0 Comments

2024/03/06
14:27 UTC

HTML5/CSS Training

Looking for recommendations.

Our school adopted a CRM about a year ago and, now that our contract with our consultant is over, several of us super users need advanced training in HTML5/CSS. Of those tasked with designing, I’ve taken on most of the responsibility since I have mid-level UX design experience. However, there is still more that I need to learn.

I’ve taken asynchronous certifications and completed coding coursework, but our team needs more project-based learning than vocabulary and plug and chug testing.

We all need to be proficient in the following related to HTML5/CSS/JS:

Understanding of WCAG and how to comply.
Basic understanding of CSS syntax, selectors, and frameworks selectors.
Proficient in writing clean, semantic HTML5 and CSS code with using in-code comments for documentation.
Advanced knowledge of CSS, including Flexbox and Grid layout.
Experience with responsive design techniques and media queries.
Ability to optimize website performance through CSS techniques.
Proficient in using developer tools for debugging and optimization.
Basic understanding of JavaScript and its interaction with HTML and CSS.
Experience with cross-browser testing and debugging.
Strong problem-solving skills and ability to debug complex front-end issues efficiently.
Since the CRM also uses liquid mark up (created by Shopify), basic SQL would be beneficial as well.

We do have a little bit of a budget to train three super users, but we do work in higher education so it’s not a lot. While a reputable certification or micro credential would be nice, it’s not necessary. Just really looking for a program that requires participants to learn and isn’t simply based on see and repeat. The CRM system we’re using is Slate by Technolutions if that helps.

Thank you for your recommendations!

0 Comments

2024/03/05
15:37 UTC

Help with reverse engineering website design

1 Comment

2024/03/04
22:13 UTC

How bad is it to use "custom" elements?

As i typically only produce pages or applets for personal use, i dont typically pay too much attention to 'validity' of my code - as long as it works in my browser[s], thats fine.

But what is the primary concern for using non-standard elements?

Here's a sample of something i might write:

https://plnkr.co/edit/tWhaaPydWU294NcR

Now, i know i could typically just use <div>'s and .classes. But is it so bad if i dont?

3 Comments

2024/03/04
17:05 UTC

Input “roller”

Is there an input “roller” that acts like the slider but look like the time input “roller”?

3 Comments

2024/03/04
14:31 UTC

Support fixing HTML5's inability to nest comment tags!

0 Comments

2024/03/04
12:13 UTC

why is my background gradient doing this?

<!DOCTYPE html>

<html> <head> <style> body { background-image: linear-gradient(red, green); } </style> </head> <body>

</body>

</html>

https://preview.redd.it/046pm0si3hlc1.png?width=871&format=png&auto=webp&s=9b28d2826b7f06a5c53d5122be0de09b84ed0a04

3 Comments

2024/02/29
07:02 UTC

🚀 Top 7 CSS & JavaScript Projects for Coders & Web Developers!

0 Comments

2024/02/21
14:03 UTC

Help With Button Toggle on Text Style

So I'm trying to create my own custom text editor basically as an introduction to HTML, CSS, and JavaScript. I managed to create an area for text, a tool bar, and buttons that change the selected text style. In rich text editors, usually the style of the text highlights in corresponding buttons. I can make buttons toggle-able, but when de-selecting bold text, the bold button would still be toggled. I would like to know how I can get the text style of the selected text in JavaScript without using a separate button to store the current style of text like I've seen in other examples (or some simpler way of doing what I'm looking for). I'd also appreciate a way to do it without importing some existing rich text editor so I can take these concepts and use them elsewhere, as I am not familiar with the ins and outs of JavaScript just yet.
(The image is highlighted text, which I would like the bold button to be toggled to show that the text is bolded)

3 Comments

2024/02/17
19:22 UTC

i need help with a metaballs effect

6 Comments

2024/02/17
01:52 UTC

Is <element> valid?

When I was looking up how to make a 3D box in CSS I noticed one of the examples used the <element> tag for the sides. I tried it and it worked, but I wanted to check into it more. Searching HTML element just turned up pages explaining the difference between elements and tags, or explaining what elements were. Searching <element> returned the same results, and searching for it on the can I use it site yielded 0 results.

I also looked over several lists of tags and none of them listed <element>. So it seems to work but is completely undocumented. Does that mean it's not quite ready for prime time or could I leave it on my page without issue?

4 Comments

2024/02/15
08:19 UTC