#HTML5 Elements | Explore Tumblr posts and blogs

aeldata-usa · 2 years ago

Text

0 notes

psychogeniccircuits · 1 year ago

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

3 notes · View notes

codingflicks · 1 year ago

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 · 2 years ago

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 · 2 years ago

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

only-knives · 8 months ago

Text

Sometimes I wanna play a game but need something simple but interesting... So I wanted to share my favorite itch.io games (click the link if you don't wanna read the post, I'll update it as I play more!). Some of these games mean a lot to me and have helped me through rough spots. They're all free to play on your web browser <3

Six Cats Under by Team Bean Loop "A little point-and-click puzzle game where you rescue your herd of cats by directing them with your poltergeist powers."

Good Morning! by cnnmon "A short morning routine simulator about starting your day right. Play through a few colorful minigames and puzzles until you're ready to take on the day."

Lookouts by paranoidhawk *** "A romance visual novel about two gay trans masc outlaws in the old west, finding refuge in each other, and a little hope for a better life."

Goodnight Meowmie by DDRKirby *** "A narrative game combining elements of both the virtual pet and horror genres."

Goodbye Doggy by Picogram "A browser game made in HTML5. Help your family cope with your death as a ghostly dog!"

Soft Underbelly by Rosa *** "A browser narrative game made in HTML5. Take a break. Talk to your cat about friendship, trust & care."

Purrgatory by Niv *** "A visual novel about passing time in an afterlife where nothing really matters. explore a whimsical point-and-click world, befriend seven charming characters, and remember — furever's not so bad!"

B-e-e-t-l-e by Loafy Co. "A typing game minus the chaos and the anxiety. Type at your leisure and enjoy a chill, relaxing adventure filled with retro scenery."

Happy Cat Tavern by Courier Cat Studio "A cat themed typing game" -- tip: for calm playing, use practice mode! there is still a word & time counter though, you're not on any time limit or combo constraint <3

---

Anyway that's all. Asterisk'd (***) are my top favs. Have fun, explore itch.io, and mind the trigger warnings where applicable <3

#softspoonie #itch.io #games #videogames #narrative game #visual novel #calming #cats #positive reminders

108 notes · View notes

niceinchnails · 3 days ago

Note

whats the visual difference between html5 and stuff that isn’t html5…

what I consider html5 like visually is modern corporate websites

Like really clean ubiquitous websites made way after whats considered the golden age of the internet. html5 started 2014 But like what i have in mind is just really recent website design trends

look at the contrast. 2005 to 2025. WHO LET THIS HAPPEN. I also consider corporate memphis sensible to envision when talking abt this current era. Very marketable very unified.

Like all this to say I think I could see how this would be considered nostalgic in the future should there be pervading design trends big enough to revert the internet back to maximalism. obv My answer isnt exactly the correct one because well this overall "aesthetic" doesnt really have a name yet and we're currently living through it And we know it sucks cus of all the ads and minimalism pervading through everything but with the right lens i can see how this would be considered nostalgic in a few years time

edit:

Havent finished 17776 yet but the cover site of it i feel is another example of what it can look like. And also the feeling of thinking about .webp files. This is included in my definition

edit2:

as someone pointed out in replies minimalism is also the result of faster load time in pages, And might i add the ubiquity of most websites is so that users can better intuit where certain elements of a webpage are for websites they've never used before. Like you visit a new website and you know where the nav is cause the ☰ button is in some corner of the site and you know you have to click it to access links to the other pages. So its not all bad these trends have a purpose. I just think that right now theyre executed a bit ugly

#⁉️

28 notes · View notes

lanayrucodes · 1 year ago

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

89 notes · View notes

the-sleepy-archivist · 2 years ago

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 Feb 2025 (updated list of languages supported for native, local translation by Firefox).

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

Absolute Enable Right Click & Copy

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 (Feb 2025), 31 languages are supported - Russian, Korean, Chinese (simplified), and Japanese were recently added. 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.

Absolute Enable Right Click & Copy

This addon does its best to re-enable the normal right-click context menu and copy/paste actions on pages that try to disable them. If you run into a site that messes with either of those, select this addon and check "Enable Copy," then try again. If that doesn't work, check "Absolute mode." It doesn't work everywhere, but I find it very helpful.

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

126 notes · View notes

beastinthecave · 5 hours ago

Text

Just finished updating my WIP about superheroes and cosmic horror ^_^

The game currently contains the first Episode and the first Interlude.

While working on the game I shifted through the COG documentation, watched GDC talks on branching narratives, read postmortems and played a lot of IFs.

I haven't been able to apply everything I learned to the first chapter of my IF, but I'll keep them in mind for the next one :)

So here is what I learned:

-shocker, people play IFs for the choices (appearantly data shows that one choice or interaction every 250-500words is preferred)

-games which focus on story tend to do better

-major branching should be done towards the end of a game not the beginning

-scope creep is a thing

-false endings, dead ends and fail states should be avoided, since they make for an unsatisfying story

