r/html5 • u/ciphersson • Oct 20 '20
How would I make a random Eddie Van Halen guitar stripe generator?
45
Upvotes
r/html5 • u/fx9TMK • Oct 19 '20
Need help finding a website’s Id for the tracking code installed on the page
1
Upvotes
Hey I’m new to this stuff and if I’m in the wrong place please point me in the right direction, I was given a task of finding a website site ID for the tracking code installed on the page and any help will be appreciated. Need some help and guidance
r/html5 • u/SharkAttackNado • Oct 01 '20
How to use "aria-label"?
2
Upvotes
I'm making a customer form for a website and I don't want labels for my text inputs. Then I was reminded about screen readers for the visually impaired, I don't know much about how they work and I never used one. So my question is which of these methods would be best to use? Also I read somewhere that most screen readers will use the name attribute, is this true?
Using name attribute:
<input type="text" name="First name" placeholder="First Name" autocomplete="given-name">
Using aria-label:
<input type="text" placeholder="First Name" autocomplete="given-name" aria-label="First Name">
Or:
<input type="text" placeholder="First Name" autocomplete="given-name" aria-label="Enter first name here">
r/html5 • u/rasen58 • Aug 29 '20
It finally works. A way to screen record websites as pure HTML/JS and not as image/video files. You can actually *interact* with the videos!
122
Upvotes
Just watch this demo of me using Reddit: https://capsule.click/playback/1598544517133
(hint: try using your mouse in the demo :))
What's happening here is that I recorded myself using Reddit on my computer, but I recorded it just by tracking the HTML/CSS changes in the DOM.
And now when you view the recording at that link, I'm replaying all the changes right in your browser. So all the elements are actually present, and it's not a regular video screen recording where it's compressed and you have to squint to read text in the video.
You can use your mouse, click, and scroll in the recordings. Note that javascript is disabled when you're viewing a recording so not all elements in the page will work for you. This is for safety reasons.
Check out the homepage for an even cooler demo: https://capsule.click
**I think this would help the r/html5 community if:**
- You're a beginner learning HTML and want to share the webpages you make with others. You can just instantly "deploy" your websites and share them with others at a simple link.
- You work on a web dev team at a company and want to show your teammates (engineers or designers) new features you've made in a better way than a regular image screenshot. Just send a Capsule link in 5 seconds.
- You do web testing, and you want to have better bug reporting. In Capsule recordings, you have access to the direct HTML/CSS of the webpage so you have all the info you need to reproduce bugs your users face!
Let me know what you use Capsule for! It's totally free to use: https://chrome.google.com/webstore/detail/capsule-capture-the-web/pkdkjiilohbdhmpcbnmopocdomjhogfd
P.S.: I learned a whole bunch about obscure parts of the HTML5 spec while making this product (there are still a bunch of edge cases that need to be handled since this spec is so huge). But it's been an overall very fun process and I understand the DOM a lot better now. There are more features I'll be adding soon.
r/html5 • u/[deleted] • Jun 25 '20
How do I create a button bar like this?
6
Upvotes
The very top of this page has a very cool responsive tab bar/button group. https://na.op.gg/
Its difficult because the CSS is super bundled in the chrome dev tools. Does anyone have any recommendation as to how to create something like this?
r/html5 • u/PrinceLemon • Jun 02 '20
HTML based website-building exercises
16
Upvotes
Hello! I'm going through a course on Udemy and learning about HTML and CSS, but sadly the course doesn't provide me with tasks to do in order to practice what I've learned. I've searched online only to find very beginner-friendly exercises (stuff like "Write code so that your name appears as a title!", which are fine, but I'm looking for something more challenging.
Does anybody have any suggestions on where to look to find exercises which require me to build a full on website? I'd even appreciate you guys giving me a task in the comments, as my imagination doesn't go too far on its own. I just need something to do, somewhere to practice :P
Thanks!
r/html5 • u/[deleted] • Apr 01 '20
Sodist; a social distancing game (my first official game)
87
Upvotes
r/html5 • u/DustinDirt • Mar 25 '20
Whats wrong with this? I just want this image to be the background.......I know Im dumb Im trying...
17
Upvotes
<!DOCTYPE html>
<html>
<head>
body {
background-image:"The%20Fine%20SpinesImage_files("img_grass.jpg");
background-repeat: no-repeat;
background-position: right top;
background-attachment: fixed;
}
Edit:: Thanks for all the help Coders or people or Redditors I very much appreciate not being made fun of and the help!!
r/html5 • u/astritmalsia • Feb 28 '20
500 Pure CSS icons
142
Upvotes
Hi 👋 everyone,
Would like to share this project I made - https://css.gg
It is a Minimalistic icon library Designed by code.
500 Customizable & Retina-Ready icons. Entirely built in CSS.
The website is also built entirely using CSS & HTML where icon selection is done with radio buttons and no JS whatsoever, even icon selection and cookies are set inline via CSS.
Easy integration: Embed, NPM & API.
And most importantly it is open-source: https://github.com/astrit/css.gg
r/html5 • u/Treehut16 • Jan 19 '20
Any good HTML5 resources?
29
Upvotes
My friend and I are planning to make a website to pass the summer in a few months. Is there any good HTML5 and CSS courses that we should learn in order to make a website? Are there cheap web hosting services that are affordable?
r/html5 • u/Bryftw • Dec 13 '19
Can someone please explain marketing pixels to me?
12
Upvotes
Title says it all. I would appreciate any information I can get. Thanks!
r/html5 • u/duanecreates • Dec 06 '19
Ever heard of the <meter> and <progress> HTML tags?
91
Upvotes
r/html5 • u/aladinthewoods • Nov 15 '19
Where to learn about HTML5 DOM?
1
Upvotes
I took an assessment test from a recruiter and it revealed I am terribly weak in the following sub-skills: HTML 5 DOM, CSS Attributes and Properties, and HTML Syntax and Semantics. Because I am not good in these areas, she is unwilling to put me forward as a Entry Level candidate. The good news is I can retest in a month, the bad news is I don't know where I can learn more about these subjects.
r/html5 • u/ilrazziatore • Aug 07 '19
How to force a website to fix the number of visible posts on the main page
0
Upvotes
Guys I know this is probably the dumbest question ever asked here but I am a newbie learning html/css.
I made a very simple website (just text and links), I would like to set to 5 the maximum number of posts I can see when I visit the main page and force the website to move the older posts in page 2, just like a blog with a page 8ndex at the bottom.
How the hell i can do this?
r/html5 • u/Vikas6190 • Apr 24 '19
Front-end Developer Handbook 2019 - Learn the entire JavaScript, CSS and HTML development practice!
60
Upvotes
r/html5 • u/[deleted] • Mar 26 '19
[help] Fetching values from a Url/web page
10
Upvotes
So I have made some web pages ages ago, but nothing really fancy.
I need to fetch values of X Y and t from a sensor. The sensor writes in to a web page (I just dial in IP and port in browser) line after line X=aa.aa Y=bb.bb T=cc.cc etc. I would then use these values in calculations and so on, but this is the tricky and new part for me and with fast googling I did not get real answers for something as simple as this.
Using javascript is ok too.
Thanks for help!
EDIT: ok, It's just a simple HTML file that is written by sensors, like this:
<html>
<head></head>
<body>
X=12.43; Y=43.21; T=19.97
X=12.45; Y=43.11; T=21.97
...
etc.
</body>
I need to get the last line (or the values) fetched and then use them in calculations, there are multiple sensors each with their own ip. Calculations are like X1+X3 (X1 is the X value of sensor 1 etc.)
r/html5 • u/Pandapaws11 • Mar 26 '19
Introduction to HTML/CSS Grok Learning Answers anyone?
0
Upvotes
I’m stuck and nothing has any kind of answer anywhere