CSS defines the way things look on your websites. HTML is your content, JavaScript adds interaction, but the appearance comes down to CSS. CSS is s...
For further actions, you may consider blocking this person and/or reporting abuse
This article describes everything I spent almost one month to teach a junior developer at work. The best of Ali 👏👏👏.
Hey, Im a bit late, but also confused. CSS is not something you should know before getting the junior developer job? Im asking because I myself want to become a front end developer and get a job as a junior developer, but I thought one needs to know html,css and javascript before applying for a job.
There are a lot of Senior developers - who can barely write basic CSS.
👏
One thing I always like to mention with CSS too is pick your HTML elements for semantics, then style them with the CSS how you want. A super common example of this is using different the different header tags -- use an
h2
for where you are in the document/outline of content, for example, not because you want something about that size, etc, use tables for displaying data, etc etc; you can do so much with CSS that there's no reason not to use it to its full potential to style those semantic elements however you want.Ha, you just took me back nearly 20 years -- I had forgotten there was a <center> element. Interestingly,
Great tutorial Ali! I didn't know about the
fr
unit at all, thanks!I read this tutorial to make up for it.
They make developer lives so much easier :D
Liquid syntax error: 'raw' tag was never closed
Hey, I wouldn't suggest this method for a couple reasons:
CSS in JS is a valid thing, but I would use a library built for that so that your code is more performant and follows best practices!
Hi Ali, Dirk,
I think you've missed a very important argument why you shouldn't do this at all. What about a client ho has disabled javascript (because reasons)? He/she is able to see your page, but with the wrong styling.
JS is good for doing the extra mile, please use CSS for the things it was intended. We can even make animations and transitions with CSS today!
Good luck :)
Very useful post. Thank you. By the way, I found that link "140 colors with names" is broken. Hope you will fix it) Good luck
Great catch, thanks! Should be good now!
Ali, do you plan to do cycle of posts like "from zero to hero"??? I love it and think it would be helpful for me and others, who is new one for webdev
Thanks!! Maybe -- I have done one other like this -- my react guide. They take 20+ hours to make, so definitely not an every week type thing, but I have fun making them!
As someone who works as a back-end developer I always rolled my eyes whenever I had to do something on the front-end (especially if it had something to do with CSS). After discovering Flexbox it's definitely no longer the case. Your article reminded me that I haven't tried CSS Grid yet, now I'm even more interested to check it out! 😁
{pre-read comment} - This looks like exactly the kind of thing I've been looking for. A simple intro to CSS syntax and what it's used for! Thanks so much, can't wait to read it!
Not sure if this would meet your criteria for inclusion, but a useful (relatively recent) feature of CSS that everyone should be using more:
developer.mozilla.org/en-US/docs/W...
It will save the children of the next generation from preprocessors! :)
As always great post Ali! 👏👏
This is a great post. I learned a lot really quickly. Almost can't even.
Well done!
Great one @Ali, Thanks for sharing .
Beautifully done guide on CSS! Very thorough, yet super Barney. I’ll definitely be linking this blog to any CSS newbies I meet!
Thank you Ali for wonderful explanation
Between HTML and CSS, which these two is responsible for segmenting the webpage?
For example, I want the page to have a left and right side bar.
Thanks For The Amazing Tips :)
Unwelcomed advances is considered harassment and absolutely not aligned with our code of conduct.
This was very helpful! Thanks a lot.