#HTML5 Elements | Explore Tumblr Posts and Blogs

aeldata-usa · 6 months

Text

0 notes

psychogeniccircuits · 4 months

Text

HTML Elements & Tags

Element: anything from the start tag to the end tag.

Tag: a piece of markup language that is used to indicate the beginning and end of an html element in an html document.

Example: <p> your text here </p>

<header><;/header> - Represents a container for introductory content or a set of navigation links. Usually contains one or more heading elements (<h1> - <h6>), logo or icon, or authorship information.

<;h#></h#> - header element. The higher the number, the greater the importance. Only use one <h1> element per page. There can only be six. Main topic on a web page. When visitors to your website see the h1's, it draws attention as it stands out the most on the page as it generally appears as a larger font size and in bold.

<p></p> - paragraph. used to create a paragraph of text on websites. Always starts on a new line. A lot of browsers add some white space (a margin) before and after a paragraph.

<;!-- ____: _______ --> - comment. Used to notate code with text that will not appear on the website/browser display. It allows you to make code inactive. You can use them to explain your code, which can help you when you edit the source code at a later date.

<main></main> - an element that identifies a content area. The main element. Specifies the main content of a document. This type of element/tag makes your html easier to read and helps with Sear Engine Optimization and accessibility. Should not contain any content that is repeated across documents such as sidebars, navigation links, copyright information, site logos, and search forms. When you put things inside the main element, this is called nesting. Nesting elements should be placed two spaces further to the right from the element they are nested in. This spacing is called indentation and is used to make html easier to read.

Example: <main> <h1>Tumblr Meme App</h1> <h2>Tumblr Photos</h2>  <;p>See more Tumblr memes in our gallery</p> </main>

<img> - used to images to your website. This element has an opening tag without a closing tag. A tag for an element without a closing tag is called a self-closing tag.

#html #html coding #coding #web development #website development #web design #responsive web design #html web design #html how to #how to html #hot to html #html5 #html elements #html tags

1 note · View note

codingflicks · 4 months

Text

Animated Moving Element using CSS

#animated element css #css animation examples #css animation snippets #code #learn to code #html css #codingflicks #frontend #css #html #css3 #frontenddevelopment #animation #animated #html5 #html5 css3 #css3 animation

0 notes

mobilereview369 · 11 months

Text

HTML TO XML PRASER

The HTML to XML Parser Code Converter is a free online HTML to XML Parser tool that helps programmers and developers convert their HTML code into XML. The HTML to XML Parser is free and easy to use, and HTML to XML Parser can be used to convert HTML code into XHTML and other formats.

If you want to use it click on me

#Html to XML #html help #html tutorial #people are only just realising what html stands for and they’re baffled #html5 development #html5 css3 #python #developer #java #javascript #coder #seo tools #toolshed #html codes #html entity decode #html text #html elements #html tags

0 notes

webtutorsblog · 1 year

Text

Some Advanced HTML Tags and Techniques: Take Your Web Design Skills to the Next Level

HTML (Hypertext Markup Language) is the standard markup language used for creating web pages. It allows you to structure content and define its meaning, layout, and appearance on a web page. Here are some advanced HTML tags and techniques that can help you create more dynamic and interactive web pages.

HTML Head

The HTML head element contains information about the document, such as the page title, meta information, and links to external resources. The head element is included in the HTML file before the body element and is not visible on the page. It is used to provide information that the browser or search engine can use to better understand and display the document. Some common elements found in the head include the title tag, meta tags for SEO, links to stylesheets, and references to JavaScript files. By including the appropriate information in the head element, you can help to improve the user experience and search engine optimization of your web pages.

Learn More About HTML Head

HTML Color

HTML color is an important aspect of web design, and learning to use color codes effectively can enhance the visual appeal of a web page or website. HTML color codes can be used with various HTML elements, such as <body>, <div>, <h1>, <p>, and <a>, to name a few. They can also be used in CSS code to style elements within a page or an entire website.

Learn More About HTML Color

Semantic HTML

Semantic HTML uses tags to describe the meaning and structure of content, rather than just its appearance. This makes it easier for search engines and screen readers to understand the content of a web page. Examples of semantic tags include <header>, <main>, <nav>, <section>, and <article>.

Learn more about HTML Semantic

Custom Attributes

