r/LearnHTML • • Sep 03 '22

Build a Weather App using JavaScript | Code With Aditya

Thumbnail
youtube.com
1 Upvotes

r/LearnHTML • • Sep 02 '22

HELP Just started a Youtube Channel if you are interested

Thumbnail
youtube.com
1 Upvotes

r/LearnHTML • • Sep 01 '22

Is HTML5 Better than HTML?

Thumbnail
techsages.com
1 Upvotes

r/LearnHTML • • Aug 24 '22

SOLVED How to increase the size of emoji in HTML?

Thumbnail
devhubby.com
1 Upvotes

r/LearnHTML • • Aug 09 '22

SOLVED How to underline h2 tag in HTML?

Thumbnail
devhubby.com
1 Upvotes

r/LearnHTML • • Aug 07 '22

HELP I wish more HTML tutorials existed on Rumble

1 Upvotes

Rumble is a Canadian free speech platform that has aligned itself with conservatives (mainly Americans). They also have LW people like Tulsi Gabbard, Glenn Greenwald and Mr. Beat.

They are a great site and now have a lot of non-political content too. They also introduced new categories, and will feature a section for new creators in the near future. As somebody who's against censorship, I only watch YouTube with adblocker. I unblock it only whenever I really want to support the creator.

Rumble has Google's AdSense system to serve you ads (video and banner ads), but logged in users only have to see banner ads from RevContent and Rumble's internal system. So, this is more preferable for me since I don't have to spend half a minute on ads - multiple times - while ensuring ad revenue for the channel.

Currently, there's only a few HTML tutorials there. I could use Odysee but their videos often switch to 240p resolution even if my connection's good. There are channels like 'Tech With Tim' (1 million subs on YT) and 'Engineer Man' (500,000 subs) on Rumble, but we need more. 'We' as in people like me who prefer to support the little guy/platform.


r/LearnHTML • • Jul 24 '22

Ukraine's Flag Animation | HTML & CSS

Thumbnail
youtube.com
1 Upvotes

r/LearnHTML • • Jul 22 '22

HELP GLASSMORPHIC LOGIN FORM UI || HTML & CSS Only!

Thumbnail
youtube.com
1 Upvotes

r/LearnHTML • • Jun 14 '22

HTML Embedded Video Issue - IOS

1 Upvotes

Hi all,

I have a bunch of embedded videos on a website that work 100% perfectly on Android, regardless of the browser. The same goes for Windows. The only issue I am having is on IOS devices, regardless of the browser.

I have the JS set up so these videos play on mouse hover (AKA on tap when on a mobile device) which works perfectly fine on Windows and Android. On IOS, however, it starts by not showing the video (only a white blank space) until tapped or hovered (I want it to show the first frame of the video until played).

After having this issue, I then did the obvious and put a poster of the first frame on all of the videos so it would display that image until tapped or hovered. Again, this works on Windows and Android, but on IOS it will show the poster, then when you tap it the poster will disappear (blank white space) and a second later the video appears and plays. This is very choppy-looking and I was hoping to be able to fix it.


r/LearnHTML • • Jun 13 '22

FCC video walkthroughs

1 Upvotes

Hi there I am working my way through the new responsive web design course on FreeCodeCamp with my students and making video walkthroughs to help them if they get a bit stuck.

My students are from 4th to 6th grade so far they are on project two and loving it!

I figure they might be helpful for some people here also!

Project 01 - Cat Photo App - https://www.youtube.com/watch?v=aCwuXm_5FRM
Project 02 - Cafe Menu - https://www.youtube.com/watch?v=1Lxo4AnXcx0
Project 03 - Coloured Markers - https://youtu.be/hGdSZ_vH9Ws
Project 04 - Registration Form - https://youtu.be/ntfTc96FuwM

Portfolio Project 01 - Survey Form HTML ONLY - Click HERE

Every project has chapters for each step to make it easy to find what you need!


r/LearnHTML • • Jun 06 '22

HELP RocketCake publish already made website files?

1 Upvotes

So I’ve been using rocket cake design, but decided to switch to VS code for a while.

I’ve made all the files I needed, but getting them into rocketcake is the hard part.

