10 ms·

I've never been happy with a front-end dev that I've paid six-figures to. I once paid a senior front-end engineer far too much to do a fairly involved layout.

I've never been happy with a front-end dev that I've paid six-figures to. I once paid a senior front-end engineer far too much to do a fairly involved layout. Three months, an uncountable number of bugs, and one unusable tangle of Sass later I pulled the plug and swore off ever hiring a "CSS Person" again. I took the Linus+Git approach and said "I'm not writing another line of Python until I understand CSS." After a few weeks of study (I read CSS: The Definitive Guide cover-to-cover) I was able to implement the layout in, and I'm not exaggerating, two hours. No bugs, responsive, cross browser support, etc. Flat out done. I went back to the dev and asked why they tried to implement it with over a thousand lines of Sass using Flexbox over a few lines with CSS Grid. It went like this: Me: "Hey, why did you choose Flexbox over CSS Grid for feature XYZ?" Senior Front-End Dev (SFED): "I used a grid. Bootstrap's grid." Me: "No, CSS Grid" SFED: "Like the 'display: grid' thing? I don't know how that works." I've never met a CSS Person who has read a book on CSS. Or one that can do the arithmetic on a simple flex-grow/flex-shrink/flex-basis combo.. Even with a cheat sheet. I'm a back-end dev, I used to think that CSS was "garbage". After learning the ins and outs I think it's a pretty remarkable set of technologies. A true discipline. But, it's hard to find someone who really understands it because it sits at a weird level in the tech stack. Most developers feel it's beneath them or that they "have the gist of it" and most CSS specialists don't have a firm grip on it or keep up with browser developments. If you're going to work with, hire, or exist as a "CSS Person" within 6-feet of me I'm going to require you to read "CSS: The Definitive Guide" before I give your laptop charger back to you. This article is good, but it's barely the bare minimum that you need to know about not knowing CSS. Six-figures for a "CSS Person" who's read CSS:TDG is completely worth it. CSS and Sass are both worth mastering. For CSS read: "CSS: The Definitive Guide" (https://www.amazon.com/CSS-Definitive-Guide-Visual-Presentation/dp/1449393195/?tag=codewordsio-20 https://www.amazon.com/CSS-Definitive-Guide-Visual-Presentat...) For Sass read: "Pragmatic Guide to Sass 3" (https://www.amazon.com/Pragmatic-Guide-Sass-Modern-Style/dp/1680501763/?tag=codewordsio-20 https://www.amazon.com/Pragmatic-Guide-Sass-Modern-Style/dp/...)

