#frontenddevelopment

[mit-llusion]

introduction. hi :)

hello!!

i wanted to document my process of learning to code :) it's something i've always been interested in, but never got to, because i felt like it would take too much time to become good. well, the time will pass anyways, i need a project to stay sane. i have adhd, so it's somewhat of a developing hyperfixation / special interest for me.

i was using sololearn to learn, before i got paywalled :/ -- now i'm using freecodecamp and will probably also use codeacademy. on freecodecamp, i'm doing the certified full stack developer program which will (from my understanding) teach me to code front-end / client side as well back-end. i knew some HTML to begin with, but so far i've finished the basics of HTML mini-course and am on to structural HTML. After the full HTML topic, the course teaches me CSS, Java, Back-End Javascript and Python.

LONG STORY SHORT!! let's be friends, because i love doing this. also i need help. and advice. so much of it. m

[codingflicks]

Responsive Cards CSS

[divinector]

HTML5 CSS3 Animated Background

[sirenkasroom]

#1

It's been a long time since I last wrote on this blog. Back then I had a job, I lived alone, and I had indie video game projects. It turns out I moved in with my partner and this is my new setup, which I bought when I was laid off from the company I worked for for 5 and a half years. Now I'm creating a web development portfolio on my GitHub because I can't publish my work from my previous company under my own name. Right now, I'm counting daily calories because I'm trying to lose 20 kilos this year ( I must eat less than 1800 calories per day in order to achieve it), and I've also enrolled in a 50-plus-week full-stack development bootcamp.

I can't sleep well because not having a job is really affecting me (I've been laid off since January 28th. I really didn't want to continue there, but I also didn't want to not have a job). And I'm trying to maintain a Ballet Fit routine to avoid sitting still. So this is my third blog start, focusing on personal and web development (lol), and food tracking. You could say it's a general habit tracker.

For anyone reading this for the first time, hello, I'm "bandit", 32 years old, interested in learning languages (I speak english, spanish, portuguese and a really basic russian), and just switched from the arts to development, among other things. I enjoy metal music, anime, and TV shows. I'm rebuilding my collection of manga, magazines, and books that I lost after moving so much in my youth. I hope to find more people on studyblr. 💕

[su-codes]

Hi, I'm Su! 💫

I've been on tumblr for ages, but I decided to create this blog to document my progress with learning web dev!

About me:

I'm 25, mexican-american, and I have an orange cat 🐱 (hence the avi, although I'm well aware it looks more like a fox lol)

I really struggle with undiagnosed adhd, so sometimes I'll get in ruts that last anywhere from a couple of days to a couple of months :(

I have a biochemistry degree but never used it because I thought I wanted to be a pharmacist lmao

Used to be a teacher but fuck that fr (me and the US dept. of education have beef)

I'm currently enrolled part time in a full-stack coding bootcamp

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

Goals for this blog:

❤️‍🔥 keep me motivated and inspired

🖊 post updates on things i've worked on/accomplished

📚 reblog resources for future reference

~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~ ~

Languages I'm learning:

HTML

CSS

Javascript

node.js/express.js/handlebars.js

MySQL

[codenewbies]

CSS Slideshow with Thumbnails

[assignmentoc]

HTML Tags and Elements You Must Know

HTML, or Hypertext Markup Language, is the backbone of web development. Whether you're a beginner or an experienced developer, understanding HTML tags and elements is crucial for creating structured and accessible web content. This guide will explore essential HTML tags, including headings, paragraphs, images, links, lists, and tables, complete with examples to help you grasp their usage effectively.

HTML Code

Headings

Headings are used to define the structure and hierarchy of content on a web page. They range from <h1> to <h6>, with <h1> being the highest level of importance and <h6> the lowest.

Example:

<h1>Main Heading</h1> <h2>Subheading</h2> <h3>Sub-subheading</h3>

Headings help search engines understand the structure of your content and improve accessibility for screen readers.

Paragraphs

Paragraphs are used to separate blocks of text, making content more readable. The <p> tag is utilized for creating paragraphs.

Example:

<p>This is a paragraph of text that provides information to the reader.</p>

Using paragraphs effectively can greatly enhance the flow and readability of your content.

Images

Images are a vital part of web content, providing visual interest and information. The <img> tag is used to embed images, and it requires at least the src and alt attributes.

Example:

<img src="image.jpg" alt="Description of image">