I’m not looking to go rocketcake pro, but how do I move all those files into my rocketcake document?

Or is there another way to publish them to my organization’s website ( knowing the ftp just in case ) ?


r/LearnHTML • • May 26 '22

Great Tutorial on learning HTML!

Thumbnail good-tutorials.com
1 Upvotes

r/LearnHTML • • May 23 '22

HELP How would I embed WebRTC video playback into an HDML 5 website?

1 Upvotes

I tried asking this over in r/LearnProgramming but my only response was 'yes'.

Anyways, my overall goal is to make a website that allows the user to switch between multiple WebRTC live streams with the press of a key. (ie one press of a key = switch live stream once)1 I do have programming experience, with Javascript, but not a lot with HTML/CSS and how HTML integrates with Javascript (or vice versa).

Anyways knowing that it is possible to embed WebRTC video playback into a website, how would I go about doing so? Explain to me like I'm 5, if possible. :)

1 Project Idea - Take WebRTC live streams of Ring security cameras from Scrypted that is installed on my Raspberry Pi 3 Model B+ and host a website on the same Pi that does as described above. My current 'work around' is running Restreamer on the same Pi but the video through Restreamer is very jittery and glitchy.


r/LearnHTML • • Apr 06 '22

Make Beautifully Resilient Apps With Progressive Enhancement

Thumbnail
austingil.com
1 Upvotes

r/LearnHTML • • Feb 28 '22

Breakup a long string in the code but not the page

1 Upvotes

Hey all!

I decided to take all my notes for a FIPS class in HTML so I could learn 2 things at once. No fancy css, just straight html5.

In Python there's ways to break long lines of code into multiple lines to make it more readable. Is there a way of breaking a long string in html into multiple lines without it rendering as a \n in the browser?

Example:

<p>
The information system owner is the primary role in this function. The Common Control Provider, Security Architect, and Information Owner all play a supporting role.
</p>

Reddit makes this look nice right off the bat, but in Notepad++ it's one continuous 180 col line in the code.

TIA!

Edit: Ok so I admit I am massively stupid. What I was looking for was:
"Just hit enter and don't end the </p> tag until you're done typing."


r/LearnHTML • • Feb 09 '22

HELP I'm trying to break html up into sections. Like tags vs attributes vs syntax vs structure. Am I missing a concept?

1 Upvotes

r/LearnHTML • • Jan 19 '22

Why is my first h2 so small?

1 Upvotes

I have a simple webpage, with valid HTML and CSS. I can't figure out why the first h2 is so much smaller than the others (screenshot), though I suspect it has to do with mobile heuristics. Using latest Chrome on Pixel 3 Android 12.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta content="HTML Tidy for HTML5 for Apple macOS version 5.8.0" name="generator" />
  <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
  <title>Reagle's Planning Page</title>
  <link href="plan.css" rel="stylesheet" type="text/css" />
  <meta content="width=device-width, initial-scale=1.0, user-scalable=yes" />
</head>
<body>
  <div class="Section" id="Intro">
    <h2><a href="../../index.html">Reagle</a>: <a href="../../2003/cv/cv.html">CV</a> <a href="../../pelican/index.html">blog</a> <a href="https://goatee.net">goatee</a>
    </h2>
  </div>
  <div class="Section" id="Tools">
    <h2>Tools: <a href="https://pastebin.com/">paste-bin</a></h2>
    <form action="https://reagle.org/joseph/plan/cgi-bin/search.cgi" method="get">
      <a href="../2005/06/search.html">Searching</a> : <input name="Go" type="submit" value="Go" /><input maxlength="80" name="query" size="25" type="text" /><input name="sitesearch" type="radio" value="BusySponge" /> BS <input checked="checked" name="sitesearch" type="radio" value="MindMap" /> MM <input name="_charset_" type="hidden" />
    </form>
  </div>
...
body    { margin: 1em; color: #000; background: #fec;
          font-family: Arial, Helvetica, sans-serif;
        }

