/r/html5

Photograph via snooOG

[HTML5] evolves HTML and its related APIs to ease the authoring of Web-based applications.

Including but not limited to:

  • <canvas> 2d and WebGL
  • <audio>
  • <video>
  • WebSockets
  • Workers
  • Storage and databases
  • Microdata
  • Web Components

Documentation:

Related on Reddit:

/r/html5

46,977 Subscribers

4

📜Awesome Page Scroll Effect | HTML & CSS✨

1 Comment
2024/04/30
12:19 UTC

1

Need iframe pdf to resize responsively to devices

I’m trying to resize the pdf by giving width 100% and height 600. Its working computer but not in ios device

0 Comments
2024/04/30
10:32 UTC

0

Random clicks

Hi Guys,

I would like to make some random clicks on this webpage and to move the mouse randomly too.

I don't know how to inject the code I just had from chat gpt...

thx for your help

0 Comments
2024/04/30
09:29 UTC

2

Change just the background set by the CSS file

I did a quick search on the sub and the CSS one but didn't find much. I'm going to post this there as well. Basically, I'm trying to code my site myself using HTML, CSS, and JavaScript. I am finding that I'm creating a CSS file for each main page, which seems counterintuitive. In the CSS files I've created, I'm mostly just changing the "background-image" of the following:

body {

color: #7E7E82;

background-image: url(../images/TJ\_Catch\_Yak.gif);

background-repeat: no-repeat;

background-position: right center;

background-color: #121337;

}

Is there something that HTML can do to replace the image for each page AND keep the same general location? It's of course for school and I'm getting a bit frustrated with this part.

2 Comments
2024/04/29
16:14 UTC

2

I am trying to gather some feedback and criticism for a flask project of mine and would really appreciate some responses to my short survey.

0 Comments
2024/04/26
17:08 UTC

6

Converting HTML and CSS to Bootstrap?

I was making a website for a project at school using only HTML and CSS and I just found out that bootstrap was required, alongside HTML and CSS. is there any way to convert the HTML and CSS site to a bootstrap compatible one without ruining the framework?

3 Comments
2024/04/25
07:13 UTC

1

Image Slider | HTML & CSS 🎞️

0 Comments
2024/04/24
13:44 UTC

1

Simple Tic-Tac-Toe with Markup

0 Comments
2024/04/21
00:13 UTC

3

✨ Stunning HTML & CSS Card Animation Tutorial on Hover 💻

0 Comments
2024/04/17
13:22 UTC

1

Is there any way I can change the background color of this embed to black?

Here’s the code for the embed:

<!-- Start Square Appointments Embed Code --><script src='https://square.site/appointments/buyer/widget/kc7mms1t97884b/LDFXAY95FYTW7.js'></script><!-- End Square Appointments Embed Code -->
0 Comments
2024/04/14
22:19 UTC

0

🎨 Form Input Wave Animation | CSS & JavaScript🚀

0 Comments
2024/04/09
14:51 UTC

7

Mastering Animated Navigation with JavaScript | Web Development Tutorial for Beginners

0 Comments
2024/03/27
13:59 UTC

2

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

6

CSS Border Animation Tutorial | 2 Effects on Hover

0 Comments
2024/03/20
13:16 UTC

9

Custom Audio Player with Web Component and Web Audio API

0 Comments
2024/03/16
05:16 UTC

5

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

0 Comments
2024/03/13
12:36 UTC

6

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

5

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

13

Awesome Border Animation Effects using CSS

0 Comments
2024/03/06
14:27 UTC

4

HTML5/CSS Training

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

Back To Top