Skip to content
0:00 / 0:00

#css#itcss#oocss

CSS for Software Engineers for CSS Developers – Harry Roberts / Front-Trends 2016

Front-Trends

7.5K subscribers • 1 video on Hallway

YouTube
  • Recommended by 2 people: 2 in engineering communities.
  • A classic. People kept recommending it from 2016 to 2022.
  • Presented by Harry Roberts
  • May be out of date. Uploaded 10 years ago, in an area where tools change fast.
  • An opinion. It argues one side of a question engineers disagree on.

Intermediate. Assumes working knowledge.

11K views10 years ago2 recommendations

Web developmentSoftware designCSS and layoutSoftware architectureRefactoring and legacy code

Harry Roberts explains how to apply traditional software engineering paradigms and architecture principles to writing and structuring CSS.

Depending on where you draw your measurements from, the first programming languages for use on ‘modern’ electric computers were designed in the ’40s and ’50s. CSS, on the other hand, is a mere adolescent—born in 1996, it’s just 18 years old. This means that software engineers have had over four decades’ head start on us: we should be listening to a lot more of what they have to say. In this talk, we’ll take a look at some very traditional computer science and software engineering paradigms and how we can steal, bend, borrow, and reimplement them when writing our CSS. Writing CSS like software engineers so that we can become better CSS developers.

Why it's here

2 people recommend this

What people say. Recommended as an excellent resource for learning how to structure and architect CSS in large-scale applications.

u/MWrathDevin r/Frontend • Recommends

On “I'm having some trouble convincing fellow developers how to structure CSS”

…ed this? Did I do something wrong? or are the articles out there explaining the 'best way to structure css' all not aligned with reality?** Well you're right on the tech side and there is a wealth of information online to support your position, from things published by Nicole Sullivan almost 6 years ago to a recent presentation by Harry Roberts. link to this video What's wrong was the way you handled it, you gotta be more diplomatic and ELI5. Office politics never took my fancy which is why i make sure im always the project lead on things.…

u/Marble_Wraithin r/Frontend • Recommends

On “Where can I learn the best practices?”

The best resource IMO for learning would have to be: https://developers.google.com/web/fundamentals Also Harry Roberts, i'd recommend his works, here are 3 of his presentations i'd give some time to watching: - CSS for Software Engineers for CSS Developers - Refactoring CSS Without Losing Your Mind - FaCSSt: CSS & Performance. Other than that, MDN and caniuse for cross-lookup on specific technical details. Furthermore I'll add a few things to /u/pookage answer: 1. Don't ever specify a positive `tabindex`. The browser will naturally do this by default anyway (top-down as the DOM is parsed). The best way to do things is assign `tabindex=-1` to the elements you do *not* want to be i…