HTML allows you to create your own custom attributes for elements. This can be useful for storing additional data or metadata about an element, such as a data attribute for storing an ID or a tooltip. Custom attributes should be prefixed with "data-", such as data-id or data-tooltip.

Learn more about HTML Attributes

HTML Forms

HTML forms are used to collect user input and are a fundamental component of many web applications. Advanced form techniques include validation, using the required attribute, and customizing the appearance with CSS.

Learn more about HTML Forms

HTML5 Canvas

The HTML5 canvas elementallows you to create dynamic graphics and animations on a web page. With JavaScript, you can draw shapes, lines, text, and images, and animate them using various techniques.

Learn more about HTML Canvas

Responsive Images

Responsive images ensure that images are displayed at an appropriate size and resolution for the user's device and connection speed. HTML provides several ways to implement responsive images, including the srcset and sizes attributes, and the picture element.

Learn more about HTML Images

HTML Table

HTML tables are used to display data in a structured and organized manner. They consist of rows and columns, and each cell can contain text, images, links, or other HTML elements. To create a table, you use the <table> tag, and then add rows with the <tr> tag and cells with the <td> or <th> tag. The <th> tag is used for table headers. You can also add attributes such as "border", "cellspacing", and "cellpadding" to the <table> tag to adjust the appearance of the table. By using HTML tables, you can present data in a clear and readable format on your web page.

Learn more about HTML Table

HTML Class

HTML classes allow you to apply a specific style or behavior to a group of HTML elements. To create a class, you use the "class" attribute and assign a name to it, such as "my-class". You can then add this class to one or more HTML elements by using the "class" attribute followed by the class name, such as "class=my-class". This makes it easier to apply consistent styles across your website and to make changes to those styles by editing the class definition in your CSS stylesheet. Classes can also be used to target elements with JavaScript or jQuery, making it easier to manipulate their behavior and appearance. By using HTML classes, you can create a more flexible and maintainable website design.

Learn more about HTML Class

HTML JavaScript

HTML and JavaScript work together to create dynamic and interactive web pages. JavaScript is a programming language that can be embedded in HTML documents to add interactivity, animations, and other dynamic features. You can include JavaScript code in your HTML document using the <script> tag, either by including it directly in the HTML file or by referencing an external JavaScript file. JavaScript can interact with HTML elements, manipulate the DOM, and communicate with servers to dynamically update web content without requiring a page refresh. By using HTML and JavaScript together, you can create powerful and engaging web applications that run directly in the browser.

Learn more about HTML JavaScript

In conclusion

By utilizing advanced HTML tags and techniques, web developers can take their web design skills to the next level. From creating dynamic animations with the canvas element, to implementing responsive images and web components, these techniques allow for more interactive and user-friendly web experiences. Additionally, it is important to consider accessibility when designing web content, ensuring that all users can access and interact with the content. With these tools and techniques, web developers can create more engaging, accessible, and responsive web pages.

1 note · View note

rohitbhatt4202 · 2 years

Photo

What are the new form elements introduced in html5 - DotNetTricks

The W3C HTML5 specification has introduced the collection of new HTML tags to define the semantic/structural elements, text-formatting instructions, form controls, input types, audio, video, and many more other exciting elements. This article will describe all of the new HTML 5 tags along with updates to an existing tag that enhance the capabilities of the HTML document to the next level.

#A Look into HTML5 New Elements

0 notes

krishna337 · 2 years

Text

HTML html Tag

The <html> tag is used to represent the root of an HTML document. It is a container of all elements (except for the <!DOCTYPE> tag). It tells the browser that it is an HTML document. Syntax <html>Elements...</html> Example <!DOCTYPE html> <html> <head> <title>HTML tag</title> </head> <body> <h2>HTML tag example</h2> <p>Your…

View On WordPress

0 notes

lanayrucodes · 2 months

Text

Immortales: Skin Bundle ($20)

I've been wanting to branch out into a more minimalist style for a while, and found the opportunity to do so when I was struck by the coding bug over the weekend and began to experiment with a more semi-transparent style of index that eventually evolved into this. I tried to keep the skin as light as physically possible, with minimal Javascript or Jquery inclusions, and instead tried to optimize it to build off of HTML5 elements as best I could without needing to weigh it down with more external resources.

The Immortales skin is a dark themed, responsive skin for Jcink forums, and is optimized for Google Chrome. (Cross-tested in Opera GX and Mozilla Firefox.)

You can purchase the skin here: https://ko-fi[DOT]com/s/6f663cfe6e

