KISS: Keep it Simple Stupid

Se em tudo o mais forem idênticas as várias explicações de um fenómeno, a mais simples é a melhor”

William de Ockham, frade franciscano do século XIV

o principio KISS (keep it simple stupid, ou keep it short and simple) parte da premissa de que você deve fazer as coisas da maneira mais simples e estupida possível.

O principio foi definido por um engenheiro de aeronautica americana, Kelly Johnson, ao entregar uma caixa de ferramentas mecânicas para uma equipe de engenheiros que desenvolviam um avião e instruir a equipe que o avião que estes construiam deveria ser reparável por um mecânico em campo com apenas aquele conjunto simples de ferramentas.

O princípio não implica que as coisas devam fazer menos, mas sim que elas devam desempenhar suas funções com menos e de maneira simples. Deve-se eliminar o supérfluo, mas apenas isso.

Em programação web, podemos ilustrar facilmente isso ao criarmos classes CSS para elementos:

// menu.php
<ul class="lista">
<li class="lista-item"><a class="lista-item-link" href="/">home</a>
<li class="lista-item"><a class="lista-item-link" href="empresa.html">empresa</a></li>
<li class="lista-produtos"><a class="lista-produtos-link" href="produtos.html">produtos</a></li>
<li class="lista-item"><a class="lista-item-link" href="parceiros.html">parceiros</a></li>
<li class="lista-item"><a class="lista-item-link" href="contato.html">contatos</a>
</ul>

// menu.css
.lista {
}
.lista .lista-item {
}
.lista .lista-produtos {
}
.lista .lista-item .lista-item-link {
}
.lista .lista-produtos .lista-produtos-link {
}

Esta mesma porção de código pode ser melhor mantida eliminando-se todas as sub-classes de .lista e utilizar os tags HTML já existentes, criando classes apenas para aqueles elementos que forem diferentes do padrão já em uso. O código CSS então ficaria semelhante ao abaixo:

// menu.php
<ul class="lista">
<li><a href="/">home</a>
<li><a href="empresa.html">empresa</a></li>
<li class="lista-produtos"><a href="produtos.html">produtos</a></li>
<li><a href="parceiros.html">parceiros</a></li>
<li><a href="contato.html">contatos</a>
</ul>

// menu.css
.lista {
}
.lista LI {
}
.lista .lista-produtos {
}
.lista A {
}
.lista .lista-produtos A {
}

Como se pode ver, uma quantidade muito menor de código HTML é gerado, e um padrão mais clean é utilizado na estruturação do CSS, facilitando a manutenção em ambos arquivos.

A perfeição é alcançada não quando não há mais nada para adicionar, mas quando não há mais nada que se possa retirar

Antoine de Saint-Exupéry, autor de O Pequeno Príncipe

fonte:

0 Responses to “KISS: Keep it Simple Stupid”



  1. Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s




Categories

RSS The Kennel

Archives


Follow

Get every new post delivered to your Inbox.