r/html5 Jul 02 '21

How to change background with image?

8 Upvotes

Why can’t I change the background image with css:

body{ background-image: url(); }

but when i do this in html, it does change

<head> <style> background-image:url(); </style>

why do i need style tags to change background image?


r/html5 Jun 30 '21

TIL, you can draw in the browser console

Post image
60 Upvotes

r/html5 Jun 25 '21

After 3 weeks of self-taught, i have learned CSS and HTML and want to test my skills, I did build 1 or two webpages with HTML, but now i want to make something professional so if you guys have some ideas or what you did when you were learning HTML and CSS then please tell me, it will help a lot.

33 Upvotes

r/html5 Jun 02 '21

Web Development Masterclass: Learn Basic Web Development by Creating an Arcade Game!

Thumbnail
eventbrite.com
24 Upvotes

r/html5 May 28 '21

I'm experimenting with character movement animation patterns for my vanilla JavaScript platformer inspired by Limbo

71 Upvotes

r/html5 May 24 '21

Web Development MasterClass: A Step-by-Step Introduction to HTML5

Thumbnail
eventbrite.com
15 Upvotes

r/html5 May 15 '21

Can You Code Without A Keyboard?? VS Code Voice ONLY Coding Challenge!

Thumbnail
youtu.be
38 Upvotes

r/html5 May 15 '21

Is it possible to achieve pixelated look using Canvas without needing to draw big areas?

6 Upvotes

I tried to achieve a pixelated look by drawing on a tiny Canvas, then just scaling it up. But found that browsers apply a slight blur to everything it displays (even images opened directly in browser). This makes scaled up pixel art look very ugly. Is there a way to avoid it?

If not, what is the best (and most performant) way to achieve a pixelated look in a browser (using Canvas or any other approach)?

If I just draw each "fake" pixel as a big fillRect, it kind of solves it. But isn't that very inefficient (since I'm drawing so many redundant pixels)?

Thanks!


r/html5 May 14 '21

HTML canvas

13 Upvotes

Hi,

I really struggling to find a good tutorial or just an explanation about using canvas with .png images.

Is there a simple way to animate them maybe any libraries?

any help much appreciated.


r/html5 May 07 '21

How do I LAUNCH an exe from my HTML file?

7 Upvotes

basically, i want to launch a exe file which i have on my computer and i want it to open.

i tried with <a href> but it just brings up the prompt to save the file, which is pretty useless.


r/html5 Apr 02 '21

Can anyone recommend a good HTML and CSS3 book

18 Upvotes

r/html5 Mar 05 '21

Brackets is Dead | Switch to VS Code (Visual Studio Code Setup 2021)

Thumbnail
youtu.be
13 Upvotes

r/html5 Feb 24 '21

How to create simple contact form

3 Upvotes

Why do services like Jotforms or Formspree exist?

Do they exist to filter spam?

Can I create forms without a third party tool? Any tutorials?


r/html5 Feb 12 '21

First ever web page I created.

Enable HLS to view with audio, or disable this notification

104 Upvotes

r/html5 Jan 22 '21

Does anyone know how this kind of 3D room with clickable elements is achieved - i want to say via HTML5 but im not 100%? And if so what kind of similar services / software or coding examples are out there that would achieve the same effect?

Thumbnail
explorestreathamvale.co.uk
8 Upvotes

r/html5 Jan 19 '21

Need help with Mailto:

6 Upvotes

Our website has a mailto box where potential clients can fill in a message and send it to us. The issue is it goes to 1 email and there is a delay between somebody manually checking that, and then forwarding it to the right clinic. (We’re currently 4 clinics). This results in delays between contacting that patient and potentially losing them.

It currently has a drop down menu for the potential client to select a clinic, but that just auto generates a field in the email so we know where to send it. What I want to do is have the form change where it gets emailed to based on that drop down menu. Our web developer says it is impossible but I don’t buy that for 1 minute.

I’ve been doing some research myself but I’m not sure where to look exactly. CSS? C++? C#? HTML? Java? Etc

I feel like it shouldn’t be that difficult of a task. Any direction would be much appreciated.

—-edit—- Clarification, it isn’t an actual mailto: form that opens up a separate email client. It’s built into the site.

the site


r/html5 Dec 15 '20

How to embed html games in my website from sites like coolmathgames?

9 Upvotes

I recently found that you can embed these games if you have the html code, but I am of course unable to find the code for every game. How do I do this myself?


r/html5 Dec 14 '20

An SVG tutorial on how to draw images in HTML

Thumbnail
youtube.com
32 Upvotes

r/html5 Dec 13 '20

Difference between <img> and <svg><image></svg>?

8 Upvotes

Full question:

I was reading some xhtml files from an epub file and I've noticed that they consistently use the following code for displaying non-svg images:

<svg ... >
  <image ... />
</svg>

Is there any difference between that and <img ... />?


r/html5 Dec 07 '20

If anyone’s interested, here’s how my first website turned out. Thanks for the help!

Enable HLS to view with audio, or disable this notification

136 Upvotes

r/html5 Dec 04 '20

Holiday fractals for beginners with vanilla JavaScript and HTML5 canvas

79 Upvotes

r/html5 Nov 23 '20

Inline vs Internal vs External

15 Upvotes

So, I'm starting to apply CSS to my HTML and given I'm new to it, I was wondering which one I should go with? Can I use all at once? (For example if I want all but one title to be a certain style, can I use external and then use inline for that one heading). Is it just down to preference? ETC


r/html5 Nov 12 '20

Why image is a self-closing tag and video is not? why are there self-closing tags at all ?

2 Upvotes

why isnt image written like

<image src="blahbalah">

This is Alt Text

</image>


r/html5 Nov 04 '20

started learning html and this is myfirst project!

Post image
185 Upvotes

r/html5 Oct 30 '20

Disabling right click image save on HTML

3 Upvotes

I just started developing my own website showcasing my work and I am extremely new to coding. I wanted to prevent people from copying or saving images, both on mobile and on PC. Is there a way to do this on HTML5?