Bundle Includes:

All custom HTML structures

a forum index a topic row for threads a post row with a sticky/hover mini profile a main profile custom board stats, with the five (5) recent topics appended a member list, sortable by filters

Full set of DOHTML templates

x1 general announcement/admin template x1 application template (tabbed, for threads) x4 thread templates x5 development templates x1 miscellaneous codes for TW/CW x1 tabbed webpage/guidebook

Custom Userlinks Menu

Easy to add/modify group variables for color coordination (five groups already included)

Responsive to smaller monitors

Upon purchase, buyers will receive an installation guide with editing and customization instructions, as well as any XML/HTML files.

Support & Refunds:

Refunds or returns are not offered on pre-made skins. Due to the nature of how they're distributed and the fact that they're digital files I cannot offer refunds for a purchase if you buy a skin from me.

If you encounter bugs or skin-breaking issues, please reach out to me and I will do my best to fix them and provide you with updated files.

I do not offer coding support beyond initial problems with my skins at install. (i.e. Finding a bug when you install a fresh copy of the skin onto your site, etc.) If the skin breaks during modifications you make on your own, I am willing to help restore the skin to it's original state. I do not provide support for third party coding that is not mine.

#jcink skins #jcink codes #jcink code #jcink skin #dark jcink skin #dark theme skin #for sale #skin for sale #jcink skin for sale #jcink rp #immortales skin #portfolio

48 notes · View notes

the-sleepy-archivist · 7 months

Text

Favorite Firefox Extensions

Firefox is a very extensible browser - through a combinations of addons and userscripts you can make it behave just about any way you want. The best part is, they're all free. Here are some of my favorites.

Note: if you have an Android device, check out my post about Firefox for Android's new extended support for addons!

Note: if you have an Apple device, check out my favorite Safari extensions here!

Last updated March 2024 (added Filtering+ for Tumblr).

Index:

uBlock Origin

Tab Session Manager

Sauron

Bypass Paywalls Clean

Auto Tab Discard

Video DownloadHelper

Highlight or Hide Search Engine Results

TWP - Translate Web Pages

UnTrap - YouTube Customizer

Indie Wiki Buddy

Cookie Auto Delete

ShopSuey - Get Rid of Ads on Amazon and Ebay

LibraryExtension

uBlock Origin

(compatible with Firefox for Android)

This is the first addon I install on any new Firefox browser. It's an adblocker, but at its core it can remove pretty much any HTML element from a website, and it comes with pre-configured lists for removing everything from ads to cookie banners to those annoying popups that ask you to sign up for email newsletters.

Tab Session Manager

Have you ever accidentally lost all your open browser tabs due to a computer update, or even just accidentally closing Firefox? With this addon you no longer have to worry about that - it automatically saves your open tabs and windows every time the browser closes, and autosaves a restore point of tabs every few minutes in case the browser crashes unexpectedly. Opening all your previous tabs and windows is a one-click deal.

Sauron

Ever wished your favorite website had a dark mode? With Sauron, now it can! Sauron attempts to intelligently figure out how to edit the color scheme of the web page (including text) to make it dark-mode friendly. It preserves the original color of images, but dims them so that they don't blind you. You can disable image dimming or dark mode on a site by site basis too. It's not perfect since it is making guesses about which colors to change, but it goes a long way toward making the internet an enjoyable place for me.

Bypass Paywalls Clean

This addon removes paywalls from hundreds of news websites around the world or adds links to open the article in a wrapper that provides the article text (like the Internet Archive etc.)

Auto Tab Discard

Ever wanted to keep a tab open for later use, but you notice the browser getting slower and slower the more tabs you have open? Auto Tab Discard will automatically "hibernate" tabs that you haven't used in a while so that they use less resources on your computer. It's smart enough not to hibernate pages that are playing media (like YouTube) or that have forms you haven't submitted yet (like job applications). You can customize how fast it puts tabs to sleep too and exclude certain websites from hibernating at all.

Video DownloadHelper

This addon can download streaming videos from most modern (HTML5) websites, and even finds soft subtitles that accompany the stream and downloads those too. Just browse to the webpage that has the video on it, click the icon in the Firefox toolbar, and select the video you want to download and click "Quick Download". For YouTube I would recommend using a YT downloader website (like KeepVid) to download the video directly, but Video DownloadHelper really shines for websites that aren't popular enough to have dedicated downloader websites like that. I've used it download videos from a Japanese film festival streaming portal, news websites, etc.

