More HTML/CSS on the prerequisites?

[sofer]

We already have http://flukeout.github.io/ on our prereqs.

In the same vein, how about adding a bit of flexbox: http://flexboxfroggy.com/ together with https://philipwalton.github.io/solved-by-flexbox/?

I know that browser coverage for flexbox is not exactly universal, but if we are going to dissuade people from using CSS frameworks, it might be kind to offer them a nice way to do their grid layout.

[iteles]

I would suggest that in the F&C spirit of keeping our apps as useable as possible and given that flexbox only works with IE10+ (and is still not well supported there), we shouldn't allow people to use it on the course.

People have seemed to do ok without it so far and more importantly, not having it or frameworks at their disposal forces people to at least learn the basics of positioning with CSS if they want to accomplish anything minimally visually appealing.

I do however agree we should have more HTML/CSS on the pre-reqs and course, very much so! We're nowhere near strong on the basics yet.

[sofer]

@iteles so far we have on the prerequisites list:

• https://www.codecademy.com/learn/web
• https://www.codecademy.com/en/skills/make-a-website
• http://flukeout.github.io/

Are there any other learning resources you would recommend?

Browse http://www.csszengarden.com/, perhaps?

[iteles]

Zen Garden is impressive for people to see the power of CSS but the best CSS (and HTML) resources I keep coming back to for basics are:

• http://learn.shayhowe.com/html-css/
• http://learnlayout.com/position.html (you don't really need this one with the one above but it specialises in CSS positioning and is simple to follow)
• http://cssguidelin.es/

[sofer]

@iteles I love these. I would be in favour of adding them to the prerequisites under extras.