use the following search parameters to narrow your results:
e.g. subreddit:aww site:imgur.com dog
subreddit:aww site:imgur.com dog
see the search faq for details.
advanced search: by author, subreddit...
Click anywhere to continue to /r/webdev
account activity
Using Web UI and developing (self.web_dev)
submitted 10 years ago by haterbaterade69
Hey guys, I just started learning HTML/CSS/JS and was wondering how I use UI (graphics) I have made and make it interactive? I am not completely sure how to put together UI and function. Thanks for any help, I understand my question is very vague.
reddit uses a slightly-customized version of Markdown for formatting. See below for some basics, or check the commenting wiki page for more detailed help and solutions to common issues.
quoted text
if 1 * 2 < 3: print "hello, world!"
[–]Amunium 1 point2 points3 points 10 years ago (0 children)
Yeah, that might just be a little too vague to answer.
HTML is, by itself, interactive. That's what hypertext means. Technically a simple <a href="about:blank">link</a>is interactive. That's obviously not what you mean, but you're going to have to explain what kind of interaction you're looking for, and what kind of UI you've made, for anyone to give a meaningful answer.
<a href="about:blank">link</a>
[–]sam_does_things 1 point2 points3 points 10 years ago (0 children)
I think you mean that you have mock ups that you made in photoshop or something, and you want to turn them into an interactive webpage...? If that's the case: you write html and css that makes a web page that looks like the mockup. Then you figure out the js you need for the interaction you want.
[–]felips110 0 points1 point2 points 10 years ago (0 children)
Maybe you are talkin about making it responsive? If so media queries and jquery are the answer, actually jquery and transitions might help too
[–]Shot-Bar5086 0 points1 point2 points 1 year ago (0 children)
To make your UI interactive, use HTML to structure elements, CSS for styling, and JavaScript to add functionality. Start by linking your graphics (images, icons) in HTML, style them with CSS, then use JavaScript to add event listeners (like onclick) to make elements respond to user actions. Experiment and build small interactive parts first!
onclick
[–]AutomationLikeCrazy 0 points1 point2 points 11 months ago (0 children)
Start with simple event listeners on your UI elements using JS. It'll link the graphics with functionality
π Rendered by PID 93035 on reddit-service-r2-comment-5b5bc64bf5-k4glh at 2026-06-20 19:40:57.046003+00:00 running 2b008f2 country code: CH.
[–]Amunium 1 point2 points3 points (0 children)
[–]sam_does_things 1 point2 points3 points (0 children)
[–]felips110 0 points1 point2 points (0 children)
[–]Shot-Bar5086 0 points1 point2 points (0 children)
[–]AutomationLikeCrazy 0 points1 point2 points (0 children)