Highlight or Hide Search Engine Results

This addon allows you to blacklist websites and completely remove them from Google, Bing, or DuckDuckGo search results. Don't want to see image search results from AI websites? Blacklist them. Searching for tech support advice and getting frustrated by all the auto-generated junk websites that stuff themselves full of SEO terms to jump to the top of the search results without actually providing any information at all? Blacklist them so they don't come up in your next search. Conversely, you can also whitelist websites that you know and trust so that if they ever come up in future search results, they'll be highlighted with a color of your choosing for visibility.

TWP - Translate Web Pages

(compatible with Firefox for Android)

Does what it says on the tin: auto-detects a website's language and provides a button that can translate it to a language of your choosing. You can also just select individual text on the page and translate just that. Note that this sends whatever text you translate to the servers of your selected translation service (Google, Bing, Yandex, or DeepL), so keep in mind the privacy implications if you don't want your IP address associated with having read that text.

Edit: As of version 118, Firefox now has the ability to translate text locally on your computer, without needing to send it to a cloud service. You can enable this in Settings -> Translation -> Install languages for offline translation. Note that at this time (Oct 2023), only 8 Western European languages + English are supported. More info here.

UnTrap for YouTube

(compatible with Firefox for Android and they have a Safari for iOS extension too)

This addon lets you tweak the YouTube interface and hide anything you don't want to see. For instance, I hide all the "recommended" videos that come up when you search YT now. They have nothing to do with your search, so they're essentially just ads YT puts in your search results. I also hide Explore, Trending, More from YouTube, and Shorts sections, but you can customize it to fit your preferences.

Note: depending on the particular set of tweaks you want to make to YouTube, you may prefer to use YouTube Search Fixer instead. User preference.

Indie Wiki Buddy

I loathe Fandom.com wiki sites - they are cluttered and filled with ads and autoplaying videos that follow you down the page as you scroll. The organization is also hostile - if a community tries to leave their platform and bring their content to a new wiki hoster, Fandom bans them from the platform and reverts all their deletions/changes. Indie Wiki Buddy attempts to find an independent alternative for the wiki you're trying to browse and automatically redirects you to it, and if one doesn't exist, it will redirect you to a proxy site like antifandom or breezewiki that shows the Fandom content but removes all ads/videos/background images so you can actually, you know. READ it.

Cookie Auto Delete

(compatible with Firefox for Android)

Websites store "cookies" - little text files with info about you - on your computer as you browse so they can track you as you browse the internet. This addon automatically deletes cookies from a website a short while after you close the last tab you had open for that site. You can customize how long it waits before clearing cookies too. Note that this can sign you out of many websites, so you can whitelist any site you don't want cookies cleared for.

ShopSuey - Get Rid of Ads on Amazon and Ebay

Removes the ads/recommended products that clutter up Amazon and Ebay search results and product pages.

LibraryExtension

This fantastic addon recognizes when you are viewing a book on many popular websites and can automatically check whether that book is available in any of the library systems or subscription services you have access to, including how many copies your library(ies) have and how many are currently checked out. The best part is it shows the availability for physical books, ebooks, AND audiobooks at supported libraries. The extension currently supports libraries in Australia, Canada, Germany, New Zealand, the United Kingdom and the United States, but it also supports some global repositories like the Internet Archive and subscription services like NLS Bard for the blind and print disabled, Kobo Plus, Libro.fm, Anyplay.fm, Bookmate, and Everand. Great extension for people trying to support their local library and also save money.

Filtering+ for Tumblr

This addon lets you add tags or phrases to your tumblr tag filters with two clicks, without leaving the dashboard. I've been asking Tumblr for this tag filtering behavior on their mobile apps (i.e. press and hold a tag to get a filter option) for at least a year now in asks and surveys, without ever stopping to see if someone had already implemented this on desktop. More fool me. This addon is from the author of XKit Rewritten. Note that the right-click tag filtering only works on the dashboard; it will not appear if you are on someone's blog. Right-clicking selected text to filter the phrase works everywhere based on my testing.

#firefox #firefox extensions #internet privacy #mine #long post

48 notes · View notes

genericpuff · 5 months

Text

Remembering My Roots - Rest in Peace, RateMyDrawings

