Learn CSS Layout

Well done. Everything is accurately explained using simple terminology. I'd love to see this expand beyond just layouts. CSS is overwhelming to beginners, but this is dead simple while still delving into deeper, more complex topics.

Re: Learn CSS Layout

#5

Post by mfeldheim » Sat, Apr 12, 2014, 10:04 AM UTC

Awesome work, thanks for sharing that link ♥

Re: Learn CSS Layout

#6

Post by olegkikin » Sat, Apr 12, 2014, 10:33 AM UTC

You need to explain what things do.

This page, for instance, doesn't explain what flexbox does.

http://learnlayout.com/flexbox.html

Re: Learn CSS Layout

#7

Post by asb » Sat, Apr 12, 2014, 10:42 AM UTC

I've also found The Magic of CSS useful: http://adamschwartz.co/magic-of-css/

Re: Learn CSS Layout

#8

Post by prohor » Sat, Apr 12, 2014, 11:30 AM UTC

I wish I had this when I was figuring out how it all works. I'll definitely point it friends who start with CSS.

Re: Learn CSS Layout

#9

Post by rduchnik » Sat, Apr 12, 2014, 1:05 PM UTC

For the clearfix can't you just use `clear:right` or `clear:both`? Also for inline-block you can also use the ie7 hack `display: inline-block;*display: inline;zoom: 1;`. Nice tutorial though.

Re: Learn CSS Layout

#10

Post by ScottyE » Sat, Apr 12, 2014, 2:03 PM UTC

subir wrote: post #3

This was on HN some time last week: https://news.ycombinator.com/item?id=7521180 Good site, though.

I'll note that a search of '"learnlayout.com" site:news.ycombinator.com' on Google doesn't bring up any other threads, but searching through the footer of the HN site does.