#Unordered List

[inabluedr3am]

On my desk I currently have:

An open capri sun

An open apple juice

An open piña colada juice

An open green tea

I need my options okay

[vukuu]

More than half of businesses that closed during the pandemic won't reopen

[wouteke]

mathieu and jasper from an instagram live c:

[masteraqua]

after ten million years i finally figured out how to hide character and relationship tags on ao3 when they exceed anything resembling a reasonable amount \o/

so now this (wherein any tags that exceed a limit of 2 for relationships and a limit of 4 for characters are dimmed for the purposes of this comparison)

looks like this! (wherein those dimmed tags are yeeted off my page entirely so i can parse what the hell i'm looking at more easily. apologies to this random fic for being my punching bag. it's nothing personal)

[borjanon]

trying to make a tumblr post with a nested list seems fucked, unfortunately :(

[wygolvillage]

wow my neocities page does not look nearly as fun on mobile browser. the formatting is a bit fucked and you cant even see my questionable font choices. oh well i dont care enough about mobile compatibility. sad!

[hesitationss]

this isn't much but i coded and styled it myself ^_^

look at the start to my neocities site

[unicyclehippo]

i simply must talk about a game that consumed almost all of my weekend it’s called “in stars and time” & it’s the sickest shit ever (enamoured, entranced, obsessed) I can’t possibly mention all the things i have loved about this game so far & i don’t want to spoil it but here is a short list, unordered:

it’s in black & white & grey, which given the themes seems very apt. it’s also super striking & rly allows the use of patterns in the backgrounds of fight sequences, the shapes of enemies, to rly pop. it’s. so cool

the enemies are all fucked up little guys n im ALL ABOUT IT. they’re so weird they’re so cool

the pc & their companions are all SO good. their avatars are incredible, their expressions are pleasing to look at AND emotive, & time after time i am struck by how good the characterisation is

also, it’s a time loop

so in that spirit, the pc & their companions are all SO good. the conversations & information changes slightly as you go through the loops so u learn something new about your companions every few loops, or do something new that earns a comment, or find something that reveals that your companion LOVES that thing or hates it

the main character is. everything to me (avoidant little shit.)

the worldbuilding is SO cool !!!!

the actual gameplay is rly rly fun i have played it for about 20 hours now & I haven’t gotten sick of the fights yet. rock paper scissors. it makes sense.

all the skills u get through levelling up have pun names

tHE PUNS. THE PUNS!!!!

anyway I love it so much , play it if you get the chance. pls no spoilers if u have finished it im not done yet!!!!

[aspureasamelody]

I think Omi may be the character with the most on-screen trauma

He had so many actual traumatic events

Especially since Omi's also the youngest and least experienced with the world

He doesn't really have a reliable place to go to for comfort or to run away to if he needs space to process, so he's also the least able to cope whenever he's traumatized, so it's always unresolved

An incomplete, unordered list:

Watching Klofange sink under the water and refreeze right as Omi and Klofange became close, and being so catatonic with grief and confusion over it that Kimiko and Clay had to drag him away

Being betrayed by his first friend who he believed in and trusted more than anyone, and then learning that even when they all genuinely thought Omi was dead, that friend still didn't change his mind. And he still almost let them all to be crushed to death a little later

Later being gaslit and beat the shit out of by that same former friend to be tricked into thinking he was being betrayed again

Omi thinking he's finally found his family and a home, but they're a mean, uncaring old couple who steals from him and treats him horribly. And then he learns they aren't even real, so he went through desperately trying to appease abusive parents but still is lost with no family ties at the end of it

Omi thinking that he witnesses himself accidentally kill his own mother, who hates him so much she won't even take his hand to save her own life

Abandoned by his friends when he's sick and then kidnapped by Hannibal while Omi's left wandering around homeless, then about to be killed and turned into energy for Hannibal via lightning

Omi watching old Jack brutally murder all of the other monks right in front of him

Omi watching Chase drink the soup again even after everything Omi's been trying to do and was willing to sacrifice just to keep Chase on the Xiaolin side this time

Being convinced by Vlad to just. kill himself

He's just a little kid!

[trainzelda]

unordered list of my favorite animorphs aliens:

Vegetarian crabs from the cretaceous period with highly advanced force field technology which they used exclusively to make cool translucent furniture

Bioluminescent flying squirrels who bio-engineer monsters that keep their planet's unstable atmosphere in check, and then bio-engineer even more monsters to keep the first set of monsters in check

Inorganic four armed humanoids made of an ice-like material, which were hunted to extinction because they can be melted down and re-frozen into a material used in computer chips

Species of technologically advanced dog people who achieved world peace, only to be exterminated by other species who had not achieved world peace

The secret society of super powerful robots who really love dogs, which were left behind by the aforementioned dog people

[tapwater118]

at @lemonxlimee‘s request, i post boob tier list. categories are unordered

i kinda just turned my brain off and put them in categories as the vibes washed over me. “why do so many of them have boobs” i like boobs next question.

[vukuu]

More than half of businesses that closed during the pandemic won't reopen

[fuckyeahfluiddynamics]

The Best of FYFD 2023

A fresh year means a look back at what was popular last year on FYFD. Usually, I give a numeric list of the top 10 posts, but this year the analytics weren't as clear. So, instead, I'm combining from a few different sources and presenting an unordered list of some of the site's most popular content. (Image credits: sphinx - S. Boury et al., ear model - S. Kim et al., maze - S. Mould, dandelion - S. Chaudhry, water tank - P. Ammon, e. coli - R. Ran et al., drop impact - R. Sharma et al., Leidenfrost - L. Gledhill, toilet - J. Crimaldi et al., engine sim - N. Wimer et al., rivers - D. Coe, fin - F. Weston, snake - P. Schmid, nebula - J. Drudis and C. Sasse, flames - C. Almarcha et al.) Read the full article

[izicodes]

Basics of HTML5: Let's build a webpage!

I'm a huge advocate for learning HTML5 as your first coding language (remember, it's not a programming language)! HTML5 is a great and easy coding language to get you into the feel of coding, especially for complete complete beginners!

