Home Entrance Wiki Search Login Register

Welcome, Guest. Please login or register.
June 04, 2023, 04:02:11 pm - @626.52
Forum activity rating: Four Star Posts: 56/24hrs Unread Topics | Unread Replies | Own Posts | Own Topics | Recent Posts
News: :dive: Are u having fun?? :dive:

+  MelonLand Forum
|-+  World Wide Web
| |-+  ✁ ∙ Web Crafting
| | |-+  What helped you code html/css easy?


« previous next »
Pages: [1] Print
Author Topic: What helped you code html/css easy?  (Read 309 times)
MARI
Full Member ⚓︎
***


send me emails!

StatusCafe: six
iMood: sintax
Matrix: Chat!

View Profile WWW

Joined 2023!
« on: April 19, 2023, 06:41:46 pm »

Sometimes I feel a bit behind on the coding train. :ohdear:  I know some code but  I cant make big huge cool panels and headers and footers so I just use templates. How did you make coding easy for you?
Logged

I have typos sometimes, sorry!
ESCARGOT: failgirl@escargot.chat

Melooon
Administrator
Hero Member ⚓︎
*****


So many stars!

SpaceHey: Friend Me!
StatusCafe: melon
iMood: Melonking
Itch.io: My Games

View Profile WWW

spring 2023!Squirtle!!!!MIDI WarriorMIDI Warrior1234 Posts!OzspeckCool Dude AwardRising Star of the Web AwardMessage BuddyPocket Icelogist!OG! Joined 2021!The Smallest Ozwomp Known To ManBug!
« Reply #1 on: April 19, 2023, 06:58:55 pm »

The best way to learn is to start with small projects that force you to push yourself - For example, my first JavaScript project was this, and I really struggled with it even though it's super simple - I did a bunch of small JS projects like that and after about 4 months I was able to make GifyPet which in turn allowed me to make the whole Ozwomp Game engine a few years later.

So you start very small and work your way up! It can also be really helpful to study other people's code (particularly if its slightly ahead of where you are, but not too complex) - try and figure out how they think and solve problems - maybe even try and reconstruct their code to do something slightly differently (e.g. take a name generator and use it to generate random sentences or something)  :pc:

ALSO, I realised after typing this that you meant code, as in HTML, not Javascript  :tongue:

But the same still applies, start with simple pages, design them from the ground up, add in some CSS, study other sites, repeat and build your way up! My first hand-coded site in 2011 was a white page with some centerd text and a few images - a year later (and a few month os studying webdesign in college) I worked on this as a group project in college, which directly lead to all my sites now.

Overall its just really important to remember you have to start small and work up; you cant skip to being an expert - but whatever point your at its great and you should be happy with it, but also be excited to try and outdo yourself too!
« Last Edit: April 19, 2023, 07:01:00 pm by Melooon » Logged


everything lost will be recovered, when you drift into the arms of the undiscovered
shevek
Full Member ⚓︎
***


˚₊⁀꒷₊˚︰₊︶꒦꒷₊⊹︰꒷

StatusCafe: daintyeco
iMood: daintyeco
Matrix: Chat!

View Profile WWW

Joined 2023!
« Reply #2 on: April 19, 2023, 07:17:34 pm »

Inspecting elements of sites I like (rightclicking on a specific part and then clicking Inspect, for example), rightclick > show source code on websites and clicking through their linked stuff and CSS files to see how they did it. Asking ChatGPT for definitions and explanations and example code, researching on StackOverflow, and also understanding and changing parts of code of the projects on CodePen.io to see how it affects the preview so I can internalize how things work and what is affected by what.

I was also stubborn and only used the Neocities editor for a while. But using a specific software to code makes it easier and helps internalizing some of the stuff (the correct syntax etc) because it corrects you or autofills it. I use Brackets.
Logged

Skykristal
Jr. Member ⚓︎
**


I may be dead but I am here

SpaceHey: Friend Me!
StatusCafe: skykristal
iMood: Skykristal

View Profile WWW

Joined 2023!
« Reply #3 on: April 19, 2023, 07:24:44 pm »