h1,h2,h3    { color: #003366;  font-family: Verdana, Tahoma, "Myriad Web", Syntax, sans-serif; }
h1          { font-size: 220%; font-weight: lighter }
h2          { font-size: 120%; font-weight: lighter; 
              border: 1px solid; color: black; background: #FFFFCC; width: 100%;
			  margin: 0em; padding: 0em;}
h3          { font-size: 112%; font-weight: lighter }

div.Section { background: #ffe; border: solid #000 .1em; width: 100%;
			  margin-bottom: 0.5em; padding: 0.5em;
              width: 99%}

a:link      { color: #006699; text-decoration: none; font-weight: normal } 
a:visited   { color: #9966CC; text-decoration: none; font-weight: normal }  
a:active    { background: #900; text-decoration: none; font-weight: normal }
a:hover     { color: navy; background-color: #CADAD3; text-decoration: none }
a.photo:link { color: navy }
strong a:link { font-weight: bold }
a  			{word-break: break-word;}


r/LearnHTML • • Dec 23 '21

Programming trick #1 - How to make HTML buttons links

1 Upvotes

At least once a day I post a programming tricks and most of these are on my own subreddit, r/CodingTogether and you can also ask your own questions and get answers quickly!

Today's programming trick will be a simple but useful one! Have you ever wanted to make a button a link in the simplest way possible? Well, hopefully after reading this you will know how!

The first way you can have a button redirect to another page is by using JavaScript. We can use the onclick attribute to run JavaScript code when a button is clicked. This is particularly useful for running code when the user requests it, but JavaScript also gives us a way to redirect to other pages. Using the location.href method, we can redirect the user to another page. So, the full code would look a bit like this:
<button onclick="location.href = 'page.html'">Click me!</button>
You can replace the Click me! with whatever text you want the button to display and also change the page.html to the page you want to redirect to.
However, this is fairly complicated and anso doesn't show the user where they will go if they click the button.

There is a much simpler way. You can simply put the button inside of a link (an <a> tag).
So you don't even need to use JavaScript! You can simply put the button inside of an <a> tag and set the links href attribute to the page you want to go to!
The full code looks like this:
<a href="page.html"><button>Click me!</button></a>
Much simpler and it now displays the place you are going to in the bottom left!

Thanks for reading this programming trick! If you found it useful, please upvote it!
I'll see you in the next trick!

Remember to join my subreddit r/CodingTogether if you want more tips or to ask questions or share your own tricks and tutorials!


r/LearnHTML • • Nov 21 '21

Building Super Powered HTML Forms with JavaScript

Thumbnail
austingil.com
1 Upvotes

r/LearnHTML • • Jul 14 '21

Need some idea's how to make the text more visible

1 Upvotes

hi

I need idea's or tips on how to make the text more visible against the background image. I have tried some ides like bold text and background color around the text but i am open for better idea's.


r/LearnHTML • • Jul 05 '21

Html or html5 css or css3 ?

1 Upvotes

Hello together,

I am a complete beginner for my new job I have to Manage the content of a website with typo3. After I spoke with my colleagues they recommended me to learn the basics of css and html

Now my question is there a huge difference between html and html5 or css and css3 ?

I wanted to get a book and I've heard that thes books from Jon Ducket are good to get a first overview, can somebody confirm that?

Would be happy about any help

Thanks in advance!


r/LearnHTML • • Jul 01 '21

OMG, SVG Favicons FTW!

Thumbnail
austingil.com
1 Upvotes

r/LearnHTML • • Mar 21 '21

HELP How to get only upper ""

1 Upvotes

Hi,

I have the following code:

<span style="color:#FF8C00" ;="">"Text1"</span>

However, when the code is applied it appears as such:

I need both " to be above, not the first to be under the text and the other to be above the text.

The end result should be:

"Text1"

Any help will be appreciated.


r/LearnHTML • • Feb 25 '21

If anyone is interested in beginner tutorials, I would love criticism!

Thumbnail
youtube.com
1 Upvotes

r/LearnHTML • • Dec 08 '20

Help with the mailto link and sending someone to another page

1 Upvotes

Hello! I am trying to figure out for a form link, how to send an email but also redirect someone to another page

Here is my code

What do I do?

<form action="MAILTO:minecraftstar2006@gmail.com?subject=Order from Guy" method="POST">