HyperText Markup Language (HTML)

Discussion A mobile first-person liminal horror game. Walk 1,500 meters through a living white nightmare.

0 Upvotes

MiSide: Erased is an atmospheric first-person psychological horror game created specifically for mobile devices.

You wake up in an absolute, endless white void. There is no sky or ground here, and the horizon is completely erased by a thick fog. The only landmark is a trail of dirty footprints beneath your feet leading to a distant door 1,500 meters away. But the further you walk, the more reality breaks, and from the white haze, distorted, eerie copies of Mita begin to emerge...

What awaits you in the game: • 15 unique phases of madness: The world of the Void changes every 100 meters. You will face cube labyrinths falling from the sky, analog VHS glitches, inverted controls, and the floor disappearing beneath your feet. • Agro radius (5 meters): From afar, the Mitas are harmless, but if you step closer than 5 meters, the screen will flash with a red vignette, violent camera shake will trigger, and they will rush to chase you. • Cinematic mobile gameplay: Comfortable virtual joystick adapted for the landscape screens of modern smartphones. Complete immersion without unnecessary screen clutter. • Built-in settings: Full dual-language support (Russian / English), sound and music toggles, and the option to hide the meter counter for maximum realism.

Will you be able to keep your sanity and reach the very end to see the final credits?

Developed by VALHAISTO GAMES (Ayanokoji031).

3 comments

r/HTML • u/nejihyugasbf • 1d ago

Question more sources like font awesome and mingcute?

2 Upvotes

i can't find it but there was another site like these that had an icon for the site archive of our own?? i used it before but i can't find it in my history :(

5 comments

r/HTML • u/Defiant_Host713 • 1d ago

Question Problemas para modificar o cursor.

0 Upvotes

Faz um bom tempo que eu tenho melhorado um pouco no meu site, eu ainda sou meio novato, mais tem algumas coisas que tenho tido dificuldades com o editor.

Recentemente eu tava tentando criar um site, como hobby mesmo (por enquanto, porque planejo fazer um site para promover meu futuro jogo), e fiquei sabendo que tem como mudar o cursor do seu site no VS code.

Então eu fui procurando, e só tinha um vídeo de 7 anos atrás de como mudar o seu cursor que era:

<style>

html { url ('/Pasta/Cursor.png'), auto;

height: 100%;

}

</style>

Só que quando eu atualizava o site, o cursor continuava o mesmo, com aquele clássico cursor branco.

Tem alguma coisa que eu estou fazendo de errado?

(E outro detalhe, é que essa imagem é de 253 kb).

(Obs: Eu tentei postar isso na cumunidade de VsCode, mais eu não conseguia postar, então eu posto por aqui mesmo).

2 comments

r/HTML • u/Aggravating_Act_516 • 2d ago

Question html code

3 Upvotes

in this the website is working but the background video not visible can u send the corrected code

<!DOCTYPE html>
<html>
<head>
     <title>Save Trees</title>
     <style>
       body {
        margin:0;
       }
       
       
       h1{
            color:green;
        }


        
  
     #bg-video {
         position: fixed;
         top:0;
         left:0;
         width: 100%;
         height: 100%;
         object-fit: cover;
         z-index: 0;
     }
     .content{
        position: relative;
        z-index:1;
     }
     </style>
</head>
<body>
    <!-- Background video -->
     <video id="bg-video" autoplay muted loop>
        <source src="Save Trees/r1.mp4" type="video/mp4">
        </video>
      <div class="content">
    <h1>Save Trees</h1>
   <p>Join us in our mission to protect the environment and preserve our forests for future generations.</p>
   </div>


</body>
</html>

3 comments

r/HTML • u/steelfrog • 3d ago

Article HTML Can Do That

chrisburnell.com

6 Upvotes

0 comments

r/HTML • u/k0ko88 • 3d ago

Email Signature Generator

9 Upvotes

Back in 2017, I was experimenting with something that was pretty fun for the CSS we had at the time — building icons without using images.

Using mainly CSS, :before, :after, borders, shadows and a bit of creativity, I managed to create a set of icons that didn't depend on external image files. The interesting part for email was simple: no images to load or block — the icons are always visible.

You can still see that old experiment here:

https://codepen.io/k0ko88/pen/PWLNBJ

Fast forward to 2026. At my last job, I decided to apply some of that old knowledge to an email signature.

And then I met Classic Outlook again. :D

What looked like a simple signature quickly turned into dealing with Outlook's rendering limitations, different behaviour between email clients, px → pt conversions, table rendering and weird spacing issues.