-most games which claim to be 100k words on their first chapter actually have way less if one excludes repeated passages. Often (but not always) it's just a sign of bad coding rather than actual content.

-the majority of WIPs would really benefit from being short focused stories instead of stretching out a 10k word plotline to be 100k

-the vast majority of people only play through an IF once, meaning that if one has to choose between focusing on a good story with flavor choices and extensive branching, the former is preferable. (Although this highly depends on the type of project you are making)

-worldbuilding is cool, but it should not hurt the story's pacing. If the plot stops and an NPC just lore dumps 20 pages of history, players tend to get mad

-most coding questions can be solved by reading the relevant documentation (sometimes you will find what you are searching for in HTML5 documentations/tutorials; not sugarcube/twine)

-new vegas style stat checks (stats unlock optional branches) instead of automatic failure and success based on a number seems to be better for telling a narrative

-aggressively merging branches is the way to go

Some of the stuff here are guidelines at best, but I think that I am still going to try to follow them as best as I can.

#indie game dev #indie dev #twine interactive fiction #interactive fiction #choice of games #devlog #game development #cyoa #cyoa game

6 notes · View notes

retrogamingloft · 2 months ago

Text

youtube

Soccer Dash is a title that really caught me off guard. What looked like just another casual HTML5 soccer game turned out to be one of the most engaging browser games I've played in a while. It mixes soccer with clever puzzle elements using a simple drag-and-release system.

You just drag to aim your ball, and while you're setting up your shot, everything slows down, giving you time to plan your next move. It feels awesome when you thread the ball through defenders or bank it off obstacles to score.

As you progress through World Cup Mode, you actually need to develop some real skills. Each level throws new challenges at you that force you to work on your timing, change your approach, and think ahead. The difficulty is perfect - challenging enough to keep you interested but never impossibly frustrating.

It took me a few attempts to finish the mode, but I stayed hooked until I did, which says a lot. Hope you enjoy watching this playthrough as much as I enjoyed making it!

2 notes · View notes

aeldata-usa · 2 years ago

Text

0 notes

genericpuff · 1 year ago

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

cssscriptcom · 6 months ago

Text

Create Visual Correlation Matrices Using Canvas - draw-correlation-matrix.js

draw-correlation-matrix.js is a lightweight JavaScript library that lets you render correlation matrices using the HTML5 canvas element. The resulting visualization displays correlations as colored circles within a grid, with red indicating negative correlation and blue representing positive correlation. The size of the circle reflects the strength of the correlation. How to use it: 1. Download…

#Matrix

2 notes · View notes

webtutorsblog · 2 years ago

Text

Advanced HTML Tutorial: Online Tutorial for Web Designing

Are you interested in taking your web development skills to the next level? Look no further than WebTutor! Our advanced HTML tutorial is the perfect resource for those who want tolearn advanced HTML and CSS.

Before you start, you may be wondering what you need to begin learning HTML and CSS. Our tutorial covers the essentials, including the software and hardware requirements for effective web development.

At WebTutor, we believe that learning should be accessible to everyone. That's why we've compiled a list of the best HTML and CSS tutorials available online. Whether you're just starting out or you're looking to improve your skills, these resources are a great place to start.

Our advanced HTML tutorial covers a wide range of topics, including advanced HTML elements, CSS layout techniques, and more. You'll learn how to create responsive designs, optimize images for the web, and use advanced CSS selectors to style your pages.

In addition to our tutorial, we recommend using online web tutorials to supplement your learning. These tutorials offer a wealth of information and can help you stay up-to-date with the latest web development trends and best practices.

Learning to code can be overwhelming at times. That is why it's important to have a support system in place. Our tutorial will teach you how to find support when you need it, whether it's through online communities or in-person meetups.

So what are you waiting for? Sign up for WebTutor advanced HTML tutorial today and take the first step towards becoming a skilled web developer! 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

quipoin · 7 months ago

Text

HTML Tutorial: A Quick Overview

HTML (HyperText Markup Language) forms the backbone of web development, enabling the structure and presentation of content on the web. It’s a markup language that defines elements like headings, paragraphs, links, images, lists, and more, providing a standardized way to format and display information in browsers.

HTML uses tags, enclosed in angle brackets, to represent different types of content. Each tag typically comes in pairs, an opening tag and a closing tag, to wrap and describe the content in between. HTML is fundamental for building web pages, allowing developers to create structured documents with defined sections and multimedia elements.

One of HTML’s key features is its ability to create links, connecting different parts of the web. This hyperlinking capability is what makes HTML unique, forming the web as we know it today. Additionally, HTML supports embedding multimedia like images, videos, and audio, which brings pages to life.

As web standards evolve, HTML has grown, too, with the latest version being HTML5. This version introduced new elements that provide semantic meaning to the structure of web documents, ensuring that content is more accessible and well-organized.

fro more:https://quipoin.com/tutorial/HTML-tutorial

#programming #engineering #development #webdev #onlinetraining

2 notes · View notes