#is html easy to learn

[mothfishing]

last thing about this from me i promise. actually i don't, fuck you if you don't like it

the "old web" space is extremely hostile to disabled people. there is a show of patting themselves on the back for linking accessibility resources they've never read, while at the same time flat out promoting inaccessible practices. the thing is, they don't make the page slightly more difficult to read, they make it impossible to.

if you're photosensitive, using an inaccessible page can flat out give you seizures in the case of epilepsy, or otherwise cause massive disabling migraines and other painful effects. if you're a screen reader user, be it because of blindness, dyslexia, or other print disabilities, depending on exactly what nonsense you've done to your website, it can read things in a nonsensical order, refuse to read at all, or flat out CRASH.

if you're out here saying that html is so easy and anyone can learn it, put your effort where your own mouth is and learn accessibility standards. don't be so fucking apathetic - if you think inaccessibility will save you from data harvesting, you frankly deserve it getting stolen

[starry-sophrosyne]

--------------------------------------------------------------

In every universe. “It’s always you, isn’t it?”

Her voice is thick with a fading resistance, more tired than it is accepting. Accepting of her fate.

“Always us,” he corrects, without a hint of anger. It’s a reminder of their fate, just as cruel to him as it is her. “Always me and you.”

“Never them.” She finishes.

--------------------------------------------------------------

[eon-tries]

just realized that i never mentioned that i know how to code websites and vaguely know how to code in C because i took a class from Harvard, as well as classes at my university

in case you're interested in learning HTML and CSS, my web design class literally gave us these websites to use because it has almost everything:

CSS Tricks - An entire website just for CSS

HTML Tutorial - A webpage about HTML

CSS Tutorial - A webpage about CSS

Markup Validator - Makes sure your code is right

also, i recommend using Visual Studio (if you have Windows) or Visual Studio Code (if you have anything other than Windows, or if you want to do more than just HTML)

[palossssssand]

animated sprites of all my sonas for my silly website

[cherriko-art]

I spent 3hrs today creating a new art portfolio website on a new platform only to find out it was not, in fact, free. I found this out after I finally finished making the site.

Anyways that's how my Friday went.

[divinector]

Easy Image Slideshow

[scrawnym4]

you guys are making your stamps far too big. that’s all i’m gonna say.

[mokeonn]

So I heard that Tumblr is slowly being abandoned (they seem to be laying off a majority of their staff and keeping a skeleton crew) and we might be nearing the end of this webbed site. I don't think it's currently worth panicking over, but I'm definitely going to start making that neocities website.

I'll make a post soon about other places where you can find me. Unfortunately, I've spent quite some time these last couple years getting rid of a majority of my social media because most platforms were bad for my mental health. I do not plan on going back to these platforms, so if tumblr goes down, I'm going to be only on non social media.

Maybe if one of the new social medias being created, actually take off (like bluesky or pillowfort or whatever else these days) I might join, but if not I might be entirely on personal websites, patreon (I will start posting regularly like a blog and make more free posts), some old websites I deleted but not because I hated them (such as ko-fi, which I deleted due to inactivity) and possibly furaffinity. I'm still on the fence about furaffinity. I might also finally start using my toyhouse but that is an oc sharing website and not much of an art sharing website.

I really do hope Tumblr doesn't go down, this is my one social media and if it does go down I am going to lose nearly all of my audience. I can make do by creating a personal blog and using whatever I have left in terms of "can post my art there and people can find me", and it won't discourage me from making my personal projects. I can make do, and I will make do, but I don't really want to make do.

Anyways, that's all I have to say right now, I'll make a post later once I set up some alternative sites to find me at, but for now I want to give the heads up that if I'm gone, you're not gonna find me on twitter, Instagram, or whatever third option there is. I'm likely going to just make do, be offline more, and likely just become active on the discord servers I'm on.

[brothermouse]

Not me trying to learn html right at bedtime so I can build a website to tell the world about about the fantasy worlds I made up in my brain to avoid thinking about being stressed

