HTML5/CSS
Post Reply
 
Thread Rating:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
09-08-2013, 01:26 PM (This post was last modified: 09-08-2013 01:39 PM by cbb2274.)
HTML5/CSS
Can someone tell me where to find some really detailed walkthroughs/tutorials for HTML5 and CSS? I'm looking for something interactive, probably with video. My boss has been encouraging me to learn this stuff so I can help him maintain a website we've been working on. I only have really basic skills with HTML. I want to develop some marketable skills so I can get the hell out of this job.

"That's not the proof I want."
"You'll have such proof as exists. You are the only one responsible for your own wants."
- Isaac Asimov, I, Robot
Find all posts by this user
Like Post Quote this message in a reply
09-08-2013, 02:18 PM (This post was last modified: 09-08-2013 02:21 PM by ridethespiral.)
RE: HTML5/CSS
(09-08-2013 01:26 PM)cbb2274 Wrote:  Can someone tell me where to find some really detailed walkthroughs/tutorials for HTML5 and CSS? I'm looking for something interactive, probably with video. My boss has been encouraging me to learn this stuff so I can help him maintain a website we've been working on. I only have really basic skills with HTML. I want to develop some marketable skills so I can get the hell out of this job.

I'm mad pro so you can ask me whenever you get stuck....and if you want I can give you a crash course using a screen cast/skype.

Otherwise..

http://html5boilerplate.com/ is the best starting point around.
You will need modernizr to get <IE9 compatibility for media queries and HTML5 tags.

I like http://css3pie.com/ for IE CSS3 features.

Also SASS is kind of advanced but it's how the pros roll.

W3Cschools and CSStricks.com are great references...and of course Stack Overflow is your friend.

As for free comprehensive lessons http://www.codecademy.com/ probably, it's been so long since I learned this stuff....but HTML/CSS aint too bad there should be tons of vids on youtube and blog lessons + lynda.com will have subscription based tuts.

Visit this user's website Find all posts by this user
Like Post Quote this message in a reply
[+] 1 user Likes ridethespiral's post
09-08-2013, 02:19 PM (This post was last modified: 09-08-2013 02:48 PM by ridethespiral.)
RE: HTML5/CSS
Also once you have the basics down clearfix is what separates the men from the boys: http://www.codecouch.com/2008/10/how-to-...ut-markup/

Visit this user's website Find all posts by this user
Like Post Quote this message in a reply
09-08-2013, 02:39 PM
RE: HTML5/CSS
These guys are really good for computer / web dev programming.

https://www.khanacademy.org/

"IN THRUST WE TRUST"

"We were conservative Jews and that meant we obeyed God's Commandments until His rules became a royal pain in the ass."

- Joel Chastnoff, The 188th Crybaby Brigade
Find all posts by this user
Like Post Quote this message in a reply
09-08-2013, 03:16 PM
RE: HTML5/CSS
(09-08-2013 02:18 PM)ridethespiral Wrote:  
(09-08-2013 01:26 PM)cbb2274 Wrote:  Can someone tell me where to find some really detailed walkthroughs/tutorials for HTML5 and CSS? I'm looking for something interactive, probably with video. My boss has been encouraging me to learn this stuff so I can help him maintain a website we've been working on. I only have really basic skills with HTML. I want to develop some marketable skills so I can get the hell out of this job.

I'm mad pro so you can ask me whenever you get stuck....and if you want I can give you a crash course using a screen cast/skype.

Otherwise..

http://html5boilerplate.com/ is the best starting point around.
You will need modernizr to get <IE9 compatibility for media queries and HTML5 tags.

I like http://css3pie.com/ for IE CSS3 features.

Also SASS is kind of advanced but it's how the pros roll.

W3Cschools and CSStricks.com are great references...and of course Stack Overflow is your friend.

As for free comprehensive lessons http://www.codecademy.com/ probably, it's been so long since I learned this stuff....but HTML/CSS aint too bad there should be tons of vids on youtube and blog lessons + lynda.com will have subscription based tuts.

