#html guide

[webtutorsblog]

Want to upgrade your coding skill to create animations and interactive graphics? This blog covers everything about HTML animation including the Canvas API.

[manonamora-if]

The 100% Good Twine SugarCube Guide!

The 100% Good Twine SugarCube Guide is a coding guide for the SugarCube format of Twine. It is meant as an alternative to the SugarCube documentation, with further explanations, interactive examples, and organised by difficulty. The goal of this guide is to make the learning curve for new SugarCube user less steep, and provide a comprehensive and wide look over the format.

VIEW / DOWNLOAD THE GUIDE!!!!

The Guide is compartmentalised in (currently) four categories:

THE BASICS or the absolute basics to start with SugarCube. No need for extra knowledge. Just the base needed to make something.

THE BASICS + adding interactivity, and creating a fully rounded IF game May require a bit of CSS knowledge (formatting rules)

INTERMEDIATE MODE adding more customisation and complex code Will probably require some CSS knowledge, and maybe some JavaScript

ADVANCE USE the most complex macros and APIs Will surely require some JavaScript/jQuery knowledge

Note: The Advanced Use includes all the APIs, macros, and methods not covered by the previous categories. This includes code requiring very advance knowledge of JavaScript/jQuery to be used properly.

Each category explains many aspects of the format, tailored to a specific level of the user. More simpler explanations and examples are available in earlier chapters, compared to the later ones.

If something is unclear, you found a mistake, you would like more examples in the guide, or would like a feature covered, let me know!

The Guide currently covers all macros (as of SugarCube v.2.37.3), all functions and methods, and APIs. It touches upon the use of HTML, CSS, JavaScript and jQuery, when relevant. It also discusses aspects of accessibility.

The Guides also provides a list of further resources, for the different coding languages.

The Guide is available in a downloadable form for offline view:

HTML file that can be opened in Twine

.tw file that can be opened in Twine

source code, separating the chapters, .js and .css files

GITHUB REPO | RAISE AN ISSUE | TWINE RESOURCES TWEEGO | TEMPLATES | CSCRIPT 2 SG GUIDE

Twine® is an “an open-source tool for telling interactive, non-linear stories” originally created by Chris Klimas maintained in several different repositories (Twinery.org). Twine is also a registered trademark of the Interactive Fiction Technology Foundation.

SugarCube is a free (gratis and libre) coding format for Twine/Twee created and maintained by TME.

VIEW / DOWNLOAD THE GUIDE!!!!

As of this release (v2.0.0), it is up to date with the version 2.37.3. If you are looking for the guide covering SugarCube 2.36.1, you can find it on my GitHub.

Note: the Guide is now complete. There won't be further substantial updates.

[olessan]

In the Hall of the Embroidery Trouble Shooting Guide (x) (x)

[deityoftherain]

Random AO3 Tips

I have a list of resources on my pinned post, but I don't really have a place for the simple miscellaneous tips and tricks, so here's this!

I didn't know most of these existed for probably far too long, so this post is mostly to spread awareness for new users or those who may not have heard of them before <3

I'll update this post if I learn of any other handy tricks. If you know any, let me know and I'll add it here :D

Basic HTML codes for A/Ns and etc

Note: Screenshots of the HTML "codes" at work are shown under the cut!

Center Text <center>TEXT</center> Clickable Link <a href="LINK">TEXT</a> Hideable Information <details> <summary>SHOWN</summary> HIDDEN </details> Insert Image from Link < img src="LINK" alt="IMAGE DESCRIPTION" width="100%" align="center" />

Italicize/Slant Text <i>TEXT</i> Line Breaks <br>TEXT</br> Paragraphs <p>TEXT</p> Strikethrough Text <strike>TEXT</strike> Underline Text <u>TEXT</u>

Single-post AO3 Guides

short guide on how to tag your own fics

short guide on how to title your fics/stories

how to embed images and links on AO3 [via Rich Text]

