Introduction to HTML and CSS | Hacker News Reader

Introduction to HTML and CSS

github.com

59 pointsmjhea019 comments

"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."

Indeed. ST is neither open-source or free.

Updated. Thanks to some kind PULL requests

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. She had tried other resources but for her, Codecademy seemed to be the most hopeful and easy to use (AND FREE).

Cheers!

- things like "first-paragraph" are better written as classes.

- things like odd-even should be implemented with pseudo selectors.

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. If you are just starting to learn to program we hope you join us!

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.

Cheers!

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 :)

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...

You have to start somewhere - when beginning, there's no reason to worry about different browsers, you need to focus on the core concepts.

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.

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

nice touch with the <br> <br/> either is fine

isn't <br /> part of XHTML and not HTML5?

Actually looking into it seems that it is, and that example is wrong.

The spec examples only use <br> and call it a void element (one which can't have any content) but states only foreign elements can be self closing.

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.

technically, yes - but it can still be used. either is fine.

i think this makes it confusing for the casual, first time learner.

Reply on news.ycombinator.com