[snakegirllovehandles]

I drove for meals on wheels again today, after a long stretch when I couldn't because my car had a severe oil leak.

It's nice to be doing that again.

🙞-------------------------------------------🙜

I went to an estate sale on the way back from the meals on wheels office.

I'm feeling kind of strange, thinking about all the things I learned about the person who's estate it was just by seeing the stuff that was for sale.

She was a musician. Played jazz saxophone. She had lots of costume jewelry. She had a dog. In her last years she was bed bound or nearly so. She was born in the 30s, judging by the photograph I saw. And she had either grandchildren or nieces & nephews.

And, I think, she lived alone.

There's a strange feeling that I have, thinking about these things. The passage of time. Death, the end of connection between people. It's like sadness, but it's also like, reflection. Wistfulness, the barest hint of what it's like to watch a tragic play.

Finality, nostalgia, and a smidge of melancholy.

The old world blues.

[mountmortar]

sorry this blog has turned into "post whatever" for today because i didn't get enough sleep last night. but i do think that people often over-romanticize web 1.0 because either a) it was what they grew up on or b) because they're tired of corporate entities pushing a constant slog of advertisements and bot-generated slop at them. and it's like. yes. an internet without both those things would be wonderful. things like forums should absolutely make a comeback because everything being moved into discord servers is the most asinine thing since the concept of the cybertruck was brought into existence. however if you truly believe that the world wide web was at its prime when you had to wade your way through website after website of seizure-inducing backgrounds behind flashing text just to find one interesting diamond in the rough then i don't think you're any better than people who treat modern social media like the holy grail of information and throw a tantrum anytime they have to read anything longer than a 75-character post on Generic Social Media #8. the web opened to the public in the early 90s for god's sake. it hasn't had time to be in its prime yet. sometimes it's like dealing with pokémon genwunners: Web Edition

[some-teeth-in-a-trench-coat]

I'm being so normal about my code and definitely didn't just almost cry (positive) upon confirming that I successfully linked my JS file in my HTML file with a relative path and it runs exactly as expected

[fivepebbs]

Mutuals...... you must acquire neocities websites immediately.

[amarillokidding]

Why does every tutorial I keep seeing for learning how to make an animation "for beginners" NEVER talk about terminology or what words mean. Like yeah, I know onionskin, smears, and framerate and that level, but the video doesn't say it, what if someone who truly didn't know anything or where to start saw this and felt confused. I think that's an inherent flaw of tutorials of any kind, teaching you how to do something without explaining why or what things are. The assumption that you're not really a beginner at all.

[jcmarchi]

Creating an Auto-Closing Notification With an HTML Popover

New Post has been published on https://thedigitalinsider.com/creating-an-auto-closing-notification-with-an-html-popover/

Creating an Auto-Closing Notification With an HTML Popover

The HTML popover attribute transforms elements into top-layer elements that can be opened and closed with a button or JavaScript. Most popovers can be light-dismissed, closing when the user clicks or taps outside the popup. Currently, HTML popover lacks built-in auto-close functionality, but it’s easy to add. Auto closing popups are useful for user interfaces like banner notifications — the new-message alerts in phones, for instance.

A picture demo, is worth a thousand words, right? Click on the “Add to my bookmarks” button in the following example. It triggers a notification that dismisses itself after a set amount of time.

Let’s start with the popover

The HTML popover attribute is remarkably trivial to use. Slap it on a div, specify the type of popover you need, and you’re done.

<div popover="manual" id="pop">Bookmarked!</div>

A manual popover simply means it cannot be light-dismissed by clicking outside the element. As a result, we have to hide, show, or toggle the popover’s visibility ourselves explicitly with either buttons or JavaScript. Let’s use a semantic HTML button.

<button popovertarget="pop" popovertargetaction="show"> Add to my bookmarks </button> <div popover="manual" id="pop">Bookmarked!</div>