how to sign up for AO3-based exchanges (ft. @trafficteamsupportexchange)

Note: This is for formatting with HTML for the work, and for the authors notes where you Rich Text doesn't exist/work. Rich Text, on the other hand, should transfer most of these from whatever document resource you're using, but I've personally had issues with strikethrough not transferring from Google Docs copy-pasted to AO3 Rich Text, so just double check those areas!

[booksnblocks]

Chapters: 1/1 Fandom: Life Series | 3rd Life SMP Series Rating: Teen And Up Audiences Warnings: Graphic Depictions Of Violence, Major Character Death Relationships: Joel | SmallishBeans & Scott Major | Smajor1995 Characters: Joel | SmallishBeans, Scott Major | Smajor1995 Additional Tags: Wild Life SMP Setting, Wild Life SMP Spoilers, Wild Life SMP: Session 8, Mentioned Charles | Grian, Mentioned EthosLab (Video Blogging RPF), Mentioned GeminiTay (Video Blogging RPF), POV Alternating, Death Mechanics (Minecraft) Summary: Scott's final death and Joel's yellow death from Wild Life episode 8 for TrafficZine 6th Edition.

I had the honor of contributing for @trafficzine 6th edition! It was an absolute blast and seeing everyone's pieces come together was amazing. Go check out the zine!

[xiaokuer-schmetterling]

PODFICCER (and fic author) RESOURCE: things i learned about HTML today

-> from this reference work on ao3: A Complete Guide to 'Limited HTML' on AO3 by CodenameCarrot (please go leave a comment if you find anything here useful !!!)

EDIT: OMG Y'ALL I HAVE BEEN HAVING SO MUCH NERDY GEEKY FUN TWEAKING MY PODFIC HOW-TO GUIDE WITH THIS STUFF

headings, blockquote, div

----

-----

html currently allowed by ao3 html sanitizer

a. abbr. acronym. address. b. big. blockquote. br. caption. center. cite. code. col. colgroup. details. dd. del. dfn. div. dl. dt. em. figcaption. figure. h1. h2. h3. h4. h5. h6. hr. i. img. ins. kbd. li. ol. p. pre. q. rp. rt. ruby. s. samp. small. span. strike. strong. sub. summary. sup. table. tbody. td. tfoot. th. thead. tr. tt. u. ul. var.

-----

in-line (text) formatting tags supported by ao3

-----

OMG LOOK AT THIS !!! IDK WHEN I WOULD EVER USE THIS BUT LOOK HOW COOL !!!

-----

paragraphs & p formats: archiveofourown.org/works/5191202/chapters/161901154#AddParagraphs

-----

omg I'VE ALWAYS WONDERED HOW TO GET THAT LINE BREAK THINGY IN THE MIDDLE OF THE PAGE !!!

-----

end post

[jupiter-on-the-compupiter]

CBCH writing update!!!! (19/78)

Hi everyone!!!!!! Exams are almost done and I've finally found some space to get some writing done!!! FINALLY finished the longer, important chapters. They were crucial and I had to go over them over and over...

I can't share anything on that yet, but!! Look at this cool thing I found!!

Okay, so every sans in this fic shares a nationality with their creator. Sometimes they'll speak in their native language—this is fine! even when it'll always be small things, not crucial for the plot, there may be things said that Cross won't translate in his head... But the fic (well, me) will! for your convenience :3

!!!!

I wanna credit this css/html workskin by Simbeline, most translation tutorials change the text and reload the text and make the page move weirdly... I've tested and seen many, but this one is very easy and convenient!

I've yet to see how it'll combine with screen readers—in any case, not clicking the translations won't take away from the fic as they won't be actual dialogue or important info, but I'd prefer if the fic was as accessible as possible, even with small things like this.

Oh welp!!!!!!!! Back to writing I go!!!! Expect a LOT of writing after tomorrow's exam, I'm pumped!!! ☆～o(≧▽≦)o

