Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Relearn CSS layout

every-layout.dev

Post reply on HN
Print view View original

51–60 of 187 posts

Re: Relearn CSS layout

#51

Post by galaxyLogic »

Theodores wrote: post #33

There is more than way to do all of these layouts. I don't have time to learn all of them, I just want my content to look great on all devices. I also want to stick to the specifications of HTML as it applies to all the browsers that do HTML5 - so no Internet Explorer. Sticking to the specs means no hacks and the likelihood that someone can make sense of my code in ten years time and not think 'why did they do this?'…

> if I am using the right elements and pay attention to the structure of my content it just naturally styles itself with CSS Grid

Why is that? Does Grid treat 'article'and 'section' differently than it treats plain 'div'?

I thought that the purpose of 'article' etc. was purely semantic, saying something about the meaning and purpose of content inside them, not how they should be laid out on the page.

Re: Relearn CSS layout

#52

Post by galaxyLogic »

dmitriid wrote: post #39
sergiotapia wrote: post #34

> https://every-layout.dev/layouts/cluster/ >The Cluster layout is available in the full version of Every Layout, which is still in production. All of the currently available layouts are marked "read now" in the index page. where is production? I can't find it

It's still in production meaning: they are not available yet, they are being written.

Another way of saying that would be that they are still in "development"

Re: Relearn CSS layout

#53

Post by gary__ »

wolco wrote: post #46
gary__ wrote: post #36

Earlier quoted context omitted.

Bear in mind the tutorial is prefixed "Relearn..." Though I'd class myself as a "full stack developer" css for a long time was the 2nd class citizen, with most of my time spent on learning to use front end frameworks in their idiomatic way, the "it depends" peculiarities of SQL and RDBMSs and making inroads on the vast tomb that represents architectuliary sound back ends. So an article focussed on improving my "it's…

A good full stack developer should have double the salary of a frontend/backend developer. Do you find this is the case? You need to be an expert at both roles plus have a third skill connecting them together.

I think there's often a leeway given to the full stack dev that they have strengths and limitations. I haven't got to the point where I could compete with the true / good front end dev with my skills.

Even at the backend you have the application backend (c# or whatever) and then sql/rdbms. If you are that good perhaps you deserve thrice the pay by this logic ;).

Jokes aside, at the last good company I worked for where I knew other people's pay, I was compensated for the entirety of my skills compared to the good front end dev. We earned the same, and I was quite happy with that.

Jack of all trades...

Re: Relearn CSS layout

#54

Post by andrei_says_ »

gary__ wrote: post #44

This is great. I would prefer that browser compatability is mentioned, for my own purposes that would be IE11. Perhaps set a baseline of what browsers are considered in the intro and then highlight deviance as it occurs.

Suzy grids 2 is an amazing tool for ie11 and everything above it. So I can use one codebase for everything.

Yes, it is float based but my code is at the correct level of abstraction.

Re: Relearn CSS layout

#55

Post by duckfruit »

have_faith wrote: post #24

The knowledge contained in the articles is very good but I got the feeling that it was written for an audience that already undertands the problems being solved. The Stack for instance is written in a language that only really makes sense if you've spent a lot of time with CSS and contains some extraneous paragraphs. I only mention this as the problems and solutions being explored are very valuable to learn but I thi…

This kind of critique is applicable to all sorts of specialized writing. The flipside is that an article of this caliber (And it is indeed a very useful and well written set of guidelines for the intended audience) is not truly relevant to the layperson or an absolute beginner -- he lays out common problems and frustrations that people who've ever tried to layout a moderately complex website would have encountered, and presents some good solutions for them. If you haven't worked in the field and encountered these sort of problems, then an article like this is simply not relevant.

It is important for the field to be welcoming and open to curious individuals who want to learn, but there is also a very real need to have literature to communicate ideas that industry professionals encounter, and that necessarily implies some level of baseline knowledge. In other words, there are already plenty of resources to begin learning CSS, and not every article has to assume absolutely no proficiency in it. Every discipline of course has plenty of specialized writing. If you pick up a Quantum Mechanics paper, for instance, you'll find that it doesn't spend much time building up mathematical fundamentals like tensor algebra or topology even though it may well be required knowledge for someone to understand the paper.

Re: Relearn CSS layout

#56

Post by danbruc »

victor106 wrote: post #45

What’s the best resource (book, videos etc.,) to learn css these days?

It's probably not for everyone but I just read the specification [1] last week. It is probably also worth noting that I did this to get a better understanding of some details and not for initially learning CSS. But those are mostly easy to read specifications and I think one could use them to initially learn CSS.

CSS level 1 is pretty short but will still teach you a big chunk of the fundamentals of current CSS even though it is more than 20 years old. After that you can focus on the changes and additions in later versions - those newer specifications are a lot more technical and precise and cover a lot more features, so they are also longer and less fun to read from cover to cover.

[1] https://www.w3.org/Style/CSS/current-work

Re: Relearn CSS layout

#57

Post by zamber »

RussianCow wrote: post #11
codedokode wrote: post #8

Earlier quoted context omitted.

Caniuse says that IE11 has a lot of bugs regarding flexbox. Firefox supports flexbox only since 2013-2014. So it would make sense to add a simple non-responsive fallback for older browsers. Also, if I remember correctly, the default browser in Windows 7 is IE9. It makes sense to support default browser in the most popular desktop OS. Some of older browsers, released in 2012-2014 support flexbox only with vendor prefi…

caniuse.com also has the combined global market share of IE 6-10 as being only 0.46%, which is completely insignificant for most websites. And I've personally been using flexbox on IE 11 for years with very few issues. > Some of older browsers, released in 2012-2014 support flexbox only with vendor prefixes Again, these browsers represent a tiny fraction of the total market. Firefox and Chrome auto-update by default,…

Global market share stats are applicable for global target websites. Consider any medical equipment company for example - their clients will browse the catalog from archaic, unmaintained PCs they have laying around.

Always get data about browser market share from your client if they have it, otherwise you're simply in for an uncomfortable surprise one stats start coming in.

Re: Relearn CSS layout

#58

Post by ww520 »

codedokode wrote: post #50
ww520 wrote: post #37

Earlier quoted context omitted.

Rem is great. It allows uniform scaling of all UI elements under a parent along with them font size.

Where is this used? If a user wants to make everything larger then they can use zoom in a browser that works with any units (except for vx, vh, vmin, vmax that break zoom).

Designers or developers.

Re: Relearn CSS layout

#59

Post by macando »

victor106 wrote: post #45

What’s the best resource (book, videos etc.,) to learn css these days?

Hey once you're past the fundamentals check these two cool games out. They teach how to quickly grasp the most difficult parts of CSS - the layout.

https://flexboxfroggy.com/ https://codepip.com/games/grid-garden/

I wish all learning was this fun.

Re: Relearn CSS layout

#60

Post by macando »

danbruc wrote: post #56
victor106 wrote: post #45

What’s the best resource (book, videos etc.,) to learn css these days?

It's probably not for everyone but I just read the specification [1] last week. It is probably also worth noting that I did this to get a better understanding of some details and not for initially learning CSS. But those are mostly easy to read specifications and I think one could use them to initially learn CSS. CSS level 1 is pretty short but will still teach you a big chunk of the fundamentals of current CSS even…

That was brave. I learned how the box model works from the specification.
Post reply on HN