{"id":3030,"date":"2015-01-03T17:19:59","date_gmt":"2015-01-03T16:19:59","guid":{"rendered":"http:\/\/www.espai.es\/blog\/?p=3030"},"modified":"2015-01-03T17:19:59","modified_gmt":"2015-01-03T16:19:59","slug":"960-grid-system-framework","status":"publish","type":"post","link":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/","title":{"rendered":"960 Grid System framework"},"content":{"rendered":"<p>Buenos d\u00edas y feliz a\u00f1o a todos los seguidores del blog de Escola Espai.<\/p>\n<p>En estos d\u00edas que corren se pretende que la creaci\u00f3n de una web sea \u00e1gil y r\u00e1pida, por eso en la \u00e1rea web de Espai os animamos a hacer uso de los llamados frameworks. Los frameworks son herramientas que desarrollan la parte estructural y visual en el css de la web que queramos implementar. Esto no significa estar limitados al uso del framework. Estos permiten modificaciones mediante la alteraci\u00f3n del css, sea del propio framework o de un archivo css aparte.<\/p>\n<p>Muchas veces estas herramientas olvidan que anteriormente hay un proceso de dise\u00f1o, esto provoca que en el desarrollo de la p\u00e1gina web lo que dise\u00f1amos en un editor de im\u00e1genes no sea parecido al resultado deseado.<\/p>\n<p>960 Grid System no s\u00f3lo es un framework, es una herramienta de desarrollo integral donde se tiene en cuenta el proceso de dise\u00f1o con papel, un esqueje; su desarrollo mediante un editor de imagen y la implementaci\u00f3n del c\u00f3digo. Esto nos permite un control desde el inicio del proyecto hasta su final.<\/p>\n<p>Esta herramienta puede ser descargada en la p\u00e1gina <a title=\"960 Grid System\" href=\"http:\/\/960.gs\/\" target=\"_blank\">960.gs<\/a>, dentro de esta encontrareis:<\/p>\n<p>&#8211; Hojas de dibujo para imprimir<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/sketch.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3032\" alt=\"sketch\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/sketch.jpg\" width=\"937\" height=\"715\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/sketch.jpg 937w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/sketch-300x228.jpg 300w\" sizes=\"auto, (max-width: 937px) 100vw, 937px\" \/><\/a><\/p>\n<p>&#8211; Plantillas de dise\u00f1o para fireworks, photoshop, omnigraffle y visi\u00f3n<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/template.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3033\" alt=\"template\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/template.jpg\" width=\"937\" height=\"715\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/template.jpg 937w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/template-300x228.jpg 300w\" sizes=\"auto, (max-width: 937px) 100vw, 937px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&#8211; Archivos html y css de ejemplo<\/p>\n<p><a href=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960css.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-3034\" alt=\"960css\" src=\"http:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960css.jpg\" width=\"937\" height=\"715\" srcset=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960css.jpg 937w, https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960css-300x228.jpg 300w\" sizes=\"auto, (max-width: 937px) 100vw, 937px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Tambi\u00e9n a los amantes del desarrollo con m\u00f3vil les recomiendo una lectura del apartado adapt.js \u2013 adaptative.css, donde se desarrolla el funcionamiento de 960 Grid System al dise\u00f1o responsable mediante javascript.<\/p>\n<p>La web tambi\u00e9n nos resuelve dudas sobre el porqu\u00e9 del uso de los 960px de anchura de una p\u00e1gina, cito textualmente:<\/p>\n<p>\u201cNueve-Sesenta<br \/>\nTodos los monitores modernos soportan al menos 1024 \u00d7 768 p\u00edxeles. 960 es divisible por 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 y 480. Esto hace que sea un n\u00famero de base de gran flexibilidad para trabajar.\u201d<\/p>\n<p>Para m\u00e1s informaci\u00f3n os recomiendo una profunda lectura de la p\u00e1gina web <a title=\"960 Grid System\" href=\"http:\/\/960.gs\/\" target=\"_blank\">960.gs<\/a> donde no s\u00f3lo se nos ofrece una gran herramienta sin\u00f3 que tambi\u00e9n nos orienta c\u00f3mo llevar a buen t\u00e9rmino la creaci\u00f3n de una p\u00e1gina web.<\/p>\n<p>Saludos desde la \u00c1rea Web de Espai.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Buenos d\u00edas y feliz a\u00f1o a todos los seguidores del blog de Escola Espai. En estos d\u00edas que corren se pretende que la creaci\u00f3n de una web sea \u00e1gil y r\u00e1pida, por eso en la \u00e1rea web de Espai os animamos a hacer uso de&#8230;<\/p>\n","protected":false},"author":20,"featured_media":3031,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_ef_editorial_meta_date_first-draft-date":"","_ef_editorial_meta_paragraph_assignment":"","_ef_editorial_meta_checkbox_needs-photo":"","_ef_editorial_meta_number_word-count":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[8,7,4,101],"tags":[327,326,328,330,329,14,267,331,270,164],"class_list":["post-3030","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-grafico","category-diseno-web","category-internet","category-telefonia-movil","tag-960-gs","tag-960px","tag-adaptative","tag-diseno-adabtativo","tag-diseno-responsable","tag-diseno-web-2","tag-framework","tag-mobiles","tag-responsive","tag-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>960 Grid System framework - Blog Escola Espai<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"960 Grid System framework - Blog Escola Espai\" \/>\n<meta property=\"og:description\" content=\"Buenos d\u00edas y feliz a\u00f1o a todos los seguidores del blog de Escola Espai. En estos d\u00edas que corren se pretende que la creaci\u00f3n de una web sea \u00e1gil y r\u00e1pida, por eso en la \u00e1rea web de Espai os animamos a hacer uso de...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Escola Espai\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-03T16:19:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Marc Santamaria\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marc Santamaria\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/\"},\"author\":{\"name\":\"Marc Santamaria\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\"},\"headline\":\"960 Grid System framework\",\"datePublished\":\"2015-01-03T16:19:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/\"},\"wordCount\":379,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960.gif\",\"keywords\":[\"960.gs\",\"960px\",\"adaptative\",\"dise\u00f1o adabtativo\",\"dise\u00f1o responsable\",\"dise\u00f1o web\",\"framework\",\"mobiles\",\"responsive\",\"web\"],\"articleSection\":[\"Dise\u00f1o Gr\u00e1fico\",\"Dise\u00f1o Web\",\"Internet\",\"Telefon\u00eda M\u00f3vil\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/\",\"url\":\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/\",\"name\":\"960 Grid System framework - Blog Escola Espai\",\"isPartOf\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960.gif\",\"datePublished\":\"2015-01-03T16:19:59+00:00\",\"author\":{\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#primaryimage\",\"url\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960.gif\",\"contentUrl\":\"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960.gif\",\"width\":300,\"height\":200},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/www.espai.es\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"960 Grid System framework\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.espai.es\/blog\/#website\",\"url\":\"https:\/\/www.espai.es\/blog\/\",\"name\":\"Blog Escola Espai\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.espai.es\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765\",\"name\":\"Marc Santamaria\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g\",\"caption\":\"Marc Santamaria\"},\"url\":\"https:\/\/www.espai.es\/blog\/author\/m-santamaria\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"960 Grid System framework - Blog Escola Espai","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/","og_locale":"es_ES","og_type":"article","og_title":"960 Grid System framework - Blog Escola Espai","og_description":"Buenos d\u00edas y feliz a\u00f1o a todos los seguidores del blog de Escola Espai. En estos d\u00edas que corren se pretende que la creaci\u00f3n de una web sea \u00e1gil y r\u00e1pida, por eso en la \u00e1rea web de Espai os animamos a hacer uso de...","og_url":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/","og_site_name":"Blog Escola Espai","article_published_time":"2015-01-03T16:19:59+00:00","og_image":[{"width":300,"height":200,"url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960.gif","type":"image\/gif"}],"author":"Marc Santamaria","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Marc Santamaria","Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#article","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/"},"author":{"name":"Marc Santamaria","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765"},"headline":"960 Grid System framework","datePublished":"2015-01-03T16:19:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/"},"wordCount":379,"commentCount":0,"image":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960.gif","keywords":["960.gs","960px","adaptative","dise\u00f1o adabtativo","dise\u00f1o responsable","dise\u00f1o web","framework","mobiles","responsive","web"],"articleSection":["Dise\u00f1o Gr\u00e1fico","Dise\u00f1o Web","Internet","Telefon\u00eda M\u00f3vil"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/","url":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/","name":"960 Grid System framework - Blog Escola Espai","isPartOf":{"@id":"https:\/\/www.espai.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#primaryimage"},"image":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#primaryimage"},"thumbnailUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960.gif","datePublished":"2015-01-03T16:19:59+00:00","author":{"@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765"},"breadcrumb":{"@id":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#primaryimage","url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960.gif","contentUrl":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960.gif","width":300,"height":200},{"@type":"BreadcrumbList","@id":"https:\/\/www.espai.es\/blog\/2015\/01\/960-grid-system-framework\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/www.espai.es\/blog\/"},{"@type":"ListItem","position":2,"name":"960 Grid System framework"}]},{"@type":"WebSite","@id":"https:\/\/www.espai.es\/blog\/#website","url":"https:\/\/www.espai.es\/blog\/","name":"Blog Escola Espai","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.espai.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/16388b945f89ffecdb1204f9a3f84765","name":"Marc Santamaria","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.espai.es\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d9c6fe4669bafc42f2a16975a29af96161a1e5d3d9c0fa00171c242a44739983?s=96&d=mm&r=g","caption":"Marc Santamaria"},"url":"https:\/\/www.espai.es\/blog\/author\/m-santamaria\/"}]}},"jetpack_featured_media_url":"https:\/\/www.espai.es\/blog\/wp-content\/uploads\/2015\/01\/960.gif","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3030","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/comments?post=3030"}],"version-history":[{"count":5,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3030\/revisions"}],"predecessor-version":[{"id":3039,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/posts\/3030\/revisions\/3039"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media\/3031"}],"wp:attachment":[{"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/media?parent=3030"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/categories?post=3030"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.espai.es\/blog\/wp-json\/wp\/v2\/tags?post=3030"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}