[amphibianauthor]

what i would give for Ao3 to canonize the tags 'html' 'css' and 'Work skin' or make some umbrella coding instructions work tag.

[residentialsinyomakai]

I'm using pc to post on tumblr dot com for the first time this is so weird omg,,,, anyways

For what I actually came here for, I LEARNED HOW TO MAKE WEBSTAMPSSSS >u< ! I'm super happy cause I never knew how people did it before but now I can make my own yokai watch idiot themed stamps,, already made a Roughraff and Rawry one so a friend and I could match! Now I'm either gonna make squid ones, Hino ones, or go to bed cause it's pretty later here y'know y'know lol. Probably gonna learn how to make blinkies next >:)

[ittlest-littlest-rat]

I have this ‘Fic Idea’ list I started a while back and I thought ‘man I might as well post these.’ It’s a multifandom garbage heap, take want you want? Good luck deciphering them cause I sure can’t oops

(if anything looks like a fic you have already seen 1- I might have gotten the idea from there 2- post the name/author in the comments I love finding new things to read :))

The List:

- [ ] Team red fic from Wades perspective <Marvel- Deadpool, Daredevil, Spider-Man>

- [ ] Team red fic from Matt’s perspective <Marvel- Deadpool, Daredevil, Spider-Man>

- [ ] Daredevil from Foggys perspective <Marvel- Daredevil>

- [ ] ���Mace and Scalpel’- with Jason as Mace and Tim as Scalpel <Batman- Red Hood, Red Robin>

- [ ] Danny phantom gets adopted (marvel- adult Peter Parker?) (reverse?) (Matt Murdock and foggy?) <Danny Phantom, Marvel- Spider-Man, Daredevil>

- [ ] Outside pov of red hood and crime alley- maybe after hood gets beat near to death by Batman <Batman- Red Hood>

- [ ] Shield agent at stark industries after shield files were dropped. (Maybe retired, maybe active?) <Marvel- Iron Man>

- [ ] Spooderman Ned pov (college maybe?) (don’t fanboy don’t fanboy. ‘OMG YOURE [blank]!!’ Dang it) <Marvel- Spider-Man>

- [ ] Danny gets powers as baby. Shenanigans ensue <Danny Phantom>

- [ ] Outside POV of Danny at Casper highschool. Sam and Tucker rule with an iron fist and care deeply for their spooky friend. Danny is legit a Cryptid and Sam/Tucker will Murder anyone who tells him so bby boi is oblivious <Danny Phantom>

- [ ] Miles morales Uncle Sam Wilson (maybe friends of dad from army?) <Marvel- Avengers, Spiderverse>

- [ ] 00Q from the perspective of a Q-minion <James Bond>

- [ ] Outside POV- Mycroft’s driver <Sherlock Homes>

- [ ] Harry Potter wants to be a Pilot and by God (Merlin?) he is going to be one. Even if that mean figuring out how to make electronics work with magic. <Harry Potter>

- [ ] Izukus super duper plan to reform the hero commission and Japan law system as a whole. <My Hero Academia>

- [ ] Lucky abrums YouTube channel <Blood Battlefront Blockade>

- [ ] Hawks and the HPSC (gaslighting guilt tripping manipulation- hawks too smart n recognizes but still hard) hawks doesn’t know his own bday- all bite, no bark. Won’t fight for self, but will kill for others. <My Hero Academia>

- [ ] Snape ends up adopting Harry after parents are killed <Harry Potter>

- [ ] Bank teller in queens tells bank robbers to fuck off while Spider-Man/daredevil watches on in horror, dp is delighted and might just propose on the spot <Marvel- Deadpool, Daredevil, Spider-Man>

- [ ] Shawn Spencer, Gus takes care of all financials. Explore childhood? Case involving past trauma and how Shawn deals with it and how it reminds him of his childhood <Psych>

