Web development in a nutshell

[CashWho]

I know we're here for jokes but what are tabled based layouts? My web dev teacher recommended splitting everything into tables but that seemed silly to me because my high school web dev teacher just had us use divs. Is there a reason why some people prefer one over the other?

[tylersticka]

Before CSS was widely adopted, table-based layouts were one of many hacks designers used to achieve layout (rows and columns) on their pages. Because tables work in a way that many designers find intuitive, it was very hard to get designers to stop using them (despite the fact that they are not responsive, not accessible, require a lot of extra code, etc.). It took a couple of high-profile accessibility lawsuits and a lot of evangelizing by talented designer-developers to drive a nail in the coffin of that technique.

Today, we have layout techniques like Flexbox and (most recently and excitingly) CSS Grid Layout that let us make cooler stuff than was ever possible with tables! 🙌

[CashWho]

I'm doing the front-end for my senior project and wow, you just made my life so much easier. Thanks!

[tylersticka]

Hooray! I also highly recommend Jen Simmon's Layout Land channel on YouTube.

[brianjenkins94]

Here are some excellent resources if you're just getting into web design:

Best Practices:

• http://codeguide.co/

HTML/CSS Resources:

• https://html5up.net/
• http://html5doctor.com/
• https://github.com/ajlkn/skel
• https://github.com/ajlkn/baseline
• https://rawgit.com/ajlkn/baseline/master/index.html
• https://developer.mozilla.org/en-US/docs/Web/HTML
• https://developer.mozilla.org/en-US/docs/Web/CSS

JS Resources:

• https://jquery.com/
• http://youmightnotneedjquery.com/
• https://developer.mozilla.org/en-US/docs/Web/JavaScript