I've talked about my old art before on here, but never really fully in-depth about the site that hosted it. I was reminded of it today while going through my FB memories and felt like I should actually write a true eulogy towards what once was.

Once upon a time, before LORE | REKINDLED, before Time Gate: [AFTERBIRTH], before I had even started drawing webcomics, I entered the world of digital art through one website - not DeviantArt, not Pixiv, but a little site called RateMyDrawings. Back in the day, it was one of the most popular browser-supported art tools, offering multiple different art tools that were, at the time, revolutionary. A flash drawing tool which could replay the progress of your drawing (but the tradeoff was that you had a limited amount of 'ink' aka recording data), a Java-supported tool that was essentially Photoshop Lite (but didn't come with the recording), and later, a more refined tool supported by HTML5 (?) that offered more 3D-like brush tools. There was also DrawChat, a live drawing flash tool where you could draw with others and chat.

And on that site, I created my first works of digital art. No drawing tablet, just a mouse and a loooot of patience. They'd host contests every now and then to win budget Wacom tablets. Sometimes I'd enter, I'd never win. I did eventually get my first drawing tablet, but by then, I'd moved on from RMD onto actual software such as GIMP and Photoshop Elements.

That site is gone now, one of the first art site deaths I'd ever experience in my teen years. I was around 12-13 when I started using this site and I adored it. When people talk about missing the 'tight-knit communities' of old, I don't think of DA, I think of RMD, my first home. Unfortunately, the site couldn't survive in the 'modern' era of the Internet, overshadowed by more advanced tools and art-sharing sites like Deviantart, Facebook, and Instagram.

But I did manage to backup some of my old art pieces before the site finally became completely shuttered in the early 2020's. For a while the site was awake but lacked any content or features, with a message from the site's creator Mick that it might come back, it might not.

It didn't. The old ratemydrawings.com URL now redirects to the inactive FB page. Any attempt to bypass that kill screen like before leads to an Error 404.

But while the site was in its comatose state - before it was shuttered permanently - I was able to access my old profile and extract some of my art pieces of old. I posted them to my FB about 3 years ago, and today they showed up in my memories.

I share a lot of art pieces from creators like Rachel Smythe in an attempt to preserve media. But I also need to remember to preserve my own. So here are a handful of the 100+ pieces I drew on RMD. Enjoy ( ´ ∀ `)ノ～ ♡

Don't be confused by the '1987' part of the username, I picked that number because I was a huge Zelda weeb and 1987 was the year the first Zelda game was made. Whoof.

What's ironic is I actually didn't have the Featured Artist award last time I was actively on the site, so it clearly happened while I was inactive in its final days. The one award I wanted the most and I wasn't there to witness getting it. RIP.

Unfortunately that's all I really have in the way of high-resolution drawings as I wasn't able to preserve much else (though if I find anything more I'll definitely add it to this post!) That said, I was able to nab some screenshots of my homepage via the Wayback Machine where you can see more of the pieces I did back then:

There are so many dorky ass drawings here, some from Time Gate (because it's that freaking old!!!), some are screenshot recreations from anime that I enjoyed (a very common trend on RMD), some are collaborations. There was a point where I learned how to color with the mouse by using low opacity colors and layering them one at a time. Really upped my game there LMAO That Ocarina of Time Link drawing was the first one I ever did that made it to the front page of RMD and y'all, I was so proud, the site back then I think had 50k users total which is nothing compared to the Internet today, but achieving that was one of the greatest things ever LOL The Skyward Sword drawing that followed was one that really felt like a milestone in terms of my art evolution, I felt like I was finally creating something good. I believe I did that Skyward Sword drawing off another DA piece at the time, it was really common to do redraw challenges on RMD what with the technical limitations of the site - I suppose redrawing stuff I liked back then should have been foreshadowing LMAO

That feeling wouldn't last forever ofc once the art high wore off, but even to this day I look back on the pieces from that era fondly. It's where the mysteries of digital art finally started to 'click' in my brain, and I had still barely gotten started.

I also have a few drawings preserved that were done after I got my first drawing tablet, and you can really tell with the improvement of the lineart LOL That said, I think I was around 18-19 when I did these:

Now, one thing that I really enjoyed doing on RMD were collabs - specifically, trading collabs where users would exchange drawing files through the RMD PM system with one another to do steps of a drawing together. Often times I took the role of coloring other people's lineart pieces, which is probably where I started to really learn digital art coloring and come into my own with it.

A collab with user "lime":

Collab with user "Mikai":

A collab with user "Overik", which I specifically remember struggling with because, at the time, my computer monitor's screen was messed up resulting in the entire thing basically being a fluorescent pink:

A collab with "Mist04" that I don't remember doing lmao:

Collab with "Adzumi" (?). I'm fairly certain that's who it was, I definitely remember the process of painting this one, I had loads of fun with it:

Collab with user "ForgottenArtist", IIRC this one was more of a coloring page where they gave out the file freely for others to color, so this was my version. The forums on RMD were great for that sort of thing, people would literally just upload their drawing files for people to have fun with:

So I guess I drew this next little thing in 2021 when the site was still 'live' but not functional, I completely forgot I did this though LMAO Basically the main URL took you to that kill page I showed above, but if you knew any of the extension slugs, you could bypass that kill page and get into the rest of the site, which I was able to by using my username URL. So I got into the Java drawing tool and made this little thing in the hopes I could upload it. Of course, it didn't work, but hey, it was worth getting a screenshot, I suppose:

It's equal parts nostalgic and bittersweet to go through these drawings. Life back then feels so far away and yet I still remember it so vividly, the hours I'd spend drawing on the family PC, feeling more at home with the friends I made online than the ones I had in real life, listening to music that I still listen to to this day. It's far away now, but it still lives through me, in the work I do today. Even someone like me can go from being a complete noob drawing with a mouse to a professional making their living stabbing ink into other people while still drawing the same stories they drew as a child.

There is one piece I had to dig up outside of FB memories, fortunately it wasn't hard to find because I knew I had shared it ages ago on my FB so the search bar saved my skin. My very first digital art piece, of Sheena Fujibayashi from Tales of Symphonia, one of my favorite games of all time.

My very first digital art drawing:

Recreated in 2019:

Past me went through a lot, and they'd be doomed to go through even more still (they hadn't hit the plague yet). And yet they're going to survive, they're gonna keep getting better and better with each passing year. Thanks past me - you've done a lot of dumb shit in your life, but sticking with your craft wasn't one of them. Thank you for walking - through all the good and the bad that you've had to weather through - so that I could run for us both.

#i have other things i wanna mention about old RMD as well but they're better for another post #self post #old art #media preservation #digital art #ratemydrawings

39 notes · View notes

polyhexian · 10 months

Text

Reply too big to keep in replies, forgive me

Flash emulation won't actually work with the way the site is coded. It's really difficult to truly illustrate HOW fucked the site is if you aren't familiar with it.

So the flash games are INTEGRATED into the site. They don't just play. They send scores and those scores are validated by the site and then affect the game in real time by awarding points. Thats backend stuff and it seems EASY. But flash EMULATION will not really let that process work. Not blanket. Ruffle is a browser add on for flash and you can play some games with it but every game has needed to be worked manually and individually to try and get it to play correctly and to let it send scores.

Here, so like. Last year you may recall having heard about the data breach. It was a long time coming. Neopets has terrible security and always has. So someone got backend access, downloaded the server and this had all of the usernames and passwords ever used. Were they hashed? Yes. Was the hashkey stored in the server and thus also available to the hacker? Also yes.

As a result neopets finally moved from http to https. Great!

Not for flash games.

Every game has links in it right. Backend stuff. Mechanics. But all those fucking links redirect to http, not https. And you cannot change that without editing the game and you can't do THAT without a program that makes flash elements. So they're basically unfixable on site. On one fell swoop, every single flash game broke at once. You could play them but scores were now unsendable.

The workaround neopets USERS found was, I shut you not, using developer tools to modify the way your entire computer communicates with the internet

"oh, that seems simple"

Look the fuck at what is IN the js file

It is 538 lines! It is manually overriding the links used in these games. This IS hacking. Technically this is against the rules, it's just not being enforced.

Don't worry, I'm terrified.

The workaround before this STILL had you download a new browser, modify it, take your internet offline and manually reinstall an old version of flash to create a jury rigged flash browser. Oh my God this is so dangerous and we Still do this. Did I do all this fiddler stuff? Yes! I did! Because neopets is very much like transformers in that there is a small user base but every single person there is fucking insane!

So.... Emulation is not a solution. Every game needs to be individually ground up REMADE in html5. And you can't just import the old game and tweak it. It has to be made from scratch. That's why there are so few html5 games. It's incredibly difficult and time consuming and probably not all that worth it when there's so much to be done.

This is what I mean when I say the site is virtually unplayable. This is the kind of shit that we have to do to make the site work. You basically cannot play unless you are accessing fan sites and communities to find resources that can offer fixes to everything that is broken. There are legitimately pages of this website that have not been updated since 1999. Until like two years ago you still could not say "gay" on the forums because the chat filter caught it. And do you know why?? Staff literally did not know where the chat filter was stored in the backend. They could not find it. The site traded hands and staff so much that no one remained who knew where it was.

There is LITERALLY a guy who found backend access several years ago and can, whenever he wants, get into the server and look at everything. HE could have stolen those passwords (which the other hacker was selling for $10,000!!) At any time he wanted. Instead he just made an anonymous reddit account where he would post info about how the fucking site works and why things are broken and "yeah they lied about fixing this its still broken" or "yeah actually they secretly shadowbanned a bunch of people from submitting scores to the big yearly event next year if you dm me I can tell you if you're on the list"

And he IS STILL THERE!!!! HE STILL HAS SERVER ACCESS!!! ITS BEEN YEARS AND THEY HAVENT KICKED HIM OUR BECAUSE THEY STILL HAVENT FOUND THE BREACH!!!!!!!

This. THIS is what staff is dealing with. THIS is the absolute shit storm they need to tackle if they want this site to work. The way pets are stored, the way accounts work, all of those things cannot be changed without causing severe issues conflicting with users accounts, pets, items, and all of that was originally coded in 1998/1999 and it cannot be changed. It cannot be modernized. They need to find ways to integrate old code that cannot be changed into a site coded for a modern internet. That is beyond the scope of normal site building.

All that is to say... I'm hesitant to believe things will improve, not because I don't think staff wants to, not because I don't think they have the drive and the passion to throw everything they have at it. Just because... Jesus dude I don't know if they actually have the resources to fix this mess at all.

17 notes · View notes

aeldata-usa · 6 months

Text

0 notes

foxpunk · 1 year

Text

If you're learning to code to make web pages that are for viewing by anyone other than Just You, please take a bit of time to learn about the importance of Semantic HTML and ARIAs to help keep your pages accessible to more people. Even just using Semantic HTML goes a long way to help people trying to access you page with a screenreader, and it doesn't take long at all to get the basics of it down.

Free Resources to Learn About Semantic HTML:

Semantic HTML5 Elements Explained (by Free Code Camp)

HTML: A Good Basis For Accessibility (by Mozilla)

HTML Semantic Elements (by W3 Schools)

Responsive Web Design Lessons (by Free Code Camp)

I suggest looking into ARIAs after you've gotten your HTML past a basic level (the FCC lessons will get you there no problem). For now, just know they take more know-how to implement, but open up way more accessibility options for you to use.

#neocities #web design #web dev #ky speaks

36 notes · View notes

alsohutech · 2 months

Text

What is the difference between HTML and HTML5?

HTML (Hypertext Markup Language) is the standard markup language used to create web pages. HTML5 is the fifth and latest version of HTML. Here are some key differences:

New Features: HTML5 introduced several new features and elements that were not available in previous versions, such as <video>, <audio>, <canvas>, <header>, <footer>, <nav>, and <article>. These elements enhance multimedia support and provide better semantic structure for web documents.

Improved Semantics: HTML5 provides better semantic markup, allowing developers to create more structured and meaningful web pages. Semantic elements like <section>, <article>, <header>, <footer>, and <nav> help in defining the structure and purpose of different parts of a web page.

Compatibility: HTML5 is designed to be backward compatible with older browsers, ensuring that web pages created with HTML5 can still be viewed and function properly on browsers that do not support HTML5 features. However, some advanced features may not be fully supported in older browsers.

Multimedia Support: HTML5 provides native support for embedding audio and video content directly into web pages using the <audio> and <video> elements, eliminating the need for third-party plugins like Adobe Flash.

Improved Forms: HTML5 introduces new input types, attributes, and validation features for forms, making it easier to create user-friendly and accessible forms without relying on JavaScript or additional libraries.

Offline Support: HTML5 includes features like the Application Cache and Web Storage, which allow web applications to work offline and store data locally on the user's device, providing a more seamless and responsive user experience.

Overall, HTML5 represents a significant advancement over previous versions of HTML, offering developers more powerful tools and capabilities for creating modern and interactive web experiences.