- [ ] Tim works at (print shop? Coffee shop?) does bat watch at night. (tweets? Or podcast? Radio?) keeps trying to dodge the bats. Got disowned by his parents when they found a gay flag or does this on the side under alt ident? Parents sold their house and went off the radar without telling Tim (he runs so he doesn’t go in the system and is presumed missing/dead with his parents) <Batman- Red Robin>

- [ ] Danny is justice league darks resident teen hero, billy and Danny are best bros after realized ‘oh same shit different age’ John Constantine watches on in horror going ‘oh no now I have two kids to watch why does god test me like this’ <Danny Phantom, DC- Justice League Dark>

- [ ] Tumblr baby batwatch vague posting about random unsettling shit (think crow au) <Batman- Red Robin>

- [ ] Bats are hiding something from Dick. He just got off a long mission (undercover?) and had to be on edge the entire time. Turns out it’s a surprise party and mans has literally no sense of time. <Batman- Nightwing>

- [ ] Loke from fairy tail- slowly dying. Regulus is a power he is not supposed to have (think stars- regulus is a grouping of four(?) stars- more power? Or like that papa-logia AU where mans is literally a god of some sort). It’s the only reason he’s lived as long as he has. Maybe he doesn’t go back to star-realm and wants to be free, even if that means in death.<Fairy Tale>

- [ ] Harry Potter is a bank thief. Maybe got dropped in another world? Maybe got a taste of thievery when robbing goblin bank? Or just the world’s smallest terror ruining all of Dumbledores plans by going ‘oh most secure bank huh? Bet.’ in his first diagon ally trip and completely ignoring the dark lord problem <Harry Potter>

- [ ] Tim drake reborn as Izuku (nezu LOVES him) Might work better with a dark!Batman world leading to a very traumatized boi who takes one☝️look at Aizawa and goes ‘oh god I’ve already fucked up three sets of parents (drakes, Bruce, inko) ain’t no way I’m letting it happen again.’ Def vigilante fic and he does NOT want to go to UA which makes Nezu a little feral but guess what? NO ONE can out-feral Tim ‘Oops-my-spleen’ Drake <My Hero Academia, Batman- Red Robin>

- [ ] Person get truck-kun’d into full metal alchemist, promptly goes ‘fuck this’ and GTFOs. Sends a letter to maes cause that’s their blorbo. <Fullmetal Alchemist>

[webtutorsblog]

Looking to master the basics of HTML? WebTutor offers a comprehensive guide to help you navigate the world of HTML with ease. From understanding tags to building web pages, this tutorial is perfect for beginners. Start your journey to becoming an HTML pro today at WebTutor!

[manonamora-if]

THIS IS OUTDATED!

Please share this post instead.

The 100% Good Twine SugarCube Guide!

NOTE: while the Guide is in its complete form, it will be updated when SugarCube 2 updates (or if I spot a typo/error).

This SugarCube Guide was create as an alternative to the official documentation, providing a comprehensive and wide look over the use of Twine, particularly the SugarCube format.

The Guide is compartmentalised in four categories:

The Basics: or the absolute basics to start with SugarCube No need for extra knowledge. Just the base needed to make something.

The Basics+: adding interactivity, and creating a fully rounded IF game May require a bit of CSS knowledge (formatting rules)

Intermediate Use: adding more customisation and complex code Will probably require some CSS knowledge, and maybe some JavaScript

Advanced More (incomplete): the most complex macros and APIs Will surely require some JavaScript/jQuery knowledge

Each category explains a multitude of aspects of the format, tailored to a specific level of the user. More simpler explanations and examples are available in earlier chapters, compared to the later ones.

If something is unclear, you found a mistake, you would like more examples in the guide, or would like a feature covered, let me know!

The Guide currently covers all macros (as of SugarCube v.2.36.1*), all functions and methods, and APIs. It touches upon the use of HTML, CSS, JavaScript and jQuery, when relevant. It also discusses aspects of accessibility. *In case of format update, this Guide will make relevant edits.

