{"id":2801,"date":"2010-08-24T16:30:08","date_gmt":"2010-08-24T19:30:08","guid":{"rendered":"http:\/\/thuer.com.ar\/?p=2801"},"modified":"2010-08-24T16:30:08","modified_gmt":"2010-08-24T19:30:08","slug":"escribir-css-comprensible","status":"publish","type":"post","link":"https:\/\/thuer.com.ar\/?p=2801","title":{"rendered":"Consejos para escribir c\u00f3digo CSS comprensible"},"content":{"rendered":"<p><a href=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2010\/08\/198px-CSS.svg_.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignright size-full wp-image-2803\" title=\"css\" src=\"https:\/\/thuer.com.ar\/wp-content\/uploads\/2010\/08\/198px-CSS.svg_.png\" alt=\"\" width=\"198\" height=\"225\" \/><\/a>Se puede decir que hay tantas maneras de escribir c\u00f3digo como cantidad personas que programan. Sin embargo, existen ciertos est\u00e1ndares y convenciones que facilitar a que otra persona pueda comprender lo que hemos hecho y sean capaces de modificarlo. Lamentablemente entre muchos dise\u00f1adores web esta pr\u00e1ctica no existe y van escribiendo las l\u00edneas del CSS\u00a0 a medida que lo necesitan sin orden ni estructura l\u00f3gica. Al ser el CSS un \u00ablenguaje\u00bb enunciativo donde no hay variables, bucles    ni estructuras l\u00f3gicas muchos se limitan simplemente a definir clases y    atributos de manera secuencial y desordenada.<\/p>\n<p>En SpyreStudios publicaron\u00a0 <a title=\"10 Great Tips for Writing Better And More Comprehensive CSS\" href=\"http:\/\/spyrestudios.com\/10-great-tips-for-writing-better-and-more-comprehensive-css\/\" target=\"_blank\" rel=\"noopener\">10 Great Tips for Writing Better And More Comprehensive CSS<\/a> donde proponen una serie de pr\u00e1cticas sencillas de implementar pero que facilitan enormemente la lectura de un archivo de estilo.\u00a0\u00a0 Y la verdad, son cosas muy f\u00e1ciles de hacer pero que facilitan enormemente el dise\u00f1o web, especialmente cuando se trabajo en grupo o hay que pasarle el trabajo a otro dise\u00f1ador.<\/p>\n<p>Algunas me parece \u00fatiles, otras no tanto pero ac\u00e1 est\u00e1 la lista:<\/p>\n<ol>\n<li>Comentar el c\u00f3digo<\/li>\n<li>Usar las sangr\u00edas<\/li>\n<li>Usar la notaci\u00f3n taquigr\u00e1fica (shorthand code)<\/li>\n<li>Una l\u00ednea por cada regla<\/li>\n<li>Mantener los hacks fuera del archivo principal<\/li>\n<li>Uas nombras significativos para clases e IDs<\/li>\n<li>Eliminar clases e IDs no utilizados<\/li>\n<li>Ordenar alfab\u00e9ticamente el nombre de las clases<\/li>\n<li>Combinar selectores<\/li>\n<li>Agrupar el c\u00f3digo y divirlos en varios archivos<\/li>\n<\/ol>\n<ul>\n<li>Detalles y m\u00e1s informaci\u00f3n en <a title=\"10 Great Tips for Writing Better And More Comprehensive CSS\" href=\"http:\/\/spyrestudios.com\/10-great-tips-for-writing-better-and-more-comprehensive-css\/\" target=\"_blank\" rel=\"noopener\">el post original<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Se puede decir que hay tantas maneras de escribir c\u00f3digo como cantidad personas que programan. Sin embargo, existen ciertos est\u00e1ndares y convenciones que facilitar a que otra persona pueda comprender lo que hemos hecho y sean capaces de modificarlo. Lamentablemente entre muchos dise\u00f1adores web esta pr\u00e1ctica no existe y van escribiendo las l\u00edneas del CSS\u00a0 &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Consejos para escribir c\u00f3digo CSS comprensible\" class=\"read-more button\" href=\"https:\/\/thuer.com.ar\/?p=2801#more-2801\" aria-label=\"M\u00e1s en Consejos para escribir c\u00f3digo CSS comprensible\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":2803,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[21,56],"tags":[45,407],"class_list":["post-2801","post","type-post","status-publish","format-standard","has-post-thumbnail","category-blog","category-diseno-web","tag-css","tag-diseno-web","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","entry"],"featured_image_src":null,"featured_image_src_square":null,"author_info":{"display_name":"Sebasti\u00e1n Th\u00fcer","author_link":"https:\/\/thuer.com.ar\/author\/diseno-web"},"_links":{"self":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/2801","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2801"}],"version-history":[{"count":0,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=\/wp\/v2\/posts\/2801\/revisions"}],"wp:attachment":[{"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2801"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2801"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thuer.com.ar\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2801"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}