nefitty 6y ago
This might be one of the most helpful book recommendations I’ve ever read.
- miiiiiike 6y ago
  Thanks. If you'd like some more book and video suggestions I sent this to a friend back when she was looking to get into front-end development a few months ago: Here are some book and video links (with Amazon affiliate tags snuck in). I've read all of these books cover-to-cover save for the RxJS one. They approach front-end as a set of technologies that should be understood and mastered rather than the "CsS hAckS to GET YoU pAiD!" style of most web tutorials. Not sure where to point you with React but if you decide to use Angular or Vue I have some suggestions. CSS/Sass: "CSS: The Definitive Guide": https://www.amazon.com/CSS-Definitive-Guide-Visual-Presentation/dp/1449393195/?tag=codewordsio-20 https://www.amazon.com/CSS-Definitive-Guide-Visual-Presentat... "Pragmatic Guide to Sass 3: Tame the Modern Style Sheet": https://www.amazon.com/Pragmatic-Guide-Sass-Modern-Style/dp/1680501763/?tag=codewordsio-20 https://www.amazon.com/Pragmatic-Guide-Sass-Modern-Style/dp/... This Sass book has the best structure of any introductory tech book I've ever read. "TypeScript": Mastering TypeScript 3: https://www.amazon.com/Mastering-TypeScript-enterprise-ready-industrial-strength-applications/dp/1789536707/?tag=codewordsio-20 https://www.amazon.com/Mastering-TypeScript-enterprise-ready... "Programming TypeScript": https://www.amazon.com/Programming-TypeScript-Making-JavaScript-Applications/dp/1492037656/?tag=codewordsio-20 https://www.amazon.com/Programming-TypeScript-Making-JavaScr... RxJS: Reactive programming the most significant development in UI technology in 20 years. Once you get the hang of it managing asynchronous events (user generated, network generated, time based, etc) become a breeze. "Build Reactive Websites with RxJS: Master Observables and Wrangle Events": https://www.amazon.com/Build-Reactive-Websites-RxJS-Observables/dp/1680502956/?tag=codewordsio-20 https://www.amazon.com/Build-Reactive-Websites-RxJS-Observab... RxMarbles - Interactive RxJS visulizations: https://rxmarbles.com/ https://rxmarbles.com/ Angular: "Angular Development with TypeScript": https://www.amazon.com/Angular-Development-Typescript-Yakov-Fain/dp/1617295345/?tag=codewordsio-20 https://www.amazon.com/Angular-Development-Typescript-Yakov-... "Architecting Angular Applications with Redux, RxJS, and NgRx: Learn to build Redux style high-performing applications with Angular 6": https://www.amazon.com/Architecting-Angular-Applications-Redux-RxJS/dp/1787122409/?tag=codewordsio-20 https://www.amazon.com/Architecting-Angular-Applications-Red... Videos: I watched most of the Layout Land videos when I was getting a grip on the state of CSS. Jen Simmons is a developer advocate at Mozilla and has the best overviews I've seen. Basics of CSS Grid: The Big Picture: https://www.youtube.com/watch?v=FEnRpy9Xfes https://www.youtube.com/watch?v=FEnRpy9Xfes Using Flexbox + CSS Grid Together: Easy Gallery Layout: https://www.youtube.com/watch?v=dQHtT47eH0M https://www.youtube.com/watch?v=dQHtT47eH0M