The Guides also provides a list of further resources, for the different coding languages (SugarCube, HTML, CSS, JavaScript, jQuery).

VIEW OR DOWNLOAD THE GUIDE!!!!

[mekatrio]

daydreaming abt using neocities to make my kgpr guide... <- guy who knows jack and shit abt html

[ogxfuturetech]

The Comprehensive Guide to Web Development, Data Management, and More 

Introduction 

Everything today is technology driven in this digital world. There's a lot happening behind the scenes when you use your favorite apps, go to websites, and do other things with all of those zeroes and ones — or binary data. In this blog, I will be explaining what all these terminologies really means and other basics of web development, data management etc. We will be discussing them in the simplest way so that this becomes easy to understand for beginners or people who are even remotely interested about technology.  JOIN US

What is Web Development? 

Web development refers to the work and process of developing a website or web application that can run in a web browser. From laying out individual web page designs before we ever start coding, to how the layout will be implemented through HTML/CSS. There are two major fields of web development — front-end and back-end. 

Front-End Development 

Front-end development, also known as client-side development, is the part of web development that deals with what users see and interact with on their screens. It involves using languages like HTML, CSS, and JavaScript to create the visual elements of a website, such as buttons, forms, and images. JOIN US

HTML (HyperText Markup Language): 

HTML is the foundation of all website, it helps one to organize their content on web platform. It provides the default style to basic elements such as headings, paragraphs and links. 

CSS (Cascading Style Sheets):  

styles and formats HTML elements. It makes an attractive and user-friendly look of webpage as it controls the colors, fonts, layout. 

JavaScript :  

A language for adding interactivity to a website Users interact with items, like clicking a button to send in a form or viewing images within the slideshow. JOIN US

Back-End Development 

The difference while front-end development is all about what the user sees, back end involves everything that happens behind. The back-end consists of a server, database and application logic that runs on the web. 

Server: 

A server is a computer that holds website files and provides them to the user browser when they request it. Server-Side: These are populated by back-end developers who build and maintain servers using languages like Python, PHP or Ruby. 

Database:  

The place where a website keeps its data, from user details to content and settings The database is maintained with services like MySQL, PostgreSQL, or MongoDB. JOIN US

Application Logic —  

the code that links front-end and back-end It takes user input, gets data from the database and returns right informations to front-end area. 

Why Proper Data Management is Absolutely Critical 

Data management — Besides web development this is the most important a part of our Digital World. What Is Data Management? It includes practices, policies and procedures that are used to collect store secure data in controlled way. 

Data Storage –  

data after being collected needs to be stored securely such data can be stored in relational databases or cloud storage solutions. The most important aspect here is that the data should never be accessed by an unauthorized source or breached. JOIN US

Data processing:  

Right from storing the data, with Big Data you further move on to process it in order to make sense out of hordes of raw information. This includes cleansing the data (removing errors or redundancies), finding patterns among it, and producing ideas that could be useful for decision-making. 

Data Security:  

Another important part of data management is the security of it. It refers to defending data against unauthorized access, breaches or other potential vulnerabilities. You can do this with some basic security methods, mostly encryption and access controls as well as regular auditing of your systems. 

Other Critical Tech Landmarks 

There are a lot of disciplines in the tech world that go beyond web development and data management. Here are a few of them: 

Cloud Computing 

Leading by example, AWS had established cloud computing as the on-demand delivery of IT resources and applications via web services/Internet over a decade considering all layers to make it easy from servers up to top most layer. This will enable organizations to consume technology resources in the form of pay-as-you-go model without having to purchase, own and feed that infrastructure. JOIN US

Cloud Computing Advantages:  

Main advantages are cost savings, scalability, flexibility and disaster recovery. Resources can be scaled based on usage, which means companies only pay for what they are using and have the data backed up in case of an emergency. 

Examples of Cloud Services: 