I actually didn't understood coding much until I actually understood what the code I was writing is even doing. If you know structure (Html) and style (CSS) the rest becomes quite easy. I agree with analysis and looking up what other websites do. I often inspected lots of elements in the browser, did redesign, different colours etc, before I made my own actual code and layouts.
It can also help to use frameworks BUT to understand those frameworks as well. With a framework you have classes and styles ready for you to use. Look up thier code and explore it. It will help you understand a lot of things as well.
Logged


Read Newest Blog ⋆。°✩ Punch my OCs  ⋆。°✩ View my Gallery
Mayflower
Casual Poster ⚓︎
*


I slay all day

iMood: Azalea

View Profile WWW

Joined 2023!
« Reply #4 on: April 19, 2023, 10:08:16 pm »

My Method to learning HTML and CSS was to just throw stuff at the wall and see what looks good, and what doesnt!
Its an absolute mess yes but it helped me hugely with learning what you can and cant do.

For example I remember implementing the credit card check for "premium" in php! Most of it was code i found online to regex the card number and see if its following a real card pattern
if all the checks pass you get to witness
Code
body{background-color: gray;}
in all its glory, if not you get a silly little response telling you which part didnt validate!

But even before that, I experimented with a """Banning""" System where clicking a button would get you """banned""" when all it did was add a cookie that got check on site launch. If it was present it redirected you to the steam "Help ive been vac banned" page which was a fun little project to figure out!

So just be silly and do some small projects of whatever comes to mind! And if you need help you can always ask other people for ideas
Logged

Im so ⦜⠱⸣⃲⼭❌ⶳ℟♯◃❤⑬⇤⌂⤞Ⲯ⸚⃠⎳⎞⮌⥣ⱨ :cheerR:
teatime
Full Member ⚓︎
***


RAAAAAAGH


View Profile WWW

High Speed Ozwomp!Joined 2023!
« Reply #5 on: April 19, 2023, 10:13:32 pm »

i think my most valuable resource was freecodecamp. all of their courses are meant for people getting into coding for work purposes, but their guided html/css course is extremely handy. also i just check back and forth between w3schools and youtube guides if i don't know how to do something.  :ok:
Logged
Cele
Sr. Member ⚓︎
****


any way the wind blows

iMood: jaffaprincess

View Profile WWW

Joined 2022!
« Reply #6 on: April 19, 2023, 11:35:35 pm »

I just took people's free to use templates and started modifying them. Figuring out changing what in the code changes what on the site. Removing stuff, adding stuff. Little by litte, I have learned.
Logged


NUNQUAM GENITUS DESIDEREM
Kitsune
Guest
« Reply #7 on: April 19, 2023, 11:46:58 pm »

I used freecodecamp to learn Html and CSS.

It's easy as instead of jibber-jabbing for 15 hours on how to code they actually tell you (in a written text) how to do something and then let you do it for yourself in a interactive learning thingy.

It's easier to learn when you're actually doing the stuff you want to learn and not some useless stuff.
Logged
lime360
Jr. Member ⚓︎
**

hi.

SpaceHey: Friend Me!
StatusCafe: lime360
iMood: lime360
Matrix: Chat!
Itch.io: My Games

View Profile WWW

Joined 2022!
« Reply #8 on: May 04, 2023, 03:50:27 pm »

of course w3schools
Logged

Pages: [1] Print 
« previous next »
 

Vaguely similar topics! (3)

Deltarune Chapter 2 and The Goner Code

Started by DoctorScreechBoard ♖ ∙ Games Cafe

Replies: 0
Views: 1330
Last post December 03, 2021, 06:09:13 am
by DoctorScreech
Whats your life like? (Time Capsule Thread)

Started by MelooonBoard ☺︎ ∙ Chat & General Interests

Replies: 14
Views: 1096
Last post March 27, 2023, 05:40:17 pm
by teomodo
What do you use to code websites?

Started by neoratzBoard ✁ ∙ Web Crafting

Replies: 41
Views: 2838
Last post June 02, 2023, 01:13:21 am
by Skykristal

Melonking.Net © Always and ever was! SMF 2.0.19 | SMF © 2021, Simple Machines | Terms and Policies Forum Guide | Rules | RSS | WAP2


MelonLand Badges and Other Melon Sites!

MelonLand Project! Visit the MelonLand Forum! Support the Forum
Visit Melonking.Net! Visit the Gif Gallery!