The slides of the small talk about code style guides and why use them. The speech was held at "Milano Front End Meetup" on January 2016.

1. GUIDELINES
Sorry guys, you have to!
MILANO FRONT END MEETUP - 26/01/2016
Now full-cats powered!

2. About me
I'm Davide Di Pumpo and I'm a front-end developer.
I love graphic novel, competitive videogames and cats.
You can find me on the internet with the nickname
MakhBeth
- -Twitter GitHub LinkedIn

3. Let's start
MEOW

4. Before we start...
A question

5. Do you ever work alone?
WRONG

6. You will never work alone

7. What is a guideline?
(a.k.a. code styleguide)
A styleguide is not just a pleasing document to read,
picturing an ideal state for your code. It is a key document
in a project’s life, describing how and why code should be
written.
Hugo Giraudel

8. Basically you have to choice if write something like that
var named = function named() {
return true;
};
or:
var named = function named() {return true};

9. It's not only
AESTHETIC
(Also but not only)

10. A strong code design is more readable!
/* in a file far far away */
@mixin visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px; width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
}
/* somewhere in your code */
.pippo {
@include visually-hidden();
}
.pluto {
@include visually-hidden;
}

11. A real example: Airbnb
// bad - unnecessary function call
function() {
var name = getName();
if (!arguments.length) {
return false;
}
this.setFirstName(name);
return true;
}
// good
function() {
var name;
if (!arguments.length) {
return false;
}
name = getName();
this.setFirstName(name);
return true;
}

12. So, why a guideline?
Let's see, with some cat examples!
Taken from 'sHarry Roberts CSS Guidelines

13. build and maintain products for a
reasonable length of time;

14. have developers of differing
abilities and specialties;

15. have a number of different
developers working on a product
at any given time;

16. on-board new staff regularly;

17. have a number of codebases that
developers dip in and out of.

18. Ok, you convinced me...
... but NOW?

19. DO. OR DO NOT.
THERE IS NO TRY.
Platone

20. Yeah, but how
about the
cost?

21. You don't have to start from scratch!
Airbnb styleguide
CSS TRICKS
Sass Guidelines
Google Styleguide

22. Let's see something real!
Sass
Guidelines

23. Next step?
Why not setup a Linter?

24. What is a linter?
The linter is the cat, the baby is a lazy programmer!

25. Questions?