5 ms·

Introduction to HTML and CSS

59 points by mjhea0 13y ago

piyasde 13y ago
Good one for Start up developers as this is clean and the challenges in last of the Github Page are fair for them. Good to see that old html tags are not used.
ultimatedelman 13y ago
This makes it sound so easy... browser bugs and idiosyncrasies still cling to web development like barnacles. Maybe one day when the old IEs and Firefoxes are dead, web development will become this. I hope it does, at least :)
- robmcm 13y ago
  I'm afraid this will always be the case. Any runtime or VM will have bugs, and the fact there are multiple instance in the world of web development only exacerbates this. One day something new may come out, and the web will become a wasteland and web standards will stop being worked on. Then you may finally get a stable consistent target, but alas there will then be no point...
- Bahamut 13y ago
  You have to start somewhere - when beginning, there's no reason to worry about different browsers, you need to focus on the core concepts.
grahamel 13y ago
nice touch with the either is fine
- baby 13y ago
 isn't part of XHTML and not HTML5?
 - mjhea0 13y ago
 technically, yes - but it can still be used. either is fine.
 - grahamel 13y ago
 Actually looking into it seems that it is, and that example is wrong. The spec examples only use and call it a void element (one which can't have any content) but states only foreign elements can be self closing.
 - shawnz 13y ago
 It's true that void elements can't be self-closing in HTML, but the slash is still allowed. If you scroll down to 8.1.2.1 #6, you will see that the slash is just ignored if present on void elements.
- c23gooey 13y ago
 i think this makes it confusing for the casual, first time learner.
timme 13y ago
- things like "first-paragraph" are better written as classes. - things like odd-even should be implemented with pseudo selectors.
jumpwah 13y ago
"For this exercise, please download the cross-platform editor Sublime Text, which is an open-source editor designed for simplicity and ease of use. Also, please make sure you have Google Chrome installed."
- deevus 13y ago
  Indeed. ST is neither open-source or free.
  - mjhea0 13y ago
    Updated. Thanks to some kind PULL requests
danatkinson 13y ago
It's a shame that they're not producing valid HTML.
bluetidepro 13y ago
This is a great resource. Good work! I recently was helping out a non-technical friend with basic HTML/CSS stuff (like this repo) and I had the best success with showing her http://www.codecademy.com/tracks/web http://www.codecademy.com/tracks/web. She had tried other resources but for her, Codecademy seemed to be the most hopeful and easy to use (AND FREE).
- mjhea0 13y ago
  Cheers!
eyusti 13y ago
Hi! This is Ellen from Thinkful. The author is one of our amazing mentors who does a number of free sessions where he walks through these types of guides. Check it out: http://www.thinkful.com/a/mentorship-preview http://www.thinkful.com/a/mentorship-preview. If you are just starting to learn to program we hope you join us!
- mjhea0 13y ago
  Yes, I present a basic tutorial like this every Wednesday. Then address any questions about the tutorial or programming in general. I'm a Python and front-end mentor and know Ruby as well. So if you're looking to learn how to code, contact me. Or visit http://thinkful.com http://thinkful.com. Cheers!

59 points by mjhea0 13y ago

Good one for Start up developers as this is clean and the challenges in last of the Github Page are fair for them. Good to see that old html tags are not used.

ultimatedelman 13y ago

This makes it sound so easy... browser bugs and idiosyncrasies still cling to web development like barnacles. Maybe one day when the old IEs and Firefoxes are dead, web development will become this. I hope it does, at least :)

robmcm 13y ago
I'm afraid this will always be the case. Any runtime or VM will have bugs, and the fact there are multiple instance in the world of web development only exacerbates this. One day something new may come out, and the web will become a wasteland and web standards will stop being worked on. Then you may finally get a stable consistent target, but alas there will then be no point...
Bahamut 13y ago
You have to start somewhere - when beginning, there's no reason to worry about different browsers, you need to focus on the core concepts.

grahamel 13y ago

nice touch with the either is fine

baby 13y ago
isn't part of XHTML and not HTML5?
- mjhea0 13y ago
 technically, yes - but it can still be used. either is fine.
- grahamel 13y ago
 Actually looking into it seems that it is, and that example is wrong. The spec examples only use and call it a void element (one which can't have any content) but states only foreign elements can be self closing.
 - shawnz 13y ago
 It's true that void elements can't be self-closing in HTML, but the slash is still allowed. If you scroll down to 8.1.2.1 #6, you will see that the slash is just ignored if present on void elements.
c23gooey 13y ago
i think this makes it confusing for the casual, first time learner.

timme 13y ago

- things like "first-paragraph" are better written as classes. - things like odd-even should be implemented with pseudo selectors.

jumpwah 13y ago

"For this exercise, please download the cross-platform editor Sublime Text, which is an open-source editor designed for simplicity and ease of use. Also, please make sure you have Google Chrome installed."

deevus 13y ago
Indeed. ST is neither open-source or free.
- mjhea0 13y ago
  Updated. Thanks to some kind PULL requests

danatkinson 13y ago

It's a shame that they're not producing valid HTML.

bluetidepro 13y ago

This is a great resource. Good work! I recently was helping out a non-technical friend with basic HTML/CSS stuff (like this repo) and I had the best success with showing her http://www.codecademy.com/tracks/web http://www.codecademy.com/tracks/web. She had tried other resources but for her, Codecademy seemed to be the most hopeful and easy to use (AND FREE).

mjhea0 13y ago
Cheers!

eyusti 13y ago

Hi! This is Ellen from Thinkful. The author is one of our amazing mentors who does a number of free sessions where he walks through these types of guides. Check it out: http://www.thinkful.com/a/mentorship-preview http://www.thinkful.com/a/mentorship-preview. If you are just starting to learn to program we hope you join us!

mjhea0 13y ago
Yes, I present a basic tutorial like this every Wednesday. Then address any questions about the tutorial or programming in general. I'm a Python and front-end mentor and know Ruby as well. So if you're looking to learn how to code, contact me. Or visit http://thinkful.com http://thinkful.com. Cheers!