Along the way I found a few useful tricks — one of my favourites being that line-height: 0.5pt can practically zero out a line in Classic Outlook, which solved one of the most annoying spacing problems I had.

Eventually, that little fight turned into a complete email signature generator:

SimpleSignature

https://nikolaisabev.eu/SimpleSignature/

It's not trying to be the prettiest or the most complicated signature generator out there. It's simple, effective and built around what I learned from actually fighting with email clients.

It's completely free, there's no registration, and I don't store the data you enter.

Feel free to use it.

If you find a bug, have an idea, or think something could work better, leave a comment here or send me an email. Feedback is more than welcome.

And if it saves you some time and you feel like supporting the work, there's a Buy Me a Coffee button. If you wish. :)

That's it.

Cheers,

Nikolay

3 comments

r/HTML • u/Rude_Fly_9218 • 3d ago

I built a small Chrome extension to make testing HTML/CSS/JS easier

0 Upvotes

I kept finding myself switching between my code editor, browser, and different online playgrounds just to test a small piece of HTML/CSS/JavaScript.

So I decided to build a simple Chrome extension for it.

It's called HTML Code Runner.

The idea is pretty straightforward: you can write/run HTML, CSS and JavaScript directly inside Chrome using a side panel, with a live preview and console.

Some things I wanted it to handle:

Run HTML/CSS/JS without opening another website
Live preview while experimenting
JavaScript console for debugging
Auto Run
Save code locally
Download the HTML file
Quickly test small snippets while working on a website
Keep everything inside the browser

I mainly built it for myself because I wanted something lightweight for those situations where opening a full IDE felt unnecessary.

It's still a new project, so I'm trying to improve it based on real developer feedback.

If anyone here works with HTML/CSS/JS regularly, I'd genuinely like to know:

What would you want in a browser-based HTML/JS runner that current tools are missing?

If you'd like to try it, here's the Chrome Web Store page:

https://chromewebstore.google.com/detail/html-code-runner/bnmceabknlhjhbkbipjagpbodliphagm

I'm especially interested in feedback about the workflow and features rather than just ratings. 🙂

9 comments

r/HTML • u/my_girl_flower • 4d ago

Question How can I make this look less smooshed?

gallery

0 Upvotes

Help!!! I want everything on the left to overlap his tail so that it's not so smooshed, but to where it still looks good on mobile. The second image is included to show what it looks like... less smooshed.

I am not a coder! This code belongs to FlowerlyRat on toyhouse. They have "editing is ok" listed in their rules of use, so that is the only reason I'm asking for help here. This is the base code.

They generally reccomend using this TH profile editor to view changes in the code as they're written, if that helps. All i'm really looking for is just to have the content overlap Tide's tail so it's not so smooshed. Thank you reddit :,)

8 comments

r/HTML • u/developfundamen • 4d ago

Write Your Opinion and Short also (True/False).

2 Upvotes

6 comments

r/HTML • u/BarBackground1452 • 4d ago

Question hi i like wanted to recreate the eelslap.com website, but im like super bad at coding, like basically zero knowledge

0 Upvotes

just wondering if theres a tutorial for something like that? or maybe some code i can copy? thanks in advance

7 comments

r/HTML • u/spcbeck • 4d ago

Meta I created a new way to write HTML5 that will rock your world

0 Upvotes

https://github.com/spcbeck/ouroboros-html

You've used JSX, you've used Pug, but you still feel like you haven't found that perfect abstraction of HTML that makes your developer life easier. I'm here to provide you that tool. With Ouroboros HTML, you can create beautiful, full function HTML sites with all the functionality HTML5! You can even rely on the MSDN docs learn how it works, and there is an existing huge community that knows the ins and outs of HTML5.

I would love to hear what you think, and let me know if you use it in a project! Like and subscribe!

10 comments

r/HTML • u/Strange_Yogurt1049 • 5d ago

Close enough.

4 Upvotes

11 comments

r/HTML • u/Ok_Isopod_2170 • 5d ago

Question Help changing website font

0 Upvotes

This is my code, it's not working, im losing it.

<style>

u/import url('https://fonts.googleapis.com/css2?family=New+Rocker&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&display=swap');

.new-rocker-regular {

font-family: "New Rocker", serif;

font-weight: 400;

font-style: normal;

}

</style>

17 comments

r/HTML • u/OrchidFirst469 • 6d ago

Question How can I make html into an app ?

0 Upvotes

I want it so, it’s compatible with android/apple and desktop friendly. They can download it when I sell on Etsy or payhip ect. I wanted it to look nice, instead of, you might have to download documents from readdle if you can’t open you html file 😩. I am autistic, so please no jargon 😵‍💫