I see a lot of people on Tumblr wanting to get into just creating their own websites but don't know how to start - coding is a new thing to them! So, I'm here to help with the language I know like it's the back of my hand!

And I am also an advocate of building projects in order to learn anything in coding/programming! Thus, what better way to learn the basics of HTML5 than to actually build a simple webpage? Let's get started~!

What is HTML5?

HTML, which stands for Hypertext Markup Language, is a special coding language that is used to create webpages. With HTML, you can tell a web browser, like Google Chrome or Safari, what to display on a webpage, such as text, images, and videos. And 'HTML5' is just the latest version of HTML!

HTML tags are special words or symbols that you use to create webpages. You use these tags to tell the web browser what content to display on a webpage, like headings, paragraphs, images, links, and more. Tags come in pairs (most of the time) so you'll have an opening tag and a closing tag. An example of the syntax:

The Simple Webpage

As I mentioned, we will be making a simple webpage for a person called David - see, he needs a portfolio webpage to start off with, and we're going to help me (as well as learning HTML5, of course).

Here is the code we will be using:

Pretty code, I know but also a bit confusing - let's get into understanding the code by grouping them into chunks! But just a heads up, the code includes these tags:

!DOCTYPE html (mmh it's more of a declaration really)

html, head, body

title

h1, h2, h3

p, a

li, ul, ol

These are some of the common tags used in all webpages on the internet! Okay, let's look at the code finally~!

The basic structure of every HTML page

Every HTML file looks like this - it has to have all of these tags!

The first line, !DOCTYPE html tag, tells the web browser which version of HTML is being used.

The code is contained within html tags, which enclose the entire webpage.

The head tags contain information about the webpage, such as the title and links to other resources.

The body tags contain the main and visible content of the webpage, such as text, images, and videos.

Together, this code provides the basic structure for an HTML webpage, with the head tags containing metadata and the body tags containing the actual content.

In the head tags

The title tags enclose the title of the webpage. In this example, the title is "My Programming Blog".

The title appears in the title bar of the web browser and is often used by search engines and social media sites to display the name of the webpage.

In the body tags - Headings and paragraphs

The h1 tags create a main and biggest heading, which in this case is "Welcome to My Programming Blog!" - you can only have one h1 tag on a webpage.

The h2 tags create subheadings, which in this case include "Latest Post", "About Me", and "My Projects" - you can have multiple h2 to h6 tags on a page.

The h3 tags create a sub-subheading under h2 tags, which in this case is "How I Improved My Coding Skills".

The p tags create paragraphs of text that provide more detail about the blog's content and purpose, including a summary of the latest blog post and information about the author and their projects.

In the body tags - lists and links

To start any list, you need to either start with ul tags or ol (ordered (numbered)) tags

The ul tags create an unordered list of items.

The li tags create list items within the unordered list.

Each list item includes a hyperlink created using the 'a' tags, with the text of the link being the name of a programming project.

The href attribute within each 'a' tag specifies the URL where the project code can be found on GitHub.

Attributes go inside the opening tags' arrows '<' and '>'.

The End Result

Boom - she's gorgeous, I know! A basic, simple webpage! We did it! You can see the page live + the code used here: [LINK]. Play around with the code, change things, experiment, break things, fix them - do what you need to learn further!

And that includes some online resources to help!

LINK 1 | LINK 2 | LINK 3

And some resources/posts I have shared about HTML

LINK 1 | LINK 2 | LINK 3

What next?

Learn CSS3! The page looks basic and looks like what pages were like when the internet was invented! You need colour, fancy fonts and layouts! CSS helps with that, as it is a styling sheet! Be sure to do some research but I also share resources on my blog under my #resources tag!

Thank you for reading and best of luck learning coding/programming! Remember, this isn't the only way to get into coding! People even recommend languages like Python to be beginners' first language, but I say that HTML5 should be the first coding language and then Python is your first programming language - don't know the difference? I made a post about it here!!

But definitely for people going into Web Development, HTML5 all the way! I don't think you can avoid learning HTML5 with Web Development (not 100% sure though...)!

Anyhoo, have a nice day/night! 👋🏾💻💕

[astrojulia]

Hi!! I saw your blog and it's beautiful! I'd like to ask if you could share some tips about editing posts, specifically changing the font color and doing that cool effect where it has more than one color on the same font ☺ if you're not comfortable teaching that's okay too! Have a good night

Hello Siren,

Thank you for the compliment. Yes, I can teach you. Just follow a tip from Auntie here: do it because you genuinely like the aesthetic. The time you spend writing the post is sometimes the same as editing it, and in my experience, this won't necessarily translate into more likes or reblogs. So, do it because you think it's beautiful.

As comical as it sounds, I won't be using HTML in this post because using the codes could cause problems. I've seen some tutorials, but I just really learned when I searched on my own.. I also do all my editings on my notebook. So, here's everything I use:

Websites I use for editing:

HTML Code Editor: While you're creating your HTML, you can simultaneously see if it's working

BBcode & HTML Text Colorizer: This is where you'll create the gradient

Browserling: I use this site to make the gradient code compatible for Tumblr

Aesthetic Symbols: this is for that cute symbols

Piliapp: more copy/paste symbols

Fontes e Letras: copy/paste fonts

Canva: This is where I create some of my designs. I also use Photoshop

Deviantart: a lot of material for Photoshop like templates, PSDs and Renders (PNG image with a good resolution), you can see the ones I use the most in my sources

@animatedglittergraphics-n-more: dividers

@saradika: dividers

@engrampixel: cute material

Color Hunt: if you don't have a color pallete in mind, here you can find a lot of options

Adobe Color: if you want to create your own HTML color palette this site can help

DaFont: where I download my fonts, the ones I use the most are: Betterfly, Arcadepix, Starborn, Lemon Milk, Cursive Sans and BubbleGum

EmojiTerra: as I use tumblr on my notebook, this is where I get my emojis

HTML Text Editing

Important:

Go use the HTML Code Editor in this part and your life will be way easier.

Some things I do right here in the tumblr editor, like putting the images and different fonts like Lucille.

All HTML code starts with < > and ends with , that is, when you start a paragraph you will write <p> and when you finish you will write </p> (HTML Code Editor ends your coding automatically)

I'm teaching all this because if you want to make gradients in your entire text and not just in the title, you'll need to know about html

To start your HTML you will need to go to the gear that appears on the right side when you are writing your post, go to the bottom until you find the Text Editor and switch to HTML.

The Codes

<p> start a paragraph </p>

<br> to make a space between text less than a paragraph (good to use in indented text) you don't need to put </br>

<b> make the text bold </b>

<i> leave the text in italics</i>

<strike> leave the text crossed out </strike>

<small> make the text small like this </small>

<h1> make the text large like this </h1>

<h2> make the text large like this </h2>

<ul> Create unordered list (dotted) </ul>

<ol>Create lists with order (numeric) </ol>

*instead of making paragraphs you will create new items in the list using the code <li> </li>

<blockquote class="npf_indented"> make the text indented </blockquote>

<span style="color: #HTML"> Code to color your texts, pay attention that it uses (") instead of (') and doesn't use (;) </span>

Tutorial on creating invisible spaces, just like I use to do the navigation, if I put it here everything bugs. PT-BR

<a href="URL">Link Text</a>: Creates a hyperlink

Making your Gradient

Go to BBCode and HTML already with your HTML text and colors in hand. Write or copy your text in the box, choose the gradient type (I use middle) and select your colors (from one to three different colors)

Now copy the text in the "HTML code for this text: (To use on your website)" box and go to the Browseling, you will replace the (') to (") and the (;) for nothing

Copy and paste your new code direct in your tumblr post editor or in the HTML Code Editor. Success!!

I think that's all. Kisses from the Sea! 🐚

[three--rings]

My reaction to IWTV ep4:

.............

I literally don't even know what to say. Like...AHHHHHHHHHHH.

I need next week NOW.

Okay okay, like, wtf there was so much STUFF in there.

Totally unordered incoherent list of STUFF: (in which I loose my mind as I type.)

Claudia totally gay for Madeleine.

Armand using his Very Real Trauma to manipulate.

Likewise his Very Real Need to be led....that fucking rain scene?

Also that FUCKING RAIN SCENE my god .....

Louis taking charge and laying out a plan for the coven and being called Maitre by Armand?? Like hello hotness. BUT ALSO....Armand I am EYEING YOU.

Like Armand knows Santiago knows about them killing Lestat/their maker now but he's gonna let him get rid of Claudia for him. Absolutely.

Important questions like did Louis know about his initials on the suit pocket?

Also All the Daniel of it all. Which...NEXT WEEK.

How many episodes are we getting? 8?

So next week is flashback to San Franscisco, Claudia and Madeleine, then the "trial", then...WHAT? Like eps 7 and 8 are what exactly? Louis grief and burning the theater? That's like one ep. So what is the finale exactly???

Anyway anyway.

This season is making me feral. Like, it's the combination of all the different directions of crazy. Like Loustat is level 1. Loumand is level 2. Devil's Minion is level 3. Lesmand is level 4. All the memory shenanigans and lies is levels 5-7.

Please I'd like to inject it all into my veins now.