The alt attribute is crucial for accessibility, as it describes the image to users who cannot see it.

Links

Links connect web pages and provide a way for users to navigate through content. The <a> tag is used to create hyperlinks.

Example:

<a href="https://www.example.com">Visit Example</a>

The href attribute specifies the URL of the page the link goes to. Including descriptive text within the link improves accessibility and user experience.

HTML Code

Lists

Lists are a great way to organize information. HTML supports ordered lists (<ol>) and unordered lists (<ul>), with list items marked by the <li> tag.

Ordered List Example:

<ol> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol>

Unordered List Example:

<ul> <li>Bullet Item One</li> <li>Bullet Item Two</li> <li>Bullet Item Three</li> </ul>

Ordered lists are ideal for step-by-step instructions, while unordered lists are perfect for bullet points.

Tables

Tables are used to display data in a structured format. They consist of the <table>, <tr>, <th>, and <td> tags.

Example:

<table> <tr> <th>Name</th> <th>Age</th> </tr> <tr> <td>John Doe</td> <td>30</td> </tr> <tr> <td>Jane Smith</td> <td>25</td> </tr> </table>

Tables are useful for organizing data but should be used sparingly as they can be less mobile-friendly than other elements.

HTML Code

Conclusion

Understanding these essential HTML tags and elements is the first step toward creating well-structured, accessible, and visually appealing webpages. Incorporating headings, paragraphs, images, links, lists, and tables into your HTML documents will significantly enhance your ability to communicate content effectively.

FAQs

1. What is the purpose of the alt attribute in an <img> tag?

The alt attribute provides a text alternative for images, improving accessibility for users who cannot see the image, such as those using screen readers.

2. Can headers be used for styling purposes in HTML?

While headers can affect the appearance of text, they should primarily be used for content hierarchy and structure. Styling should be handled with CSS.

3. Are tables still relevant in modern web design?

Yes, tables are relevant for displaying structured data but should be used judiciously, especially in responsive designs, where other layout techniques might be more appropriate.

4. How do you create a link that opens in a new tab?

To open a link in a new tab, use the target="_blank" attribute within the <a> tag.

5. What is the difference between ordered and unordered lists?

Ordered lists (<ol>) display items in a sequential order, often numbered, while unordered lists (<ul>) use bullet points without implying a specific sequence.

[ouhmouda]

Tips for New Web Developers: Building a Strong Foundation

Tips for New Web Developers: Building a Strong Foundation

As a beginner in web development, it's important to focus on the fundamentals before diving into complex projects. Here are a few key tips to help you build a strong foundation:

Learn HTML & CSS: These are the building blocks of web development. Mastering them will allow you to create basic, functional websites.

Understand JavaScript: This language brings your websites to life by enabling interactivity. Start small and work your way up to more advanced concepts.

Responsive Design: Ensure your website looks great on all devices by learning responsive web design principles. Mobile-first design is crucial today.

Version Control (Git): Use Git for tracking changes to your code and collaborating with others. GitHub is a great platform to showcase your projects.

Focus on Clean Code: Write clean, readable code that is easy to maintain. It’ll help you and your future collaborators down the line.

Remember, the journey may be challenging, but with consistency and practice, you’ll become proficient and confident in web development. Keep coding! 🚀

[c-oldasice]

Starting my studies on JavaScript 👩🏻‍💻

do you know how to code? if yes, which is your favorite language?

[numbpilled-themes]

hyperspace outlaws inspired html/css neocities and nekoweb etc theme template

MADE FOR THE ANON WHO REQUESTED THIS AS A THEME IN MY INBOX!! HOPE YOU ENJOY~

DOWNLOAD HERE

[mit-llusion]

progress 2 - thur 3 april 2025

um okay so ignore that little skipping a part of my curriculum mishap. right now im working on a project in the "lab" portion of the course (where you work on your own little projects so they can test what theyve taught you). for this one, youre supposed to make a small, simple page for recipes. everything about my code registers as right except for the <meta charset=UTF-8> part. its not registering it :/ in case anyone has any advice.

help i dont know what ive done wrong.

[codingflicks]

CSS Animated Text Overlay

[divinector]

Responsive Cards Design HTML CSS

[nubecolectiva]

URL vs URI vs URN !

[fiasty143]

The third HTML, CSS and BOOTSTRAP (intermediate) project CH#03 Contact-Us-page(06) 's snapshots. The source code is available on: github