PetahNZ 6y ago
But when was this? CSS grid has only really been viable for a few years in terms of significant browser support.
- miiiiiike 6y ago
  Last year. Around November and 91% unprefixed usage (https://caniuse.com/#search=display%3Agrid https://caniuse.com/#search=display%3Agrid)
  - bigmanwalter 6y ago
    CSS Grid has only been widely supported for a couple years now. Not so hard to believe a frontend dev was still using bootstrap grid.
    - tr1coder 6y ago
      The inexcusable fact here is that he said that he didn't know how it works. A font-end developer not knowing grid is not worth 6 figures.
      - epicureanideal 6y ago
        I disagree, as both an engineer and a manager. CSS grid is only recently becoming a reasonable tool to use in practice. I don't think any of the top 1% of front end engineers I know would be able to use CSS grid without looking at the documentation. Based on experience, the kind of person who would be able to use it from memory either 1) is very skilled AND had a reason to use it recently, or 2) someone of medium skill who just recently read the spec but in almost all other ways is less skilled than the people I mentioned in the first paragraph.
        tr1coder 6y ago
        That depends on your company I guess. If your entry salary is, or is close to 6 figures then yeah. But if you pay that only for skilled developers _specializing_ in front-end then it is not too much to ask that they are up-to-date with their field.
bobmaxup 6y ago
I too have worked with many front-end developers that were book and spec averse who preferred to gather lore from various gurus in three paragraph blurbs.
dahfizz 6y ago
I think this is a culture problem in fornt end dev in general. Front end devs learn frameworks, not technologies. It's very much focused on getting started as quick as possible instead of taking the time to read and understand the tech they are working with. Even though, as your story shows, you can get things done quicker when you know what's going on.
LocalPCGuy 6y ago
Front end development is a craft, just like other crafts. People need to treat it seriously if they expect to be taken seriously and be paid accordingly. (BTW, if you still haven't met a FE dev who's ever read a book on CSS, you have now. I own quite a few AND have read them.) I also think a lot of the value from a front end developer comes from their ability to merge the technical requirements with a designer's vision, and produce a product that is at the same time usable, accessible and (bare minimum) meets the technical requirements. Not going to touch the CSS Grid except for two quick comments: - they absolutely should have been keeping up with CSS Grid, where it was at, and when it was usable and when it isn't - it is still an open question, because although the overall numbers should 90+% available in browsers, you have to check your own stats. For example, the stuff I work on is often used in Enterprise environments, so IE11 is a requirement (yes, we know our numbers, it is, it could literally cost us 6 figure sales if we don't have support for it). We are using CSS Grid, but we have to be very careful what we use it for and to test those uses in IE to make sure the old Grid spec in IE supports the things we do it with. Otherwise it's back to Flex or other layout techniques. It's not a silver bullet, but I also recognize that is becoming a more unique example these days. Those are the kinds of things a good FE dev should know though, IMO, and be able to articulate. Plus, FE devs also need to know HTML and semantics, accessibility, and of course, Javascript. When you can put that all together along with the skills earlier re: usability and accessibility, then you can justify the higher salary brackets.
egfx 6y ago
You seem to be trivializing css as something static you just have to deal with. This maybe true for 99% of websites but css has had more innovation in the last few years than anything else. And much of it hasn’t reached textbooks. For example css3 functions and now being able to mix these new techniques in undiscovered ways. CSS requires a very nimble and creative mindset. That maybe why backend devs usually are very dismissive of it. By the way I became a frontend developer after I spent many years as a backend dev. My background is in Php and Perl.
- IggleSniggle 6y ago
  Have you looked at Definitive CSS? It's up to date and a massive 1000 page tomb of encyclopedic knowledge and guidance. Anyone who digests that entire thing is not being dismissive of CSS. Digesting that is taking CSS more seriously than most people take learning new programming languages...which is appropriate! Because with CSS, you not only need to learn the language, you are effectively learning something like a language and a framework at the same time. Lots of folks learn the language minimally, piecemeal, on an "as needed basis," and end up wasting a lot of time because they aren't aware of the larger features and how they can be fit together. Most folks do the equivalent of learning about goto statements, variable declarations, and arithmetic operators, and figuring you have everything you need to do good programming work. Technically, you do have everything you need. And with a decade of work under your belt using those things, you can build some amazing and good robust systems. It's also easy to build total junk that nobody can understand but you. Perl, of course, is also infamous for having this quality.
  - egfx 6y ago
    > Technically, you do have everything you need. And with a decade of work under your belt using those things, you can build some amazing and good robust systems. It's also easy to build total junk that nobody can understand but you. This is what’s beautiful about the frontend. It’s “magic” and underneath in code speak it may be ugly but the work speaks for itself. Arguably that is only if you own it and maintain it. > Lots of folks learn the language minimally, piecemeal, on an "as needed basis," and end up wasting a lot of time because they aren't aware of the larger features and how they can be fit together. The way I see it, learning about all the ingredients in a recipe will not teach you how to cook. In css techniques are unearthed by a small handful of css artisans and it’s not about learning css itself in 99% of the cases. It’s about digging and finding the best ideas on GitHub, stack and codepen. And hacker news.
deleted 6y ago
[deleted]
commandlinefan 6y ago
> I've never met a CSS Person who has read a book on CSS I'm not a CSS person, but I've read three (including CSSTDG) and I still can't do anything useful with CSS.
- miiiiiike 6y ago
  Ha!

nefitty 6y ago

This might be one of the most helpful book recommendations I’ve ever read.

miiiiiike 6y ago
Thanks. If you'd like some more book and video suggestions I sent this to a friend back when she was looking to get into front-end development a few months ago: Here are some book and video links (with Amazon affiliate tags snuck in). I've read all of these books cover-to-cover save for the RxJS one. They approach front-end as a set of technologies that should be understood and mastered rather than the "CsS hAckS to GET YoU pAiD!" style of most web tutorials. Not sure where to point you with React but if you decide to use Angular or Vue I have some suggestions. CSS/Sass: "CSS: The Definitive Guide": https://www.amazon.com/CSS-Definitive-Guide-Visual-Presentation/dp/1449393195/?tag=codewordsio-20 https://www.amazon.com/CSS-Definitive-Guide-Visual-Presentat... "Pragmatic Guide to Sass 3: Tame the Modern Style Sheet": https://www.amazon.com/Pragmatic-Guide-Sass-Modern-Style/dp/1680501763/?tag=codewordsio-20 https://www.amazon.com/Pragmatic-Guide-Sass-Modern-Style/dp/... This Sass book has the best structure of any introductory tech book I've ever read. "TypeScript": Mastering TypeScript 3: https://www.amazon.com/Mastering-TypeScript-enterprise-ready-industrial-strength-applications/dp/1789536707/?tag=codewordsio-20 https://www.amazon.com/Mastering-TypeScript-enterprise-ready... "Programming TypeScript": https://www.amazon.com/Programming-TypeScript-Making-JavaScript-Applications/dp/1492037656/?tag=codewordsio-20 https://www.amazon.com/Programming-TypeScript-Making-JavaScr... RxJS: Reactive programming the most significant development in UI technology in 20 years. Once you get the hang of it managing asynchronous events (user generated, network generated, time based, etc) become a breeze. "Build Reactive Websites with RxJS: Master Observables and Wrangle Events": https://www.amazon.com/Build-Reactive-Websites-RxJS-Observables/dp/1680502956/?tag=codewordsio-20 https://www.amazon.com/Build-Reactive-Websites-RxJS-Observab... RxMarbles - Interactive RxJS visulizations: https://rxmarbles.com/ https://rxmarbles.com/ Angular: "Angular Development with TypeScript": https://www.amazon.com/Angular-Development-Typescript-Yakov-Fain/dp/1617295345/?tag=codewordsio-20 https://www.amazon.com/Angular-Development-Typescript-Yakov-... "Architecting Angular Applications with Redux, RxJS, and NgRx: Learn to build Redux style high-performing applications with Angular 6": https://www.amazon.com/Architecting-Angular-Applications-Redux-RxJS/dp/1787122409/?tag=codewordsio-20 https://www.amazon.com/Architecting-Angular-Applications-Red... Videos: I watched most of the Layout Land videos when I was getting a grip on the state of CSS. Jen Simmons is a developer advocate at Mozilla and has the best overviews I've seen. Basics of CSS Grid: The Big Picture: https://www.youtube.com/watch?v=FEnRpy9Xfes https://www.youtube.com/watch?v=FEnRpy9Xfes Using Flexbox + CSS Grid Together: Easy Gallery Layout: https://www.youtube.com/watch?v=dQHtT47eH0M https://www.youtube.com/watch?v=dQHtT47eH0M

PetahNZ 6y ago

But when was this? CSS grid has only really been viable for a few years in terms of significant browser support.

miiiiiike 6y ago
Last year. Around November and 91% unprefixed usage (https://caniuse.com/#search=display%3Agrid https://caniuse.com/#search=display%3Agrid)
- bigmanwalter 6y ago
  CSS Grid has only been widely supported for a couple years now. Not so hard to believe a frontend dev was still using bootstrap grid.
  - tr1coder 6y ago
    The inexcusable fact here is that he said that he didn't know how it works. A font-end developer not knowing grid is not worth 6 figures.
    - epicureanideal 6y ago
      I disagree, as both an engineer and a manager. CSS grid is only recently becoming a reasonable tool to use in practice. I don't think any of the top 1% of front end engineers I know would be able to use CSS grid without looking at the documentation. Based on experience, the kind of person who would be able to use it from memory either 1) is very skilled AND had a reason to use it recently, or 2) someone of medium skill who just recently read the spec but in almost all other ways is less skilled than the people I mentioned in the first paragraph.
      - tr1coder 6y ago
        That depends on your company I guess. If your entry salary is, or is close to 6 figures then yeah. But if you pay that only for skilled developers _specializing_ in front-end then it is not too much to ask that they are up-to-date with their field.

bobmaxup 6y ago

I too have worked with many front-end developers that were book and spec averse who preferred to gather lore from various gurus in three paragraph blurbs.

dahfizz 6y ago

I think this is a culture problem in fornt end dev in general. Front end devs learn frameworks, not technologies. It's very much focused on getting started as quick as possible instead of taking the time to read and understand the tech they are working with. Even though, as your story shows, you can get things done quicker when you know what's going on.

LocalPCGuy 6y ago

Front end development is a craft, just like other crafts. People need to treat it seriously if they expect to be taken seriously and be paid accordingly. (BTW, if you still haven't met a FE dev who's ever read a book on CSS, you have now. I own quite a few AND have read them.) I also think a lot of the value from a front end developer comes from their ability to merge the technical requirements with a designer's vision, and produce a product that is at the same time usable, accessible and (bare minimum) meets the technical requirements. Not going to touch the CSS Grid except for two quick comments: - they absolutely should have been keeping up with CSS Grid, where it was at, and when it was usable and when it isn't - it is still an open question, because although the overall numbers should 90+% available in browsers, you have to check your own stats. For example, the stuff I work on is often used in Enterprise environments, so IE11 is a requirement (yes, we know our numbers, it is, it could literally cost us 6 figure sales if we don't have support for it). We are using CSS Grid, but we have to be very careful what we use it for and to test those uses in IE to make sure the old Grid spec in IE supports the things we do it with. Otherwise it's back to Flex or other layout techniques. It's not a silver bullet, but I also recognize that is becoming a more unique example these days. Those are the kinds of things a good FE dev should know though, IMO, and be able to articulate. Plus, FE devs also need to know HTML and semantics, accessibility, and of course, Javascript. When you can put that all together along with the skills earlier re: usability and accessibility, then you can justify the higher salary brackets.

egfx 6y ago

You seem to be trivializing css as something static you just have to deal with. This maybe true for 99% of websites but css has had more innovation in the last few years than anything else. And much of it hasn’t reached textbooks. For example css3 functions and now being able to mix these new techniques in undiscovered ways. CSS requires a very nimble and creative mindset. That maybe why backend devs usually are very dismissive of it. By the way I became a frontend developer after I spent many years as a backend dev. My background is in Php and Perl.

IggleSniggle 6y ago
Have you looked at Definitive CSS? It's up to date and a massive 1000 page tomb of encyclopedic knowledge and guidance. Anyone who digests that entire thing is not being dismissive of CSS. Digesting that is taking CSS more seriously than most people take learning new programming languages...which is appropriate! Because with CSS, you not only need to learn the language, you are effectively learning something like a language and a framework at the same time. Lots of folks learn the language minimally, piecemeal, on an "as needed basis," and end up wasting a lot of time because they aren't aware of the larger features and how they can be fit together. Most folks do the equivalent of learning about goto statements, variable declarations, and arithmetic operators, and figuring you have everything you need to do good programming work. Technically, you do have everything you need. And with a decade of work under your belt using those things, you can build some amazing and good robust systems. It's also easy to build total junk that nobody can understand but you. Perl, of course, is also infamous for having this quality.
- egfx 6y ago
  > Technically, you do have everything you need. And with a decade of work under your belt using those things, you can build some amazing and good robust systems. It's also easy to build total junk that nobody can understand but you. This is what’s beautiful about the frontend. It’s “magic” and underneath in code speak it may be ugly but the work speaks for itself. Arguably that is only if you own it and maintain it. > Lots of folks learn the language minimally, piecemeal, on an "as needed basis," and end up wasting a lot of time because they aren't aware of the larger features and how they can be fit together. The way I see it, learning about all the ingredients in a recipe will not teach you how to cook. In css techniques are unearthed by a small handful of css artisans and it’s not about learning css itself in 99% of the cases. It’s about digging and finding the best ideas on GitHub, stack and codepen. And hacker news.

deleted 6y ago

[deleted]

commandlinefan 6y ago

> I've never met a CSS Person who has read a book on CSS I'm not a CSS person, but I've read three (including CSSTDG) and I still can't do anything useful with CSS.

miiiiiike 6y ago
Ha!