The popovertarget and popovertargetaction attributes are the final two ingredients, where popovertarget links the button to the popover element and popovertargetaction ensures that the popover is show-n when the button is clicked.

Hiding the popover with a CSS transition

OK, so the challenge is that we have a popover that is shown when a certain button is clicked, but it cannot be dismissed. The button is only wired up to show the popover, but it does not hide or toggle the popover (since we are not explicitly declaring it). We want the popover to show when the button is clicked, then dismiss itself after a certain amount of time.

The HTML popover can’t be closed with CSS, but it can be hidden from the page. Adding animation to that creates a visual effect. In our example, we will hide the popover by eliminating its CSS height property. You’ll learn in a moment why we’re using height, and that there are other ways you can go about it.

We can indeed select the popover attribute using an attribute selector:

[popover] height: 0; transition: height cubic-bezier(0.6, -0.28, 0.735, 0.045) .3s .6s; @starting-style height: 1lh;

When the popover is triggered by the button, its height value is the one declared in the @starting-style ruleset (1lh). After the transition-delay (which is .6s in the example), the height goes from 1lh to 0 in .3s, effectively hiding the popover.

Once again, this is only hiding the popover, not closing it properly. That’s the next challenge and we’ll need JavaScript for that level of interaction.

Closing the popover with JavaScript

We can start by setting a variable that selects the popover:

const POPOVER = document.querySelector('[popover]');

Next, we can establish a ResizeObserver that monitors the popover’s size:

const POPOVER = document.querySelector('[popover]'); const OBSERVER = new ResizeObserver((entries) => if(entries[0].contentBoxSize[0].blockSize == 0) OBSERVER.unobserve((POPOVER.hidePopover(), POPOVER)); );

And we can fire that off starting when the button to show the popover is clicked:

const POPOVER = document.querySelector('[popover]'); const OBSERVER = new ResizeObserver((entries) => if(entries[0].contentBoxSize[0].blockSize == 0) OBSERVER.unobserve((POPOVER.hidePopover(), POPOVER)); ); document.querySelector('button').onclick = () => OBSERVER.observe(POPOVER);

The observer will know when the popover’s CSS height reaches zero at the end of the transition, and, at that point, the popover is closed with hidePopover(). From there, the observer is stopped with unobserve().

In our example, height and ResizeObserver are used to auto-close the notification. You can try any other CSS property and JavaScript observer combination that might work with your preference. Learning about ResizeObserver and MutationObserver can help you find some options.

Setting an HTML fallback

When JavaScript is disabled in the browser, if the popover type is set to any of the light-dismissible types, it acts as a fallback. Keep the popover visible by overriding the style rules that hide it. The user can dismiss it by clicking or tapping anywhere outside the element.

If the popover needs to be light-dismissible only when JavaScript is disabled, then include that popover inside a <noscript> element before the manual popover. It’s the same process as before, where you override CSS styles as needed.

<noscript> <div popover="auto" id="pop">Bookmarked!</div> </noscript> <div popover="manual" id="pop">Bookmarked!</div> <!-- goes where <head> element's descendants go --> <noscript> <style> [popover] transition: none; height: 1lh; </style> </noscript>

When to use this method?

Another way to implement all of this would be to use setTimeout() to create a delay before closing the popover in JavaScript when the button is clicked, then adding a class to the popover element to trigger the transition effect. That way, no observer is needed.

With the method covered in this post, the delay can be set and triggered in CSS itself, thanks to @starting-style and transition-delay — no extra class required! If you prefer to implement the delay through CSS itself, then this method works best. The JavaScript will catch up to the change CSS makes at the time CSS defines, not the other way around.

[br4ginsk1]

html funzies

I'm learning html right now and it is so fun.

I study the code, use little bits and pieces at a time, and actually remember the information I'm using.

I'm like actually learning stuff too???

example of code i've made

<!DOCTYPE html>

<head>

<title>Title Page<title>

<head>

<body>

<h1> This is a headingggg <h1>

<p> paragraph

<head>

<html>