You are a gentleman and a scholar, sir.

"That's not the proof I want."
"You'll have such proof as exists. You are the only one responsible for your own wants."
- Isaac Asimov, I, Robot
Find all posts by this user
Like Post Quote this message in a reply
10-08-2013, 04:06 AM
RE: HTML5/CSS
http://www.google.com

[Image: 3cdac7eec8f6b059070d9df56f50a7ae.jpg]
Now with 40% more awesome.
Find all posts by this user
Like Post Quote this message in a reply
10-08-2013, 05:39 AM
RE: HTML5/CSS
I know people who count themselves lucky when they find job with a supportive boss.

I wish you luck in your search for such a position.

Consider

Hang on! Ohmy

Find all posts by this user
Like Post Quote this message in a reply
[+] 1 user Likes DLJ's post
10-08-2013, 06:29 AM
RE: HTML5/CSS
remember to use XML type tags rather then that horrible "html" (a fucked up deviation from SGML which is in it self HERESY!) serialization which some heretic scum had to include support for im the html5 specification...
(as a tech priest webstandards is one of the few forms of dogma i accept.. and i am also a fundamentalist on this point).'


ridethespiral has some rather good links... cant think of any better one.. short of say forking out for a plural sight subscription (damn nice website for learning stuff... i get access via work :3)
Find all posts by this user
Like Post Quote this message in a reply
10-08-2013, 09:14 AM (This post was last modified: 10-08-2013 10:13 AM by ridethespiral.)
RE: HTML5/CSS
(10-08-2013 06:29 AM)Zerq The mad Wrote:  remember to use XML type tags rather then that horrible "html" (a fucked up deviation from SGML which is in it self HERESY!) serialization which some heretic scum had to include support for im the html5 specification...
(as a tech priest webstandards is one of the few forms of dogma i accept.. and i am also a fundamentalist on this point).'


ridethespiral has some rather good links... cant think of any better one.. short of say forking out for a plural sight subscription (damn nice website for learning stuff... i get access via work :3)

I could talk shop all day...

Build order is important... I slice my images first (although this is kinda hard to do until you have some building experience), then I write all my markup (HTML+Boilerplate/PHP) syntactically in the csszengarden.com tradition, then I write the CSS/SASS to make the site look purdy, then finally I top it off the with JS to make things move, map events, etc.

Don't mess with responsive/grid systems until you have built a fixed site.

Check IE but don't build in IE...get it working in FF or Chrome/Safari first.

Use you inspector! Chrome Dev Tools, Safari Dev Tools or Firebug.

hosting is a whole 'nother can of worms...

For now you can run all your flat HTML/CSS/JS from your desktop but when it comes time to host your site to be see by other/run PHP & SQL (btw unless you want to be an enterprise kinda guy stick with PHP or Node and avoid Java/.Net...open source/linux FTW) and stuff then it gets a little more hairy.

A lot of people start with the simplicity of a shared host like bluehost.com or godaddy.com and just FTP their files up....The pros generally run a local host (setup apache on their own machines or run a program like MAMP or XAMP) and then SSH/Git up to a cheap cloud server (digitalocean.com) which gives you a lot more security, control, etc. and generally makes life much more simple once it's up and running. (some great step by step set up on digital oceans support/how to page)

Visit this user's website Find all posts by this user
Like Post Quote this message in a reply
10-08-2013, 01:04 PM
RE: HTML5/CSS
(10-08-2013 09:14 AM)ridethespiral Wrote:  Check IE but don't build in IE...get it working in FF or Chrome/Safari first.

Why? Over 80% of my visitors use IE.... That should then be my first concern, no?

[Image: dobie.png]

Science is the process we've designed to be responsible for generating our best guess as to what the fuck is going on. Girly Man
Find all posts by this user
Like Post Quote this message in a reply
Post Reply
Forum Jump: