Hacker News Reader

Comment by hajile | Hacker News Reader

Flexbox? That's way easier than float design and both of those are way easier than designing everything with tables.

I know...and I kind of got the gist of it except I had a lot of trouble developing an intuition for it by trying to understand the history, other methods and just basically copying source code from existing websites...it's just my process for learning new things and it quickly gets overwhelming with front-end development...

Repeatedly playing https://flexboxfroggy.com/ is better for developing intuition.

I absolutely need to get back into front-end so thanks for that!

https://mastery.games is fun too

I see what you mean. I've been using flexbox for a while now and still get muddled up if align- or justify- is vertical or horizontal

Thankfully with modern browsers nowadays you can open up their dev tools and use them as a 'scratchpad' to play about with CSS.

I like this guide for flexbox: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Breaks it down into simple pieces and explains with clear diagrams.

i love tables. in fact tables can be more responsive than "responsive" layouts. They were from the start. Pity that some purists ostracized them

isn’t css grid effectively the return of tables? I’ve only had limited experience with both, but thought they were similar.

If you took that exact table design and implemented it using flexbox (or even floats), the performance of the site would increase.

Tables require two (sometimes more) separate reflows. Minor changes in one cell can potentially force the entire table (and all its contents) to re-render. I also don't miss the days of slicing up images into tables for the performance and load-time gains either.

Tables were always easy.

Reply on news.ycombinator.com