Melancia na Cabe\u00e7a<\/a>.<\/em><\/p>\n\n\n\nUma das percep\u00e7\u00f5es que vem com o tempo \u00e9 a de que os c\u00f3digos, sem d\u00favida, n\u00e3o t\u00eam dono. Mais cedo ou mais tarde algu\u00e9m diferente de voc\u00ea vai ter que mexer no seu c\u00f3digo e esse algu\u00e9m pode ser realmente outra pessoa ou voc\u00ea mesmo numa fase diferente da sua vida. Tanto numa op\u00e7\u00e3o quanto em outra voc\u00ea colhe o que planta: se fez um c\u00f3digo com o m\u00ednimo de dec\u00eancia tudo flui bem, caso contr\u00e1rio instaura-se o caos (e, com absoluta certeza, voc\u00ea vai ser xingado \u2014 por outra pessoa ou por voc\u00ea mesmo).<\/p>\n\n\n\n
Um dos fatores decisivos nessa limpeza do c\u00f3digo \u00e9 a escolha dos nomes. Nomes de vari\u00e1veis, ids, classes, tudo deve ser bem pensado, mas \u00e9 na escolha dos nomes no HTML que este post vai focar mais intensamente.<\/p>\n\n\n\n
Bons nomes refletem o que os elementos s\u00e3o<\/strong> e n\u00e3o o que eles est\u00e3o<\/strong>. Um bom exemplo \u00e9 o nome de ids de menus. Supondo que o site tem dois menus: um auxiliar, localizado no topo, e um \u00e0 esquerda, com mais import\u00e2ncia, os melhores nomes s\u00e3o “menu-auxiliar” e “menu-principal” e n\u00e3o “menu-topo” e “menu-esquerda”, uma vez que o que est\u00e1 na esquerda hoje pode ir para outro lugar amanh\u00e3 com alguma m\u00ednima mudan\u00e7a de CSS. Se isso acontecer e o nome n\u00e3o refletir o que o elemento \u00e9 de fato o nome “menu-esquerda” ficar\u00e1 um pouco sem sentido. \u00c9 f\u00e1cil imaginar (j\u00e1 vi acontecendo muitas vezes…) algu\u00e9m achando estranho uma lista com id “menu-esquerda” estar na direita.<\/p>\n\n\n\nIdem para destaques com nome relacionado \u00e0 figura de fundo (o nome da classe “sacolinha” n\u00e3o foi o melhor para um destaque que depois virou um globo terrestre).<\/p>\n\n\n\n
Outro ponto importante \u00e9 a escolha do idioma que vai ser adotado. Coer\u00eancia \u00e9 importante para que o pr\u00f3ximo a mexer no seu c\u00f3digo n\u00e3o se perca. Infelizmente \u00e9 comum termos nomes de figura “bg-header” e “bg-rodape” no mesmo site. Utilize ingl\u00eas ou<\/strong> portugu\u00eas (prefiro o portugu\u00eas por n\u00e3o saber quem vai mexer naquele c\u00f3digo depois de mim), os dois juntos fica confuso e parece que voc\u00ea n\u00e3o domina os idiomas.<\/p>\n\n\n\nAbra\u00e7os e at\u00e9 o pr\u00f3ximo post!<\/p>\n","protected":false},"excerpt":{"rendered":"
O c\u00f3digo n\u00e3o tem dono. Escolha com sabedoria os nomes dos elementos que criar!<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[12],"tags":[],"yoast_head":"\n
O c\u00f3digo n\u00e3o tem dono | Felipe Elia<\/title>\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n\t \n\t \n\t \n \n \n \n \n \n\t \n\t \n\t \n