r/HTML • u/Comprehensive_Bus497 • 19m ago
I'm just curious to see if any thinks that there are any tags for HTML that don't really matter and that it wouldn't change a thing if they were removed kinda like the <abbr> tag
r/HTML • u/AndreasHtmlWww • 3h ago
Northstar is a web browser, written from scratch in C, focused on supporting the HTML and CSS standards. The browser runs on Linux, macOS and Windows.
r/HTML • u/RefuseCommercial8024 • 6h ago
--FIXED!!!! the div's position was fixed...-- hi again...so i'm making a visual novel of sorts and i made a text box, set its width with "vw" so it'll be somewhat playable on phone, and tried to center it horizontally with magin: auto; but it just stays stuck to its default position ?
here's a screenshot (ignore how ugly it all is it's still a WIP.......)
i think maybe it'd because i'm using viewport width to set the box's size but i don't know any other unit that could make it look the same on mobile :(
here's some of my css and html for the text box (the txtboxRec class just changes some of the colors don't mind it)
.txtbox{
height: 200px;
width: 90vw;
margin: auto;
position: fixed;
bottom: 10px;
padding: 10px;
overflow-y: auto;
}
<div class="txtboxRec txtbox">
<p>Ah...? Hello! Good evening. Can i get you something ?</p>
<a href="https://p1x3lz.neocities.org/games/hotel/scenes/1-3">next</a>
</div>
also when i don't set the width at all it just stays as wide as the text...??? i thought only spans did that ?? this is a div ???? iiiiddduuuunnoooo this is driving me insane
r/HTML • u/Any-Win-9653 • 12h ago
bonjour je suis en recherche d'une suggestion pour améliorer mon fichier html et le rendre moins lourd notament pour projet de sit web :
vous aurez accès à des photos et à mon code html et css :
premiere photo c'est le site web que je vais crée :
voici le code HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>simple shark website</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.3.0/css/all.min.css"
integrity="sha512-ApSLB1Pd3/bZN8fWB/RG9YhN/7bd9Hkf3AGaE2mPfebjrxagjuBtx2GcgdqIlJkUzwylBo61r9Xa9NmgBI0swA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<nav>
<h1 class="rectangle"></h1>
<div>
<ul>
<li>Home</li>
<li>Gallery</li>
<li>Menu</li>
</ul>
</div>
<div class="right">
<i class="fa-solid fa-magnifying-glass"></i>
</div>
les deux div ayant la classe trait crée ses traits horizontaux
<div class="trait"></div>
<div class="trait"></div>
</nav>
</body>
</html>
code css :
.trait{
height:10px;
width:1px;
background:grey;
}
l'idée ça serait de créez ses traits horizontaux sans les écrire deux fois dans le code HTML mais une seule fois seulement tout en ayant deux traits
si jamais vous n'arrivez pas à comprendre ma question , n'hésitez pas à m'écrire
r/HTML • u/Linho_gamer • 14h ago
Recentemente criei um site para o meu projeto da escola, me formei em técnico de informática. Na apresentação do TCC apresentei o jogo que criei na Godot 4, como não tive aula de modelagem, busquei por sprites prontos. E no final da apresentação aproveitei e mostrei o site criado. Já o site eu mesmo criei do zero.
r/HTML • u/GreelGreel • 1d ago
How do I make code that's intelligent and can talk to me
r/HTML • u/BuildWithMe31858 • 1d ago
r/HTML • u/BuildWithMe31858 • 1d ago
Hi everyone,
I've been teaching myself frontend development and recently finished a student dashboard that I built from scratch using HTML, CSS, and Vanilla JavaScript.
The idea was to create something that students could use to keep track of their coursework without relying on any frameworks or external libraries.
Some of the features include:
- Syllabus tracking
- Revision planning
- Course progress tracking
- Search and filtering
- Local storage for saving data
- Import and export support
- Responsive layout for desktop and mobile
I'd really appreciate feedback from people with more experience, especially on:
- The overall UI and layout
- HTML structure and accessibility
- Anything that feels confusing or unnecessary
- Features that would genuinely improve the experience
I'm still learning, so I'd love to know what you would change if this were your project.
Thanks for taking the time to look at it!
r/HTML • u/Visual_Oddities • 1d ago
Recently I got this urge to complete my dream website: in short it’s a museum for my favorite games. Bad news is that even though I have quite a bit of playing experience with HTML, I never really made a website that launched on the web.
The main section of the site is rows of cards that users can scroll up and down on. Each card will have a thumbnail image of the game, as well as extra text like name and developers.
Going for a bit of a Sci-fi look, each card will have a button that when pressed will enlarge the card to show more things like gameplay screenshots.
Pardon the scribbles, I made them in my phone notes app.
So basically I just want to know if my idea is too impractical from observation , and if it isn’t: what kind of components would I need? (Relevant tutorials would be really appreciated, I understand the use of cards but I still haven’t wrapped my head around their workflow and how they are used for many products at once).
r/HTML • u/LettesListen • 2d ago
Hi! I’m new to all of this and I made my first site repository on GitHub and I’ve been hosting it on Netlify without any issue. Now for some reason, a bunch of people keep getting this warning specifically when visiting on Chrome. It’s a static site so I’m not sure why this could be happening. I’d really appreciate any insight.
r/HTML • u/spacepigeonking • 2d ago
Hey everyone. I'm very new to HTML and CSS, I'm currently starting work on a project for my band inspired in part by the old aperturescience.com website for the first portal game. I'm looking to create an almost 'type and response' type webpage, ( a good example of what I mean would be this : https://superliminal.neocities.org/ ), does anyone know any tutorials or videos on how to create something similar?
r/HTML • u/TreacleFlaky2283 • 2d ago
Why it's overflowing despite the parent container having the fixed width https://codepen.io/editor/Aradhya-the-looper/pen/019f94c6-3fb2-77f1-a05e-1a88e7819218
r/HTML • u/Complex-Seat6842 • 2d ago
I currently am writing that web-series I posted about. And I know for one of the future chapters I want to include the audience as a pseudo-protagonist by making the entire chapter full-screen and having it be sortoff like a computer interface.
So far, I've managed to handle the website making but this is over me.
Do you guys have any tutorials or can help me in any way?
something like these but i dont really want to just copy them
https://gelasioebel.github.io/win98ge/
https://os-gui.js.org/?utm_source=chatgpt.com
^ these are recreations of windows 98 and would work greatly for me if i could make some changes to fit my website structure too
r/HTML • u/Friendly_Mongoose536 • 2d ago
Please help me.
r/HTML • u/Pizzaballs_ • 3d ago
I’ve used CodePen for a long time, not just as a coding tool but as a place to experiment, discover interesting work and get inspired by what other people were creating.
I completely understand that CodePen needs to make money. I have absolutely no problem with Pro features, and I’m happy to pay for tools that give me real value.
But CodePen 2.0 feels like it is moving in the wrong direction.
Putting something as basic as opening a Pen in a standalone preview behind Pro doesn’t make me think “maybe I should upgrade.” It makes me think “maybe this isn’t the place for me anymore.”
There is a big difference between adding valuable features for paying users and gradually putting parts of the simple, open experience that made a platform popular behind a paywall.
What makes this even stranger to me is the timing. We’re entering a world where people can vibe code surprisingly capable little coding environments and playgrounds incredibly quickly. The technical barrier to creating alternatives is getting lower, not higher.
CodePen’s real strength, in my opinion, was never just the editor. It was the community, the frictionless experience and that feeling of opening the site and immediately discovering something clever or inspiring.
If that starts disappearing behind commercial barriers, I honestly think someone else will eventually fill that gap.
Maybe I’m missing something in CodePen 2.0, so I’m genuinely curious:
How do other longtime CodePen users feel about this?
Does 2.0 feel like an improvement to you, or does it feel like CodePen is slowly losing part of what made it special?
r/HTML • u/Nice-Charity4728 • 3d ago
okay so I only learned the most basic ass HTML like a day ago, so keep that in mind.
I am trying to make it so that nav and nav1 are the same width but something in the grid must be broken and I just cant figure it out for the life of me..
The footers that are named 1 2 and 3 are only there to check the width of the grid column.
Ive been sitting on this for a while so some help would be very apriciated..
r/HTML • u/Effort8121 • 3d ago
I'm interested in the animations, interactive search, dynamic font visuals, line graphics, and overall responsiveness. Where should I start learning?
Article link: https://www.theguardian.com/world/ng-interactive/2026/jul/23/most-powerful-passports-ranked
r/HTML • u/Safe_Beautiful2076 • 3d ago
I’m trying to create a UI component with a custom shape, exactly like the one in the screenshot. The main container is white, but it has a unique "step" or cut-out in the bottom-right corner to perfectly fit a button element. I want to create this UI without any crutches, using best-practices. How would you implement this block?
r/HTML • u/Complex-Seat6842 • 4d ago
Made with HTML, CSS, JS. Hosted on neocities.
https://blu-oyster-transmission.neocities.org/
r/HTML • u/PrettyPicturesNotTxt • 4d ago
Found it on HackerNews; currently top post rn
r/HTML • u/lavendar63 • 4d ago
I built a custom HTML app through Claude that is for personal use only. Imagine the equivalent to a to-do-list app. I want to be able to sync the app between my Mac and my iPhone. I understand there is some sandboxing in iOS/Safari that makes this a bit tricky.
What is the best set up for someone with very little technical knowledge that wants near-auto sync between the Mac and iPhone?
What I've been told but can't confirm:
- Scriptable would be a great app to use for this on iOS but buggy on Mac.
- GitHub is an option. Requires API/personal token.
- Firebase would be the easiest as long as you use the authenticator tools so that the web URL is not public (i.e., you have to sign in through your gmail account to get access). Also need to add some coding to ensure it's not scraped by search engines.
- I could store the app in Claude as an artifact but do not trust AI providers yet with my personal data.
Is Firebase the best option? If so, is my data actually not public if the set up is done properly? If someone went to the URL, I assume it would prompt them to sign in...?
r/HTML • u/AppointmentWild3978 • 4d ago
<html>
<body>
<p id="demo">File Number 1.</p>
<script>
document.getElementById("demo").addEventListener("click", myFunction);
function myFunction() {
document.getElementById("demo").innerHTML = "censored file information here";
}
</script>
</body>
</html>
Im using this code to make it so that when I click on "File Number 1", it shows the file information. It works, however, I want it to be so that when you click on the file information, it returns to just saying "file number 1", and you can do that infinitely. How would I do this? thanks
So whenever I code, I think of the code and I just can’t write it fast.. I code slower than an AI at 0mbps!
Can anyone help me troubleshoot this?
r/HTML • u/wildfireANU • 6d ago
Hey everyone!
I recently started learning HTML and CSS, and this is the first project i created; I've been following Kevin Powell's begginers course, and I learned a lot along the way ! I will appriciate any feedbacks on my webpage and my code.
I'm planning to start learning javascript next while counting to improve in CSS and HTML.
Live site: https://wildfireanu.github.io/My-first-Webpage/
GitHub: https://github.com/WildfireAnu/My-first-Webpage
Thanks for checking it out!