Few popular cloud services are Amazon Web Services (AWS), Microsoft Azure, and Google Cloud. These provide a plethora of services that helps to Develop and Manage App, Store Data etc. 

Cybersecurity 

As the world continues to rely more heavily on digital technologies, cybersecurity has never been a bigger issue. Protecting computer systems, networks and data from cyber attacks is called Cyber security. 

Phishing attacks, Malware, Ransomware and Data breaches: 

This is common cybersecurity threats. These threats can bear substantial ramifications, from financial damages to reputation harm for any corporation. 

Cybersecurity Best Practices:  

In order to safeguard against cybersecurity threats, it is necessary to follow best-practices including using strong passwords and two-factor authorization, updating software as required, training employees on security risks. 

Artificial Intelligence and Machine Learning 

Artificial Intelligence (AI) and Machine Learning (ML) represent the fastest-growing fields of creating systems that learn from data, identifying patterns in them. These are applied to several use-cases like self driving cars, personalization in Netflix. 

AI vs ML —  

AI is the broader concept of machines being able to carry out tasks in a way we would consider “smart”. Machine learning is a type of Artificial Intelligence (AI) that provides computers with the ability to learn without being explicitly programmed. JOIN US

Applications of Artificial Intelligence and Machine Learning: some common applications include Image recognition, Speech to text, Natural language processing, Predictive analytics Robotics. 

Web Development meets Data Management etc. 

We need so many things like web development, data management and cloud computing plus cybersecurity etc.. but some of them are most important aspects i.e. AI/ML yet more fascinating is where these fields converge or play off each other. 

Web Development and Data Management 

Web Development and Data Management goes hand in hand. The large number of websites and web-based applications in the world generate enormous amounts of data — from user interactions, to transaction records. Being able to manage this data is key in providing a fantastic user experience and enabling you to make decisions based on the right kind of information. 

E.g. E-commerce Website, products data need to be saved on server also customers data should save in a database loosely coupled with orders and payments. This data is necessary for customization of the shopping experience as well as inventory management and fraud prevention. 

Cloud Computing and Web Development 

The development of the web has been revolutionized by cloud computing which gives developers a way to allocate, deploy and scale applications more or less without service friction. Developers now can host applications and data in cloud services instead of investing for physical servers. 

E.g. A start-up company can use cloud services to roll out the web application globally in order for all users worldwide could browse it without waiting due unavailability of geolocation prohibited access. 

The Future of Cybersecurity and Data Management 

Which makes Cybersecurity a very important part of the Data management. The more data collected and stored by an organization, the greater a target it becomes for cyber threats. It is important to secure this data using robust cybersecurity measures, so that sensitive information remains intact and customer trust does not weaken. JOIN US

Ex: A healthcare provider would have to protect patient data in order to be compliant with regulations such as HIPAA (Health Insurance Portability and Accountability Act) that is also responsible for ensuring a degree of confidentiality between a provider and their patients. 

Conclusion 

Well, in a nutshell web-developer or Data manager etc are some of the integral parts for digital world.

As a Business Owner, Tech Enthusiast or even if you are just planning to make your Career in tech — it is important that you understand these. With the progress of technology never slowing down, these intersections are perhaps only going to come together more strongly and develop into cornerstones that define how we live in a digital world tomorrow. 

With the fundamental knowledge of web development, data management, automation and ML you will manage to catch up with digital movements. Whether you have a site to build, ideas data to manage or simply interested in what’s hot these days, skills and knowledge around the above will stand good for changing tech world. JOIN US

[parkitaco]

parker i have a maybe stupid question😭 but how do you put that cute little indentation thing in your ao3 summaries? i cannot for the life of me figure it out 🤸

omg no not a stupid question at all it took me AGES to figure it out lmao 😭 you just have to go into the summary box and put <blockquote> before the summary you want to add, and then </blockquote> at the bottom to end the indent <3

[mothkisserx]

ooh ooh what do we have here

a blog post about my favorite post-processing tools and techniques