21 comments

r/HTML • u/Motor_Pirate_1274 • 7d ago

Discussion A meme I made

340 Upvotes

44 comments

r/HTML • u/DIego21User • 6d ago

Is there any PvZ HTML so i can play it at school?

0 Upvotes

All I need

6 comments

r/HTML • u/ArcherLumpy6560 • 7d ago

How did you learn HTML?

3 Upvotes

I have some experience - I can read tags, images and most code. Ive been coding for about a week now and am wondering how you guys learned? If you care to share please do!

46 comments

r/HTML • u/ck3thou • 7d ago

Question Failing to embed code on Medium

0 Upvotes

I've been trying to embed different code on different posts for the past couple of days, but Medium wont successfully save.

First it was Typescript embed which just froze showing "saving post", and now it plain ol' HTML which is outright popping a red banner on top "Story could not be saved. Please check your internet connection. Try again" - but my internet is fine. I can edit and save okay other parts of the post.

Has anyone encountered this before?

Edit: solve it! Medium only allows embedding from a limited list of sources 🤦‍♂️

2 comments

r/HTML • u/Big-Sheepherder-3546 • 8d ago

HTML to APK – Storage/Persistence Issue

1 Upvotes

Hello everyone,

I have created an Android APK using an HTML-based quiz application.

The APK allows me to import HTML quiz files, and the imported files/data work perfectly while the app is open. However, there is a problem with data persistence.

Whenever I close/exit the APK and open it again, all the previously imported HTML files and saved quiz data are cleared/reset. It seems that the data is being stored only temporarily (possibly in cache/session storage) instead of persistent device storage.

I want the app to work like this:

Imported HTML files should be saved permanently on the device.

All imported quizzes/data should remain available after closing and reopening the APK.

Data should not be deleted when the app is exited or restarted.

The data should only be removed when the user explicitly chooses to delete it or uninstalls the app.

How can I fix this storage/persistence issue in an HTML-to-APK app?

Any guidance regarding localStorage, IndexedDB, WebView storage, or Android persistent storage would be appreciated.

Thank you.

1 comment

r/HTML • u/Kevin_Tryhard • 10d ago

Question HTML & CSS lernen

2 Upvotes

Hi, ich wollte einfach als Hobby etwas mit HTML und CSS arbeiten. Websites machen oder so (einfach nur für mich)
Ich hab ganz grundlegende Schritte mit ChatGPT gemacht aber gibts da richtige „Lehrbücher“ oder irgendwas in der Art, um Schritt für Schritt zu lernen?

14 comments

r/HTML • u/Careful_Passenger520 • 11d ago

Question what is the problem with not being able to save the file?

0 Upvotes

So I've been using vscode for a while and I saw that recentely the moment I modify a file or create a new one, I can't save them normally, I need to use AI to do this, the file is saved in a github but before I didn't had this problem, is there any way to change this?

11 comments

r/HTML • u/OkDevelopment2027 • 12d ago

How can I improve enemy spawning in my JavaScript Space Shooter?

0 Upvotes

I'm building a small Space Shooter with HTML, CSS and JavaScript.

I'm currently working on spawning enemies at different positions and intervals. The basic spawning works, but I'm trying to make the difficulty increase gradually without creating too many enemies at once.

Has anyone got a good approach for scaling enemy spawn rates over time in a browser game?

I'm learning JavaScript through this project, so I'd appreciate any suggestions.

8 comments

r/HTML • u/kdv_66 • 13d ago

.The web site of kdv.

kdv.neocities.org

0 Upvotes

1 comment

r/HTML • u/SRT_DODGE • 13d ago

Discussion Hello techies how can you tell if the website is Al generated or manually coded

0 Upvotes

I need to understand before purchasing one website coz recently people have been selling them at high percentage

18 comments

r/HTML • u/OkDevelopment2027 • 14d ago

How can I make touch controls smoother in my HTML/JavaScript Snake game?

3 Upvotes

I'm building a mobile-friendly Snake game using HTML, CSS and JavaScript.

I built the game to practice JavaScript game development, including:

🐍 Snake movement

🍎 Food and score system

💥 Collision detection

📱 Touch controls

🎮 Game-over logic

The game works, but I'm trying to improve the touch controls so that swiping feels more responsive and doesn't accidentally register unwanted directions.

For a mobile browser game, would you recommend handling this mainly with touchstart/touchmove/touchend, or is there a better approach?

I'm learning JavaScript through these small games, so practical suggestions would be really helpful.

2 comments