spaceninja + maintainability   31

Utility-First CSS
An overview of Utility-First design from the Tailwinds docs. Of particular note is the section near the end discussing maintainability concerns with utility classes, and how to manage commonly repeated utility combinations.
fridayfrontend  css  utility  maintainability 
may 2019 by spaceninja
Clever Code
This week, Chris Ferdinandi examined a clever JavaScript snippet, one that's written creatively with new syntax features, but is perhaps less readable and performant. It's a quick read, but his callout of our industry's fixation on cleverness is worth... calling out.
fridayfrontend  javascript  css  clever  boring  maintainability  readability  code 
april 2019 by spaceninja
Simple & Boring
Simplicity is a funny adjective in web design and development. I'm sure it's a quoted goal for just about every project ever done. Nobody walks into a kickoff meeting like, "Hey team, design something complicated for me. Oh, and make sure the implementation is convoluted as well. Over-engineer that sucker, would ya?"
fridayfrontend  architecture  design  simplicity  complexity  maintainability 
march 2019 by spaceninja
A Quick CSS Audit and General Notes About Design Systems
I’ve been auditing a ton of CSS lately and thought it would be neat to jot down how I’m going about doing that. I’m sure there are a million different ways to do this depending on the size and scale of your app and how your CSS works under the hood, so please take all this with a grain of salt.
fridayfrontend  css  design  audit  maintainability 
january 2019 by spaceninja
Keep Math in the CSS
There is a sentiment that leaving math calculations in your CSS is a good idea that I agree with. This is for math that you could calculate at authoring time, but specifically chose not to.
fridayfrontend  css  math  calc  maintainability 
december 2018 by spaceninja
Keys to maintainable CSS: Order
The order I usually advise for is the following (you can set this up in stylelint): 1. Layout: The position of the element in space. Eg.: position, top, z-index. 2. Box: The element itself. Eg.: display, overflow, box-sizing. 3. Visual: Design of the element. Eg.: color, border, background. 4. Type: Typesetting of the element. Eg.: font-family, text-transform.
fridayfrontend  css  cssbasics  order  maintainability 
october 2018 by spaceninja
Making Legacy Sites More Performant with Modern Front-End Techniques
Front-end website performance is a constantly moving target but is critical to the overall speed of your site. Best practices evolve constantly. Also, modern browsers bring constant updates to performance techniques and tools needed to identify problems and optimize rendering. These optimizations don’t have to be difficult, and can typically be done in hours.
css  cssbasics  performance  preload  javascript  sass  refactoring  maintainability  fridayfrontend 
august 2018 by spaceninja
How to get better at writing CSS
I have a purpose today: to make you better at writing CSS. I want you to take a look at your older projects and think : oh boy, how could I ever write something like this?
css  cssbasics  sass  maintainability  bem  architecture  fridayfrontend 
august 2018 by spaceninja
Getting to Know a Legacy Codebase
The kind of codebase that no one person truly understands any more; the kind of codebase that’s had a dozen different contributors over just as many years; the kind of codebase that’s never had a full-scale refactor or overhaul, but that’s grown organically over time and changed with new techniques, styles, and trends.
fridayfrontend  css  code  legacy  testing  refactoring  maintainability  maintenance  regression  programming  html 
july 2018 by spaceninja
Combining the Powers of SEM and BIO for Improving CSS
Generally, SEM is concerned with high level CSS philosophy whereas BIO is an actual technique to help you write better CSS to achieve SEM. The main purpose of both SEM and BIO is to better handle the CSS specificity which is one of the most important concepts you should understand for CSS.
fridayfrontend  css  sem  bio  scalable  extensible  maintainability  bem  itcss  oocss  frameworks  specificity 
june 2018 by spaceninja
Should You Chain or Extend CSS Classes?
CSS modularity relies on composition, which inevitably fattens the HTML. This collateral effect can be a significant rebuttal for many people because of the “bloat” it creates. In this article, we’ll compare two techniques: chaining and extending. We’ll see what they provide and what their shortcomings are so that you can make more thoughtful choices.
fridayfrontend  css  modular  chaining  extends  oocss  bem  smacss  frameworks  maintainability 
may 2018 by spaceninja
I couldn't replace the lightbulb int he kitchen because the shelf was broken, which I couldn't fix because the drawer was broken, which I couldn't fix because I'm out of WD-40, and I couldn't get more because the car was broken.
television  gifs  homeowner  repairs  maintenance  maintainability  productivity 
april 2018 by spaceninja
“My Code is Self-Documenting” — Eric Holscher - Surfing in Kansas
Self-documenting code is one of the biggest documentation myths in the software industry. This view generally conflates documentation with code comments. I’d like to make two arguments in this post: 1. Code comments have value. 2. Documentation has more value than just explaining how software works.
documentation  comments  code  programming  culture  maintainability 
march 2018 by spaceninja
Can you maintain this without losing your minds?
Replace "can you build this?" with "can you maintain this without losing your minds?"
tech  code  efficiency  optimization  maintainability 
february 2018 by spaceninja
Sass for Big Sites, Part 1
In part 1 of our series on Sass for large sites and teams, Jackie shares how Behance uses Sass to maintain code consistency and streamline development across a large codebase.
sass  css  scalable  maintainability  default 
december 2017 by spaceninja
MaintainableCSS is an approach to writing modular, scalable and of course, maintainable CSS.
fridayfrontend  css  maintainability  modular  scalable  styleguide 
june 2017 by spaceninja
Writing Readable Code
"My friend Tom recently gave an excellent talk titled Writing Readable Code. It’s only 15 minutes long, and is packed full of great little tips and pearls of wisdom. I’d highly recommend watching it."
fridayfrontend  video  tidy  code  formatting  syntax  maintainability 
may 2017 by spaceninja
8 Simple Rules for a Robust, Scalable CSS Architecture
"This is the manifest of things I've learned about managing CSS in large, complex web projects during my many years of professional web development. I've been asked about these things enough times that having a document to point to sounded like a good idea."
fridayfrontend  css  architecture  rules  guidelines  maintainability 
november 2016 by spaceninja
On Style Maintenance
"I often joke that I don’t want to hire a code ninja. Ninjas come in the middle of the night and leave a bloody mess. I want a code janitor. Someone who walks the hallways of code, cleaning up pieces, dusting up neglected parts, shinning up others, tossing unnecessary bits. I prefer this gentler, more accurate analogy. This is the person you want on your team. This is a person you want in your code reviews."
fridayfrontend  code  maintainability 
october 2016 by spaceninja
Cleaning Up a CSS Codebase
Well you’re in luck because I’ve done my share of CSS clean-ups and I’m here to give you some hints to get started with this. It’s all about grabbing the low hanging fruit.
fridayfrontend  css  refactoring  maintainability 
august 2016 by spaceninja
The Cost of Frameworks -
“Make users happy” is something I believe in. But in client services if I deliver a site that is super fast but impossible to maintain, I have failed at my job. “Developer Ergonomics” is a laughable concept to me, but I think we all walk the line of meeting User Needs and Organizational Needs and we do ourselves a disservice by ignoring that reality.
fridayfrontend  javascript  frameworks  performance  maintainability 
august 2016 by spaceninja
Making Front-end Development a Team Sport - Cognition: The blog of web design & development firm Happy Cog
“All code in any code-base should look like a single person typed it, no matter how many people contributed,” is one of the many ideas behind documents such as Rick Waldon’s Idiomatic JS and Nicolas Gallagher’s Idiomatic CSS.
fridayfrontend  css  sass  idiomatic  maintainability 
august 2016 by spaceninja
Cargo Cult CSS
It is generally accepted that having a methodology for writing and managing CSS is preferable to having none at all. In spite of this, some of the practices developers have adopted are having a detrimental effect on the semantic quality and longterm maintainability of what we build.
css  frameworks  oocss  smacss  bem  semantics  maintainability 
august 2014 by spaceninja
Single Responsibility
In object-oriented programming, the single responsibility principle states that every class should have a single responsibility, and that responsibility should be entirely encapsulated by the class. All its services should be narrowly aligned with that responsibility.
css  sass  class  maintainability  bem 
august 2014 by spaceninja
CSS Architecture
I believe the goals of good CSS architecture shouldn’t be that different from the goals of all good software development. I want my CSS to be predictable, reusable, maintainable, and scalable.
css  development  culture  maintainability  bestpractices 
july 2014 by spaceninja
Stop using so many Sass variables.
"I can't think of a time when I've wanted to change a value globally across my stylesheet, regardless of where it is used."
css  sass  variables  maintainability 
july 2014 by spaceninja
VerbalExpressions is a JavaScript library that helps to construct difficult regular expressions.
javascript  regex  readability  maintainability 
july 2014 by spaceninja
What Makes Readable Code: Not What You Think
An experienced developer reading code doesn’t pay attention to the vocabulary of the programming language itself.  An experienced developer is more focused on the actual concept being expressed by the code—what the purpose of the code is, not how it is doing it.
programming  code  readability  maintainability  culture 
july 2014 by spaceninja
The dangers of clever programming
"Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it."
debugging  code  programming  troubleshooting  maintainability  culture  quotes 
july 2014 by spaceninja
CSS Lint is harmful
In short: don’t blindly follow the crap these tools tell you. Chances are very high you’ll do yourself more harm than good, ending up with harder to maintain, bloated code, with nary a change in how fast your site feels.
css  lint  performance  maintainability 
july 2014 by spaceninja
Keep your CSS selectors short
"One thing I believe, as a very, very general rule of thumb, is that as sites get bigger, selectors should get shorter. By this I mean that if you want to create extensible and maintainable, flexible and predictable websites, you should really take care to make your CSS selectors as dev-friendly as possible; i.e. short."
performance  maintainability  bestpractices  css  selectors  culture 
march 2013 by spaceninja

Copy this bookmark: