{"id":2168,"date":"2026-02-09T12:29:07","date_gmt":"2026-02-09T12:29:07","guid":{"rendered":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168"},"modified":"2026-04-21T09:02:07","modified_gmt":"2026-04-21T09:02:07","slug":"assegurar-el-disseny-responsive-per-a-tots-els-dispositius-2","status":"publish","type":"page","link":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168","title":{"rendered":"Assegurar el disseny responsive per a tots els dispositius 1"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Introducci\u00f3 al Disseny Adaptatiu<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">En el desenvolupament web actual, no n&#8217;hi ha prou amb qu\u00e8 un lloc web es vegi b\u00e9 en un ordinador de sobretaula. El concepte de <strong>Responsive Web Design<\/strong> (Disseny Respondre) \u00e9s fonamental. Aquesta activitat consisteix a documentar com la nostra instal\u00b7laci\u00f3 de WordPress es visualitza en diferents resolucions, garantint que l&#8217;experi\u00e8ncia de l&#8217;usuari (UX) sigui \u00f2ptima en qualsevol dispositiu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. Formats de Monitoratge<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Per a aquesta pr\u00e0ctica, hem analitzat el comportament de la interf\u00edcie en tres formats clau:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Format Monitor (Desktop):<\/strong> \u00c9s la versi\u00f3 completa. Aqu\u00ed disposem de m\u00e9s espai horitzontal, cosa que permet l&#8217;\u00fas de columnes m\u00faltiples, men\u00fas desplegats i imatges d&#8217;alta resoluci\u00f3 a pantalla completa.<\/li>\n\n\n\n<li><strong>Format Tauleta (Tablet):<\/strong> Un punt intermedi. El disseny comen\u00e7a a condensar-se. Elements que abans estaven en tres columnes poden passar a dues, i el men\u00fa de navegaci\u00f3 pot transformar-se per facilitar l&#8217;\u00fas t\u00e0ctil.<\/li>\n\n\n\n<li><strong>Format M\u00f2bil (Mobile):<\/strong> La prioritat \u00e9s la verticalitat. El contingut s&#8217;apila de forma lineal per facilitar l&#8217;scroll. El men\u00fa de navegaci\u00f3 sol desapar\u00e8ixer darrere d&#8217;una icona (conegut com a &#8220;men\u00fa hamburguesa&#8221;) i les mides de font s&#8217;ajusten per a una lectura c\u00f2moda en pantalles petites.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<div data-wp-interactive=\"core\/file\" class=\"wp-block-file\"><object data-wp-bind--hidden=\"!state.hasPdfPreview\" hidden class=\"wp-block-file__embed\" data=\"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/FireShot-Capture-136-Adrian-Jaimes-Soc-estudiant-dinformatica-i-aqui-podras-veure-el-me_-ajaimes.inscastellbisbal.net_.pdf\" type=\"application\/pdf\" style=\"width:100%;height:600px\" aria-label=\"Incrustaci\u00f3 del fitxer FireShot Capture 136 - Adrian Jaimes - S\u00f3c estudiant d&apos;inform\u00e0tica i aqu\u00ed podr\u00e0s veure el me_ - ajaimes.inscastellbisbal.net.\"><\/object><a id=\"wp-block-file--media-a4a63380-d46b-4fc0-92a8-d33f7471ea6f\" href=\"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/FireShot-Capture-136-Adrian-Jaimes-Soc-estudiant-dinformatica-i-aqui-podras-veure-el-me_-ajaimes.inscastellbisbal.net_.pdf\">FireShot Capture 136 &#8211; Adrian Jaimes &#8211; S\u00f3c estudiant d&#8217;inform\u00e0tica i aqu\u00ed podr\u00e0s veure el me_ &#8211; ajaimes.inscastellbisbal.net<\/a><a href=\"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/FireShot-Capture-136-Adrian-Jaimes-Soc-estudiant-dinformatica-i-aqui-podras-veure-el-me_-ajaimes.inscastellbisbal.net_.pdf\" class=\"wp-block-file__button wp-element-button\" download aria-describedby=\"wp-block-file--media-a4a63380-d46b-4fc0-92a8-d33f7471ea6f\">Baixa<\/a><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"307\" title=\"imagen\" src=\"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/imagen-9.png\" alt=\"\" class=\"wp-image-2744\" srcset=\"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/imagen-9.png 512w, https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/imagen-9-300x180.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"439\" height=\"942\" title=\"imagen\" src=\"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/imagen-8.png\" alt=\"\" class=\"wp-image-2743\" srcset=\"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/imagen-8.png 439w, https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/imagen-8-140x300.png 140w\" sizes=\"(max-width: 439px) 100vw, 439px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">An\u00e0lisi del Resultat en WordPress<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Mitjan\u00e7ant l&#8217;\u00fas de temes i constructors visuals (com Gutenberg o Elementor), WordPress ens permet aplicar regles de CSS que canvien segons el dispositiu. En les imatges adjuntes a l&#8217;activitat, es pot observar com:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>La <strong>jerarquia visual<\/strong> es mant\u00e9 malgrat el canvi de mida.<\/li>\n\n\n\n<li>Els <strong>botons (CTA)<\/strong> s\u00f3n prou grans en la versi\u00f3 m\u00f2bil per ser clicats amb el polze.<\/li>\n\n\n\n<li>El <strong>temps de c\u00e0rrega<\/strong> es mant\u00e9 eficient gr\u00e0cies a l&#8217;ajust autom\u00e0tic de la mida de les imatges que fa WordPress.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusi\u00f3<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Aquesta activitat demostra la versatilitat de WordPress per gestionar contingut multiplataforma. El monitoratge constant en aquests tres formats \u00e9s essencial per assegurar-nos que cap usuari, independentment de com ens visiti, tingui una mala experi\u00e8ncia o trobi dificultats per navegar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introducci\u00f3 al Disseny Adaptatiu En el desenvolupament web actual, no n&#8217;hi ha prou amb qu\u00e8 un lloc web es vegi b\u00e9 en un ordinador de sobretaula. El concepte de Responsive Web Design (Disseny Respondre) \u00e9s fonamental. Aquesta activitat consisteix a documentar com la nostra instal\u00b7laci\u00f3 de WordPress es visualitza en diferents resolucions, garantint que l&#8217;experi\u00e8ncia [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2164,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"saved_in_kubio":false,"_dseop_meta":"{\"noFollowLinks\":{\"linkList\":[],\"ignoredGlobalDomains\":[],\"textboxValue\":\"\"},\"schemaMarkup\":{\"schemas\":[{\"templateId\":\"WebpageSchema\",\"name\":\"Webpage\",\"id\":\"WebpageSchema\",\"schemaData\":{\"@type\":\"WebPage\",\"@id\":\"\",\"name\":\"\",\"url\":\"\",\"description\":\"\",\"breadcrumb\":{\"@type\":\"BreadcrumbList\",\"@id\":\"\"},\"datePublished\":\"\",\"dateModified\":\"\",\"inLanguage\":\"\"}}],\"schemaTemplates\":[]},\"metaDescription\":{\"metaData\":[]},\"keywordAppearance\":{\"contentDetails\":[{\"name\":\"Word count\",\"count\":329,\"id\":\"wordCount\",\"status\":\"average\",\"detailStatus\":\"shortAverage\",\"tooltip\":\"words count should be greater then 1500.\"},{\"id\":\"heading1\",\"name\":\"heading 1\",\"count\":1,\"status\":\"excellent\",\"detailStatus\":\"excellent\",\"tooltip\":\"good use of h1 tag.\"},{\"id\":\"heading2\",\"name\":\"heading 2\",\"count\":0,\"status\":\"poor\",\"detailStatus\":\"missing\",\"tooltip\":\"web page should have h2 tags for better SEO\"},{\"id\":\"heading3\",\"name\":\"heading 3\",\"count\":4,\"status\":\"excellent\",\"detailStatus\":\"excellent\",\"tooltip\":\"good use of h3 tags.\"},{\"id\":\"paragraphTags\",\"name\":\"paragraph tags\",\"count\":4,\"status\":\"excellent\",\"detailStatus\":\"excellent\",\"tooltip\":\"good use of paragraph tags.\"},{\"id\":\"boldAndStrongTags\",\"name\":\"bold and strong tags list\",\"count\":7,\"status\":\"excellent\",\"detailStatus\":\"excellent\",\"tooltip\":\"good use of bold and strong tags.\"},{\"name\":\"Avg. Stopword percentage\",\"count\":5,\"id\":\"averageStopwordPercentage\"},{\"name\":\"Avg. Words per sentence\",\"count\":18,\"id\":\"averageWordsPerSentence\"},{\"name\":\"Stopword count\",\"count\":17,\"id\":\"sentenceCount\"},{\"name\":\"Sentence count\",\"count\":18,\"id\":\"sentenceCount\"},{\"name\":\"Letter count\",\"count\":1752,\"id\":\"letterCount\"},{\"name\":\"Difficult word\",\"count\":94,\"id\":\"difficultWord\"}],\"advanceOptions\":[],\"modifyStopwords\":{\"customStopwords\":[],\"disabledStopwords\":[]}},\"socialMedia\":{\"openGraphData\":[],\"twitterData\":{\"xSummaryCardData\":[],\"xAppCardData\":{\"iphoneAppName\":\"\",\"iphoneAppId\":\"\",\"iphoneAppUrl\":\"\",\"ipadAppName\":\"\",\"ipadAppId\":\"\",\"ipadAppUrl\":\"\",\"googlePlayAppName\":\"\",\"googlePlayAppId\":\"\",\"googlePlayAppUrl\":\"\",\"appCountry\":\"\"},\"xPlayerCardData\":{\"player\":\"\",\"playerWidth\":\"\",\"streamUrl\":\"\",\"streamContentType\":\"\"}}},\"readability\":{\"readabilityFactorList\":[{\"helpLink\":\"link\",\"isError\":true,\"name\":\"Flesch - Kincaid reading ease\",\"score\":12.71,\"description\":\"The Flesch-Kincaid Reading Ease score measures the readability of your text. A higher score indicates easier-to-read content. Aim for a score between 60 and 70 for most web content.\",\"grade\":\"Very Difficult (College Graduate)\"},{\"helpLink\":\"link\",\"isError\":true,\"name\":\"Gunning fog score\",\"score\":18.01,\"description\":\"The Gunning Fog Score estimates the years of formal education needed to understand your text. Lower scores indicate easier readability. Aim for a score of 7 to 8 for general audiences.\",\"grade\":\"College Graduate (Grade 17+)\"},{\"helpLink\":\"link\",\"isError\":false,\"name\":\"Coleman liau index\",\"score\":13.71,\"description\":\"The Coleman-Liau Index calculates readability based on characters per word and sentence length. It estimates the U.S. school grade level required to comprehend the text. A lower score suggests easier content.\",\"grade\":\"College (Grade 13-16)\"},{\"helpLink\":\"link\",\"isError\":false,\"name\":\"Flesch - Kincaid grade level\",\"score\":15.57,\"description\":\"The Flesch-Kincaid Grade Level formula evaluates the readability of your text by calculating the U.S. school grade level. A lower grade level indicates easier readability.\",\"grade\":\"College (Grade 13-16)\"},{\"helpLink\":\"link\",\"isError\":false,\"name\":\"Smog index\",\"score\":15.51,\"description\":\"The SMOG (Simple Measure of Gobbledygook) Index estimates the years of education a person needs to understand a text. A lower score means simpler text, while a higher score suggests more complex content.\",\"grade\":\"College (Grade 13-16)\"},{\"helpLink\":\"link\",\"isError\":false,\"name\":\"Automated readability index\",\"score\":11.88,\"description\":\"The Automated Readability Index calculates the readability of your content using characters per word and words per sentence. It estimates the U.S. school grade level needed to understand the text.\",\"grade\":\"High School (Grade 9-12)\"},{\"helpLink\":\"link\",\"isError\":false,\"name\":\"Dale chall readability score\",\"score\":8.96,\"description\":\"The Dale-Chall Readability Score evaluates the readability of your text based on familiar words and sentence structure. A lower score indicates that the content is easier to read.\",\"grade\":\"College\"},{\"helpLink\":\"link\",\"isError\":false,\"name\":\"Spache readability score\",\"score\":2.65,\"description\":\"The Spache Readability Score measures the readability of texts for younger readers. It identifies words that are unfamiliar to children and calculates a score accordingly. A lower score indicates easier content.\",\"grade\":\"3rd grade\"}]},\"advanceSetting\":{\"advanceRobotsMeta\":[],\"breadcrumbTitle\":\"\",\"canonicalURL\":\"\",\"criticalOptions\":[]},\"scoring\":{\"subScoring\":{\"metaDescriptionScore\":2.5,\"schemaMarkupScore\":8,\"outwardInterlinkingScore\":0,\"inwardInterlinkingScore\":0,\"socialMediaScore\":0,\"misspelledWordsScore\":0,\"advanceSettingScore\":3,\"noFollowLinksScore\":0,\"keywordAppearanceScore\":2,\"imageAnalyticsScore\":1},\"singlePostScore\":25},\"misspelledWords\":[],\"pointsToImprove\":{\"count\":{\"criticalPointsCount\":0,\"recommendedPointsCount\":0},\"pointsToImproveDetails\":{\"searchEngineAppearance\":[{\"id\":\"critical_meta_title_too_long\",\"name\":{\"label\":\"Meta title is too long\"},\"type\":\"Critical\",\"priority\":\"too_high\"},{\"id\":\"recommended_keyword_missing_meta_title\",\"name\":{\"label\":\"Keyword is missing in meta title.\"},\"type\":\"Critical\",\"priority\":\"too_high\"},{\"id\":\"critical_meta_description_missing\",\"name\":{\"label\":\"Meta Description is missing\"},\"type\":\"Critical\"},{\"id\":\"recommended_keyword_missing_permalink\",\"name\":{\"label\":\"Keyword is missing in permalink.\"},\"type\":\"Critical\"}],\"searchEngineVisibility\":[],\"redirectedLink301\":[],\"socialMedia\":[{\"id\":\"critical_missing_social_media_image\",\"name\":{\"label\":\"Image is missing in social media appearance.\"},\"type\":\"Critical\",\"priority\":\"high\"},{\"id\":\"recommended_keyword_missing_open_graph_title\",\"name\":{\"label\":\"Keyword is missing in social media title.\"},\"type\":\"Recommended\"},{\"id\":\"critical_too_large_social_media_title\",\"name\":{\"label\":\"Title is Too long in social media appearance.\"},\"type\":\"Critical\"},{\"id\":\"critical_missing_social_media_description\",\"name\":{\"label\":\"Description is missing in social media appearance.\"},\"type\":\"Critical\",\"priority\":\"high\"},{\"id\":\"critical_missing_social_media_twitter_image\",\"name\":{\"label\":\"X(Twitter) image is missing in social media appearance.\"},\"type\":\"Critical\",\"priority\":\"high\"},{\"id\":\"recommended_keyword_missing_twitter_title\",\"name\":{\"label\":\"Keyword is missing in X(Twitter) title.\"},\"type\":\"Recommended\"},{\"id\":\"critical_too_large_social_media_twitter_title\",\"name\":{\"label\":\"X(Twitter) title is Too long in social media appearance.\"},\"type\":\"Critical\"},{\"id\":\"critical_missing_social_media_twitter_description\",\"name\":{\"label\":\"X(Twitter) description is missing in social media appearance.\"},\"type\":\"Critical\"}],\"noFollowLink\":[],\"misspelledWords\":[],\"inwardLinks\":[],\"outwardLinks\":[],\"keywordAppearance\":[{\"id\":\"critical_no_selected_keyword\",\"name\":{\"label\":\"Selected keyword missing in keyword appearance.\"},\"type\":\"Critical\",\"priority\":\"too_high\"},{\"id\":\"critical_word_count_is_low\",\"name\":{\"label\":\"Word count is low in your content add more words.\"},\"type\":\"Recommended\"},{\"id\":\"critical_heading2_is_missing\",\"name\":{\"label\":\"Missing H2 tags, which are important for content structure.\"},\"type\":\"Critical\",\"priority\":\"high\"}],\"advanceSettings\":[],\"schemaMarkup\":[],\"imageAnalytics\":[{\"id\":\"critical_missing_images_title_attribute\",\"name\":{\"label\":\"Missing images title attribute.\"},\"type\":\"Critical\"},{\"id\":\"critical_missing_images_alt_attribute\",\"name\":{\"label\":\"Missing images alt attribute.\"},\"type\":\"Critical\"},{\"id\":\"critical_keyword_missing_in_image_filename\",\"name\":{\"label\":\"Keyword missing in images filename.\"},\"type\":\"Critical\"}],\"productGtins\":[]}},\"imageAnalytics\":{\"imageAnalysis\":[{\"id\":\"TotalImages\",\"name\":\"Total images\",\"value\":\"2\"},{\"id\":\"ImagesHasTitle\",\"name\":\"Images has title\",\"value\":\"0\",\"outOff\":\"2\",\"status\":\"poor\",\"tooltip\":\"Missing image title attribute\"},{\"id\":\"ImageHasAltAttribute\",\"name\":\"Images has alt\",\"value\":\"0\",\"outOff\":\"2\",\"status\":\"poor\",\"tooltip\":\"Missing alt attribute\"},{\"id\":\"ImagesHasProperFileName\",\"name\":\"Images has proper filename format\",\"value\":\"2\",\"outOff\":\"2\",\"status\":\"excellent\",\"tooltip\":\"Good! all images has proper filename format\"},{\"id\":\"KeywordInTitleAttribute\",\"name\":\"Keyword in image title\",\"value\":\"0\",\"outOff\":\"0\",\"status\":\"disabled\",\"tooltip\":\"Add image title attribute to enable this feature.\"},{\"id\":\"KeywordInAltAttribute\",\"name\":\"Keyword in image Alt\",\"value\":\"0\",\"outOff\":\"0\",\"status\":\"disabled\",\"tooltip\":\"Add image alt attribute to enable this feature.\"},{\"id\":\"KeywordInFilename\",\"name\":\"Keyword in image filename\",\"value\":\"0\",\"outOff\":\"2\",\"status\":\"poor\",\"tooltip\":\"Missing keyword in image filename\"}]}}","_dseop_selected_keywords":"","footnotes":""},"class_list":["post-2168","page","type-page","status-publish","hentry"],"kubio_ai_page_context":{"short_desc":"","purpose":"general"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Assegurar el disseny responsive per a tots els dispositius 1 - Adrian Jaimes<\/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:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Assegurar el disseny responsive per a tots els dispositius 1 - Adrian Jaimes\" \/>\n<meta property=\"og:description\" content=\"Introducci\u00f3 al Disseny Adaptatiu En el desenvolupament web actual, no n&#8217;hi ha prou amb qu\u00e8 un lloc web es vegi b\u00e9 en un ordinador de sobretaula. El concepte de Responsive Web Design (Disseny Respondre) \u00e9s fonamental. Aquesta activitat consisteix a documentar com la nostra instal\u00b7laci\u00f3 de WordPress es visualitza en diferents resolucions, garantint que l&#8217;experi\u00e8ncia [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168\" \/>\n<meta property=\"og:site_name\" content=\"Adrian Jaimes\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T09:02:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/imagen-9.png\" \/>\n\t<meta property=\"og:image:width\" content=\"512\" \/>\n\t<meta property=\"og:image:height\" content=\"307\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2168\",\"url\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2168\",\"name\":\"Assegurar el disseny responsive per a tots els dispositius 1 - Adrian Jaimes\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2168#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2168#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/imagen-9.png\",\"datePublished\":\"2026-02-09T12:29:07+00:00\",\"dateModified\":\"2026-04-21T09:02:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2168#breadcrumb\"},\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2168\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2168#primaryimage\",\"url\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/imagen-9.png\",\"contentUrl\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/wp-content\\\/uploads\\\/2026\\\/02\\\/imagen-9.png\",\"width\":512,\"height\":307},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2168#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inici\",\"item\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"1r SMX\",\"item\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=1084\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Repte 1.4\",\"item\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=1496\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"7\ufe0f\u20e3 &#8211; \ud83d\udcbc\u200b &#8211; Adaptaci\u00f3 Portafolis\",\"item\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?page_id=2164\"},{\"@type\":\"ListItem\",\"position\":5,\"name\":\"Assegurar el disseny responsive per a tots els dispositius 1\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/#website\",\"url\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/\",\"name\":\"Adrian Jaimes\",\"description\":\"S\u00f3c estudiant d&#039;inform\u00e0tica i aqu\u00ed podr\u00e0s veure el meu cam\u00ed acad\u00e8mic, els projectes que he realitzat i els coneixements que he adquirit durant la meva formaci\u00f3. Aquesta p\u00e0gina \u00e9s un reflex de la meva passi\u00f3 per la tecnologia i el meu comprom\u00eds per seguir aprenent i millorant cada dia.  Explora els meus treballs i seguiment acad\u00e8mic!\",\"publisher\":{\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/#organization\",\"name\":\"Adrian Jaimes\",\"url\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/cropped-cropped-cropped-width_550_009.webp\",\"contentUrl\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/cropped-cropped-cropped-width_550_009.webp\",\"width\":512,\"height\":512,\"caption\":\"Adrian Jaimes\"},\"image\":{\"@id\":\"https:\\\/\\\/ajaimes.inscastellbisbal.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Assegurar el disseny responsive per a tots els dispositius 1 - Adrian Jaimes","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:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168","og_locale":"ca_ES","og_type":"article","og_title":"Assegurar el disseny responsive per a tots els dispositius 1 - Adrian Jaimes","og_description":"Introducci\u00f3 al Disseny Adaptatiu En el desenvolupament web actual, no n&#8217;hi ha prou amb qu\u00e8 un lloc web es vegi b\u00e9 en un ordinador de sobretaula. El concepte de Responsive Web Design (Disseny Respondre) \u00e9s fonamental. Aquesta activitat consisteix a documentar com la nostra instal\u00b7laci\u00f3 de WordPress es visualitza en diferents resolucions, garantint que l&#8217;experi\u00e8ncia [&hellip;]","og_url":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168","og_site_name":"Adrian Jaimes","article_modified_time":"2026-04-21T09:02:07+00:00","og_image":[{"width":512,"height":307,"url":"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/imagen-9.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Temps estimat de lectura":"3 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168","url":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168","name":"Assegurar el disseny responsive per a tots els dispositius 1 - Adrian Jaimes","isPartOf":{"@id":"https:\/\/ajaimes.inscastellbisbal.net\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168#primaryimage"},"image":{"@id":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168#primaryimage"},"thumbnailUrl":"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/imagen-9.png","datePublished":"2026-02-09T12:29:07+00:00","dateModified":"2026-04-21T09:02:07+00:00","breadcrumb":{"@id":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168#breadcrumb"},"inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168#primaryimage","url":"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/imagen-9.png","contentUrl":"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2026\/02\/imagen-9.png","width":512,"height":307},{"@type":"BreadcrumbList","@id":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2168#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inici","item":"https:\/\/ajaimes.inscastellbisbal.net\/"},{"@type":"ListItem","position":2,"name":"1r SMX","item":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=1084"},{"@type":"ListItem","position":3,"name":"Repte 1.4","item":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=1496"},{"@type":"ListItem","position":4,"name":"7\ufe0f\u20e3 &#8211; \ud83d\udcbc\u200b &#8211; Adaptaci\u00f3 Portafolis","item":"https:\/\/ajaimes.inscastellbisbal.net\/?page_id=2164"},{"@type":"ListItem","position":5,"name":"Assegurar el disseny responsive per a tots els dispositius 1"}]},{"@type":"WebSite","@id":"https:\/\/ajaimes.inscastellbisbal.net\/#website","url":"https:\/\/ajaimes.inscastellbisbal.net\/","name":"Adrian Jaimes","description":"S\u00f3c estudiant d&#039;inform\u00e0tica i aqu\u00ed podr\u00e0s veure el meu cam\u00ed acad\u00e8mic, els projectes que he realitzat i els coneixements que he adquirit durant la meva formaci\u00f3. Aquesta p\u00e0gina \u00e9s un reflex de la meva passi\u00f3 per la tecnologia i el meu comprom\u00eds per seguir aprenent i millorant cada dia.  Explora els meus treballs i seguiment acad\u00e8mic!","publisher":{"@id":"https:\/\/ajaimes.inscastellbisbal.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ajaimes.inscastellbisbal.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Organization","@id":"https:\/\/ajaimes.inscastellbisbal.net\/#organization","name":"Adrian Jaimes","url":"https:\/\/ajaimes.inscastellbisbal.net\/","logo":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/ajaimes.inscastellbisbal.net\/#\/schema\/logo\/image\/","url":"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2025\/12\/cropped-cropped-cropped-width_550_009.webp","contentUrl":"https:\/\/ajaimes.inscastellbisbal.net\/wp-content\/uploads\/2025\/12\/cropped-cropped-cropped-width_550_009.webp","width":512,"height":512,"caption":"Adrian Jaimes"},"image":{"@id":"https:\/\/ajaimes.inscastellbisbal.net\/#\/schema\/logo\/image\/"}}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/pages\/2168","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2168"}],"version-history":[{"count":3,"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/pages\/2168\/revisions"}],"predecessor-version":[{"id":3106,"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/pages\/2168\/revisions\/3106"}],"up":[{"embeddable":true,"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=\/wp\/v2\/pages\/2164"}],"wp:attachment":[{"href":"https:\/\/ajaimes.inscastellbisbal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}