PDA

View Full Version : Need a site that teaches CSS from absolute scratch, for absolute idiots!



ulrichburke
Jun 8th, 2016, 09:41 AM
Dear Everyone.

Before I'm advanced enough to ask questions here, I need a website that isn't CSS For Dummies, it's CSS For Zombies Who Have Just Eaten Their Own Brains!

I've found a load that list keywords/colour names/types, but none that tell you how to lay a CSS program (for want of a better word) out, where you put what kind of instruction, how to get absolutely started in it if you don't know HTML from a hole in the ground, that kinda thing. What I'm after being able to do is this:

I'm being asked more and more to use a site called Jotform for designing forms for people. Now Jotform SAYS 'Write Brilliant Forms Without Using a Line of Code'. Which is absolute bull, the only way to make a form look how YOU want it to as opposed to how they THINK you want it to is by using CSS. And until hitting Jotform I'd honestly never heard of CSS. So I've tried learning about it and so far I've found many sites that list keywords/phrases etc., but nothing that tells you what sequence to use anything in, if you've got SOME HTML written already, where do you drop your commands to make things look the way they should, that kinda stuff.

If you'd never touched HTML in your life, or Java (rhetorical question - if Java and JavaSCRIPT are two different things, why do they have (almost) the same name!?! THAT one fooled me for AGES (not hard!)) where would you go to learn the Absolute Basic Beginnings of CSS, hopefully without having to shell out !

I want to be able to, for now, use CSS to position stuff on the screen and know it's going to STAY PUT and shrink and grow WITH the current browser size, NOT 'if the browser moves one inch, the form's gonna look like sh...!' which is what's happening to me right now!

Yours hopefully

Chris.

ulrichburke
Jun 8th, 2016, 09:45 AM
Just a brief addendum to the above - in Jotform you get three previews from three different areas of the site, Form Builder, Form Designer and Preview (overall try-out bit that lets you test the form itself). And the form can, and for me always DOES, look utterly different in all three previews. I've questioned them on this and they say 'it's natural, it's because the windows are different sizes to allow for our stuff' but if you can't even tell from THEIR previews what the form's gonna look like when it hits the user, what hope have you got for getting it right in the first place?

Sorry for the addendum, pure frustration.

Yours respectfully (again!)

Chris.

WAINGRO
Jun 8th, 2016, 11:30 AM
Hi Ulrich Learn to code | Codecademy (http://www.codeacademy.com) is veeeery helpful. Also checkout Devtips' youtube chanel. I am studying HTML CSS every day (literally) and I find those 2 the best because they make the learning process fun and interactive. You might also want to check out some youtube vids that explain the process of coding a website from start to end. Watch like 2 or 3 of those and you will see that things will start to make sense. Good luck on your journey Ulrich ;)

VIPStephan
Jun 8th, 2016, 03:18 PM
HTML Dog (http://htmldog.com/) is a good start, I think. CSS only works in conjunction with HTML, so a decent understanding of both is helpful.

Tomee
Jun 8th, 2016, 04:25 PM
Hi Ulrich Learn to code | Codecademy (http://www.codeacademy.com) is veeeery helpful. Also checkout Devtips' youtube chanel. I am studying HTML CSS every day (literally) and I find those 2 the best because they make the learning process fun and interactive. You might also want to check out some youtube vids that explain the process of coding a website from start to end. Watch like 2 or 3 of those and you will see that things will start to make sense. Good luck on your journey Ulrich ;)

Can you link me some of those vids?

WAINGRO
Jun 8th, 2016, 10:58 PM
Sure brah, check out the top 2 playlists on https://www.youtube.com/results?search_query=devtips+css . Travis is an expert that works at Google, and he has a fun and playful way of teaching you how to code :) Also I would recommend watching lots of different video's on the topic. CSS basics (positioning for instance) can be a bit confusing so it helps to hear different explanations in different words :) This one also helped me a lot:
https://www.youtube.com/watch?v=Nej7B5M-vOM&list=PLMve8qV_h5E-jiumev7IX13RkItNUy_ba

Greets

Line9Inline
Jun 9th, 2016, 10:02 AM
Treehouse or Code academy are both good inexpensive choices to learn css as is YouTube(like mentioned in earlier replys) As far as everything staying in place and adjusting to different screen sizes you'll need to learn Responsive Design like Flexnav or Slicknav also understanding some basic Html would help.