#Website Development | Explore Tumblr posts and blogs

study-diaries · 3 months ago

Text

Introduction To HTML

[Note: You need a text editor to do this. You can use Notepad or Text Edit. But it's so much better to download VS Code / Visual Studio Code. Save it with an extension of .html]

HTML stands for Hyper Text Markup Language

It is used to create webpages/websites.

It has a bunch of tags within angular brackets <....>

There are opening and closing tags for every element.

Opening tags look like this <......>

Closing tags look like this

The HTML code is within HTML tags. ( // code)

Here's the basic HTML code:

<!DOCTYPE html> <html> <head> <title> My First Webpage </title> </head> <body> <h1> Hello World </h1> <p> Sometimes even I have no idea <br> what in the world I am doing </p> </body> </html>

Line By Line Explanation :

<!DOCTYPE html> : Tells the browser it's an HTML document.

<html> </html> : All code resides inside these brackets.

<head> </head> : The tags within these don't appear on the webpage. It provides the information about the webpage.

<title> </title> : The title of webpage (It's not seen on the webpage. It will be seen on the address bar)

<body> </body> : Everything that appears on the webpage lies within these tags.

<h1> </h1> : It's basically a heading tag. It's the biggest heading.

Heading Tags are from <h1> to <h6>. H1 are the biggest. H6 are the smallest.

<p> </p> : This is the paragraph tag and everything that you want to write goes between this.

<br> : This is used for line breaks. There is no closing tag for this.

-------

Now, we'll cover some <Meta> tags.

Meta tags = Notes to the browser and search engines.

They don’t appear on the page.

They reside within the head tag

Line By Line Explanation:

_____

This is my first post in this topic. I'll be focusing on the practical side more than the actual theory, really. You will just have some short bullet points for most of these posts. The first 10 posts would be fully HTML. I'll continue with CSS later. And by 20th post, we'll build the first website. So, I hope it will be helpful :)

If I keep a coding post spree for like 2 weeks, would anyone be interested? o-o

182 notes · View notes

stranger-avenue · 9 months ago

Text

misc sites for building/decorating sites!

basically part 2 of this [some of these are now down/defunct unfortunately but we always have more!!] semi organized..

website building intro to html in depth explanation on making a website tiled bg css gradient generator layout generator hugeeee resource list another resource site css animation library shiny button generator tiled bg minifier retro website templates decor userbar generator [flashing] buttons assorted links to graphics collections kewl text [flashing on hover] blinkies, stamps, and userboxes stickers [flashing] more 88x31 buttons [flashing] another graphics collection xbox 360 gamerpics 80x15 button generator wmp archive cursors geocities blinkies search [flashing] pixels and 88x31 buttons search internet bumper stickers userbox generator

sites like glitter graphics zwani jelly muffin zingerbug

fun! status cursor effects motherfucking website better motherfucking website best motherfucking website poll maker mood counter tamanotchi webgarden web ring list gify pet

236 notes · View notes

captdedeyes · 2 years ago

Text

Friendly reminder that Wix.com is an Israeli-based company (& some website builders to look into instead)

I know the BDS movement is not targeting Wix.com specifically (see here for the companies they're currently boycotting) but since Wix originated in Israel as early as 2006, it would be best to drop them as soon as you can.

And while you're at it, you should leave DeviantArt too, since that company is owned by Wix. I deleted my DA account about a year ago not just because of their generative AI debacle but also because of their affiliation with their parent company. And just last month, DA has since shown their SUPPORT for Israel in the middle of Israel actively genociding the Palestinian people 😬

Anyway, I used to use Wix and I stopped using it around the same time that I left DA, but I never closed my Wix account until now. What WAS nice about Wix was how easy it was to build a site with nothing but a drag-and-drop system without any need to code.

So if you're using Wix for your portfolio, your school projects, or for anything else, then where can you go?

Here are some recommendations that you can look into for website builders that you can start for FREE and are NOT tied to a big, corporate entity (below the cut) 👇👇

Carrd.co

This is what I used to build my link hub and my portfolio, so I have the most experience with this platform.

It's highly customizable with a drag-and-drop arrangement system, but it's not as open-ended as Wix. Still though, it's easy to grasp & set up without requiring any coding knowledge. The most "coding" you may ever have to deal with is markdown formatting (carrd provides an on-screen cheatsheet whenever you're editing text!) and section breaks (which is used to define headers, footers, individual pages, sections of a page, etc.) which are EXTREMELY useful.

There's limits to using this site builder for free (max of 2 websites & a max of 100 elements per site), but even then you can get a lot of mileage out of carrd.

mmm.page

This is a VERY funny & charming website builder. The drag-and-drop system is just as open-ended as Wix, but it encourages you to get messy. Hell, you can make it just as messy as the early internet days, except the way you can arrange elements & images allows for more room for creativity.

Straw.page

This is an extremely simple website builder that you can start from scratch, except it's made to be accessible from your phone. As such, the controls are limited and intentionally simple, but I can see this being a decent website builder to start with if all you have is your phone. The other options above are also accessible from your phone, but this one is by far one of the the simplest website builders available.

Hotglue.me

This is also a very simple & rudimentary website builder that allows you to make a webpage from scratch, except it's not as easy to use on a mobile phone.

At a glance, its features are not as robust or easy to pick up like the previous options, but you can still create objects with a simple double click and drag them around, add text, and insert images or embeds.

Mind you, this launched in the 2010s and has likely stayed that way ever since, which means that it may not have support for mobile phone displays, so whether or not you wanna try your hand at building something on there is completely up to you!

Sadgrl's Layout Editor

sadgrl.online is where I gathered most of these no-code site builders! I highly recommend looking through the webmaster links for more website-building info.

This simple site builder is for use on Neocities, which is a website hosting service that you can start using for free. This is the closest thing to building a site that resembles the early internet days, but the sites you can make are also responsive to mobile devices! This can be a good place to start if this kind of thing is your jam and you have little to no coding experience.

Although I will say, even if it sounds daunting at first, learning how to code in HTML and CSS is one of the most liberating experiences that anyone can have, even if you don't come from a website scripting background. It's like cooking a meal for yourself. So if you want to take that route, then I encourage to you at least try it!

Most of these website builders I reviewed were largely done at a glance, so I'm certainly missing out on how deep they can go.

Oh, and of course as always, Free Palestine 🇵🇸

#webdev #web dev #webdesign #website design #website development #website builder #web design #websites #sites #free palestine #long post #I changed the wording multiple times on the introduction but NOW I think im done editing it

508 notes · View notes

o2studies · 2 months ago

Text

23:32 || ༻`` 2 June 25 — Monday

57 days of productivity, 40/57

The Sci Journal has a new entry!! A Brief History of Time written by @hyacinth-dancing-in-rain !

The article dives down into the different types of clocks through the ages, why they were used, their mechanics and operation, and other fun/interesting details!!

And a quick website update: Due to technical issues, images will no longer appear in articles from 02/06/25 until the issue is resolved. At some point in the summer of 2025, The Sci Journal will change website platforms and with it its domain link.

Notice will be provided at the change and when the new website is available to view

But anyway,

Today I've procrastinated quite a bit, but after 2hrs 13 I finished a marh past paper and went through the stats half of the textbook, noting down any formulas and important details which has been really helpful already! I'm postponing the second past paper I was meant to do today for tm.

Today I also journalled, drew (I forget how much I love colouring pencils and the pieces I make from them!) and watched another episode of Noughts and Crosses — which I'm absolutely in love with!!!! It's based off of a book series that I also adored and it has taken me a few years to actually find where I can watch this series for free! And when reading the books I never considered the cultural effects and influence from Africa that the idea would being so it has been amazing visualisation also!! I think I've only got 2 episodes left tho :( (I know what it's all leading up to 😭)

Day /

Day 0

Floor time ☑️ // 🍊

22 notes · View notes

therian-database · 10 months ago

Text

im back!!

and i have A LOT to say. i need a few creatures with experience coding html to help build a website with me. i don't know the specific software that we'll use, but if someone with a good chunk of experience can help me i would be forever grateful. please keep in mind that no one is obligated to do this, it has no pay and i could technically do it myself... it would just take a while. this is a passion project driven by the community, and it's been on sort of a hiatus because i just started my sophomore year of highschool. im currently working my ass off trying to plan out basic ideas for pages and how the website might look on computer and mobile. i would just like to thank everyone and anyone who has taken a little time to read even one of my posts, it not only makes me feel appreciated but most of all it makes me feel like the alterhuman community really is a community.

xoxo,

aspen

#therian community #otherhearted #otherkin #therian #alterhumanity #plantkin #objectkin #otherlink #alterhuman #coding #html #htmlcoding #html css #css #code #programming #website development #website design #important

56 notes · View notes

glimmerfics · 24 days ago

Text

New Feature: My Stories page ദ്ദി(˵ •̀ ᴗ - ˵ ) ✧

You can now track your reading progress in one place! Find the new "My Stories" page in the top banner next to "Browse" on your browser or click the bookmark icon on the top bar on your phone!

What you'll find:

All your stories organized by "Last Played" and "Last Updated"

Your current episode for each story

When each story was last updated

This makes it easy to pick up where you left off and stay current with your favorites!

We're always working to improve your reading experience. Have questions or feedback? Comment below or Join us on Discord!

Happy Reading!

#website development #website update #glimmerfics #fanfic #choose your own adventure

12 notes · View notes

softgritspoonie · 11 days ago

Text

I had www.spoonie-support.org but it was a huge bust. It still exists for now, but no one joined except tons of bots. I guess people just don't really use forum type websites anymore.

I need my spoonie friends to help me create an even better site that people will actually use.

Let me hear allllll your ideas!!

9 notes · View notes

mostlyghostly42 · 7 months ago

Text

webdev websites list

Web Design Free and Premium Resources - Webgyaani

Internet History Sourcebooks Project

Webpage archive

Your Website Needs to Work on Phones - Kalechips

Mobile Friendly via CSS - Dannarchy

Clagnut by Richard Rutter

CSS { In Real Life }

CSS-Tricks - Tips, Tricks, and Techniques on using Cascading Style Sheets.

90's Cursor Effects

Web Design Museum

Milestones Archive - The History of the Web

All Paths | The Odin Project

Developer Roadmaps - roadmap.sh

XP.css - A design system for building faithful recreations of old UIs

GTmetrix | Website Performance Testing and Monitoring

sadgrl.online

Peregyr Art & Design

R.V.Klein 🐇 HOME

lunospace

goblin-heart.net

Reliquarian

Dark theme - Material Design

32-Bit Cafe

Cappuccicons Font

BASIC HTML COMPETENCY IS THE NEW PUNK FOLK EXPLOSION!

#list #masterlist #webdev #website development

20 notes · View notes

life-take · 18 days ago

Text

this might be a longshot but...

Does anyone know how to retrieve text from a website that doesn't allow you to highlight it at all? This is for copying lyrics from a website.

Things I have tried:

Highlighting the container element. Nothing happens, or, it highlights other text in the element but not the text I want.

Using devtools to find the element and trying to copy the text from the html. Almost worked except not all the text is in the HTML because:

Finding the source file for the text. For some reason the HTML has some of the lyrics in it but actually calls a javascript function to retrieve the entire lyrics. I know the ID of the lyrics but I don't know enough to figure out whether I can call the function from my end in a way where I can get the text from whatever database the lyrics and their IDs are stored in.

Running the URL through google translate just in case that magically makes it copyable. Hint: it doesn't; the lyrics don't show up at all either!

Things I would like to not have to do:

OCR of a screenshot of a page, or with my phone. It wouldn't be awful but OCR still seems kinda unreliable and the font of the lyrics is quite small.

I can't just retype the lyrics because they're in Japanese! And there's a lot of kanji I don't know! And the songs are too fast for me to get the pronunciation from that alone! I want the lyrics so I can translate/transliterate them myself, but I get a lot of help from rikaikun (on-hover JE dictionary plugin) so that I don't have to manually do kanji searches (a PITA). And if the text isn't highlightable, rikaikun doesn't work.

The website is petitlyrics.com if anyone thinks they can help!

#text #website #website development #web dev #javascript

6 notes · View notes

pong03 · 7 months ago

Text

HELLO TUMBLR COMMUNITY

SHARE TO ME YOUR NEOCITIES PLEASE

AND YOUR TIPS FOR WEB DESIGN AND LEARNING HTML,CSS, AND JAVASCRIPT.

I am just a child (18) who desires the freedom of neocities and a space hey. I need your guidance and knowledge.

I know some goated mf 14 yr old is gonna be the one who has the most knowledge and I'm gonna feel like I wasted my time haha.

but fr, i really want to get into this and HTML is already a big tumblr thing, before the total twitterfication of this website. So yeah I'd love tips or if you just want to share your own websites it would be so COOL. I'm legit a total newbie who learned to code a little bit for a data science class, which is more like python type shit.

#neocities #geocities #web design #website #website development #beginner web designer #spacehey #2000s internet

9 notes · View notes

study-diaries · 2 months ago

Text

Day 6 [Forms In HTML]

Introduction To HTML

Day 2 [Multimedia Elements In HTML]

Day 3 [Table in HTML]

Day 4 [Link Tag In HTML]

Day 5 [Lists In HTML]

Forms are basically used for collecting user information. And they are really important to learn. Here's a simple form in HTML:

Code:

Line By Line Explanation:

<form>: Used for creating forms. All the form elements go in this tag. Action: When submitted, data is sent to this file or URL [index.html] Method="post": Sends data

<label> : This describes the input tag for="___": Connects the label to the input with id="name" id : gives a unique identification to the tag <input>: It's used to make the form elements

<input> Type Elements :

type="text" : A simple text box is created.

type="email" : A box to input email.

type="checkbox" : A small square that users can tick. Can select multiple options using this.

type="radio" : A small circle, you can only select one option.

type="submit" : A button that submits the data to the server.

<textarea>: Accepts multiple lines of text. rows="4": It creates 4 lines cols="30": It creates 30 characters

<select> : Creates a drop-down list <option>: Creates an item in the dropdown. value="colorname": This is the data sent to the server if chosen.

Output For The Code:

_______________________

Hope This Helps !!

51 notes · View notes

alycesutherland · 5 months ago

Text

First Steps:

So I want to learn how to get access to the spotify api and my data first in my terminal. So I want to:

Get my top albums in terminal

Get my top artists in terminal

Get my top songs in terminal

If I figure it out really quick:

Add that json data into an xbar project on my Macbook

If that is easy then I'll add more stuff for when you click on xbar

#programmer #software engineering #software #code #coding #codeblr #website development #web developers #web design #baby coder #I know how to do nothing I just learned how to access APIs and make crude Ruby on Rails apps #ruby on rails #ruby

8 notes · View notes

bipin77589 · 7 months ago

Text

We focus on delivering responsive, user-friendly designs that provide a seamless experience across all devices, including mobile phones, tablets, and desktops. Our expertise in platforms like WordPress and Shopify allows us to build scalable websites with robust features, perfect for businesses of all sizes.

#website development #web design #web development

11 notes · View notes

o2studies · 11 months ago

Text

GUYSSSS!!!!

The Sci Journal has been published!!!

Find it by searching: thescijournal.weebly.com unfortunately you do have to type out the whole thing rn, goggle doesn't show it with just 'thescijournal' quite yet

About the website:

"What quickly grew to become a small community project, The Sci Journal is a place where students of any kind come together to share their interests and grow their love for research.

Once a month we will produce article entries aimed to inspire and educate based on a variety of science-related subjects such as astronomy, medicine, programming, and many more."

Our first article has been written by @becloudedsagacity about the immortal jellyfish and it is so so interesting!! (this is not just self promo— I geniuenly find it super interesting!)

I'm so so happy and proud and excited and omgggggg! Can't belive this has happened!!

I have been so blessed with your expression of interest and those that have helped with its creation or tools for it ❤️❤️ I would really appreciate if you could check out the website, see if its something you might be interested in (for either reading or also contributing to), and if you could reblog this to reach more people 💕

Our current (& amazing) team: @jasmine_008 @chefeader @breathing-soil @uncontrolledfission @qnamvnin @elu-xx @thecollapsingneutron @pharmagene @me-be-bubbles @myseniorliving @larstudy @chaotic-but-cute @becloudedsagacity @paramnesia9 @juneability @theamazinglilskate @sparklingstarr-tv @chaiandcuriosity @mikachem @scaryaxolotl @usuallyobsessedtumblr @nenelonomh @hyacinth-dancing-in-rain @nyxscave @studyobsessedgirlie

90 notes · View notes

atcuality3 · 3 months ago

Text

Simplify Decentralized Payments with a Unified Cash Collection Application

In a world where financial accountability is non-negotiable, Atcuality provides tools that ensure your field collections are as reliable as your core banking or ERP systems. Designed for enterprises that operate across multiple regions or teams, our cash collection application empowers agents to accept, log, and report payments using just their mobile devices. With support for QR-based transactions, offline syncing, and instant reconciliation, it bridges the gap between field activities and central operations. Managers can monitor performance in real-time, automate reporting, and minimize fraud risks with tamper-proof digital records. Industries ranging from insurance to public sector utilities trust Atcuality to improve revenue assurance and accelerate their collection cycles. With API integrations, role-based access, and custom dashboards, our application becomes the single source of truth for your field finance workflows.

5 notes · View notes