{"id":39654,"date":"2018-12-27T16:36:26","date_gmt":"2018-12-27T16:36:26","guid":{"rendered":"https:\/\/codewebbarcelona.com\/santa-claus-nos-ha-traido-una-nueva-pagina-web\/"},"modified":"2026-04-21T06:56:37","modified_gmt":"2026-04-21T06:56:37","slug":"santa-claus-ens-ha-portat-una-nova-pagina-web","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/","title":{"rendered":"El Pare Noel ens ha portat una nova p\u00e0gina web"},"content":{"rendered":"<p>Doncs passat el dia 25, el Pare Noel ressac\u00f3s ens ha deixat un regal ben especial: nova web, just abans d\u2019acabar l\u2019any.<\/p>\n<p>Sincerament, jo ja n\u2019estava fins al capdamunt de l\u2019antiga web. Quan portes temps veient el mateix disseny, acabes agafant-li una mica de mania. No \u00e9s que estigu\u00e9s malament, ni molt menys; de fet, a la gent li agradava. Sempre saludava, deien.<\/p>\n<p>Per\u00f2, des del meu punt de vista, ja li tocava un bon rentat de cara. Amb aquest nou website que hem redissenyat, ens hem fet un canvi d\u2019imatge total, fins i tot ens hem posat una mica de botox.<\/p>\n<h2>Presentaci\u00f3 expr\u00e9s del nou disseny web<\/h2>\n<h3>Sobre la p\u00e0gina d\u2019inici<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2326\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/home.jpg\" alt=\"\" width=\"1200\" height=\"628\" \/><\/p>\n<p>Molt m\u00e9s neta que l\u2019anterior. Molt m\u00e9s visual. Molt m\u00e9s tot.<\/p>\n<p>Hem posat especial atenci\u00f3 a les animacions d\u2019entrada, fent apar\u00e8ixer cada element en el moment just, utilitzant transicions CSS i delays perqu\u00e8 tot encaixi a la perfecci\u00f3.<\/p>\n<p>El men\u00fa t\u00e9 un efecte molt xulo quan passes el ratol\u00ed per sobre dels diferents apartats. Si no us ho creieu, proveu-ho.<\/p>\n<h3>Els SVG que molen<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2328\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/svg.jpg\" alt=\"\" width=\"1200\" height=\"629\" \/><\/p>\n<p>Hem creat els icones en SVG per poder animar-los. Veureu que tant la l\u00ednia separadora entre el t\u00edtol i la descripci\u00f3 com els icones dels serveis estan animats. Aix\u00f2 dona interactivitat al website i fa que navegar-hi no sigui gens avorrit.<\/p>\n<h3>La versi\u00f3 responsive \u00e9s brutal<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2327\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/responsive.jpg\" alt=\"\" width=\"1344\" height=\"823\" \/><\/p>\n<p>Sincerament, aquest era un dels punts que menys m\u2019agradava de la web antiga. En aquest nou disseny, hem creat una versi\u00f3 responsive que \u00e9s de traca.<\/p>\n<p>El men\u00fa responsive l\u2019hem posat a la part inferior. Per qu\u00e8? Perqu\u00e8 quan naveguem amb el m\u00f2bil, el polze sovint no arriba a la part superior de la pantalla. Aix\u00ed, aconseguim una experi\u00e8ncia molt m\u00e9s semblant a una app.<\/p>\n<p>Quan premem el men\u00fa, aquest es desplega des del lateral, un altre cop buscant apropar-nos a l\u2019experi\u00e8ncia d\u2019usuari d\u2019una app.<\/p>\n<p>A m\u00e9s, hem afegit un bot\u00f3 per xatejar per WhatsApp i per fer trucades r\u00e0pides.<\/p>\n<h3>Un footer com cal<\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2325\" src=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/footer.jpg\" alt=\"\" width=\"1200\" height=\"629\" \/><\/p>\n<p>El footer d\u2019aquest nou disseny web \u00e9s molt m\u00e9s potent. Hi mostrem els \u00faltims projectes i les darreres publicacions del blog.<\/p>\n<p>A m\u00e9s, est\u00e0 present a tota la web.<\/p>\n<h2>El que vindr\u00e0<\/h2>\n<p>La veritat \u00e9s que per llan\u00e7ar la nova web hem anat a tot drap, i han quedat algunes coses pendents. Us avan\u00e7o per sobre les novetats que anirem implementant els propers dies.<\/p>\n<h3>Contingut calent del blog<\/h3>\n<p>Crearem un comptador de visites per a cada entrada del blog i aix\u00ed podrem fer una secci\u00f3 amb el m\u00e9s visitat.<\/p>\n<p>Creiem que pot ser molt positiu, ja que ara mateix hi ha moltes entrades amb un munt de visites i ens agradaria donar-los m\u00e9s protagonisme.<\/p>\n<p>Aix\u00ed doncs, crearem una secci\u00f3 anomenada \u201cel m\u00e9s calentet del blog\u201d.<\/p>\n<h3>Sticky menu<\/h3>\n<p>Farem que el men\u00fa et segueixi des de la part superior mentre fas scroll cap avall.<\/p>\n<p>Aix\u00ed no caldr\u00e0 tornar a pujar per navegar a un altre apartat.<\/p>\n<p>\u00c9s una millora que considerem imprescindible, per\u00f2 que encara no hem pogut implementar per les presses. No dubteu que ser\u00e0 el primer canvi que farem.<\/p>\n<h3>Entrades del blog, molt m\u00e9s socials<\/h3>\n<p>Volem donar-li un enfoc m\u00e9s social al blog, aix\u00ed que farem diverses millores a les entrades per fomentar els comentaris i les comparticions a xarxes socials.<\/p>\n<h3>Correcci\u00f3 de bugs menors<\/h3>\n<p>S\u00ed, hi ha algun bug suelto, el solucionarem en els propers dies. No patiu, keep calm and share this.<\/p>\n<h2>Bones festes a tothom, malparits!<\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Doncs passat el dia 25, el Pare Noel ressac\u00f3s ens ha deixat un regal ben especial: nova web, just abans d\u2019acabar l\u2019any. Sincerament, jo ja n\u2019estava fins al capdamunt de l\u2019antiga web. Quan portes temps veient el mateix disseny, acabes agafant-li una mica de mania. No \u00e9s que estigu\u00e9s malament, ni molt menys; de fet, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1873,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[208,134],"class_list":["post-39654","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-disseny-desenvolupament-web","category-disseny-grafic"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Santa Claus nos ha tra\u00eddo una nueva p\u00e1gina web - Code Barcelona<\/title>\n<meta name=\"description\" content=\"Presentamos la nueva p\u00e1gina web. Un redise\u00f1o by Code Barcelona.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/\" \/>\n<meta property=\"og:locale\" content=\"ca_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Santa Claus nos ha tra\u00eddo una nueva p\u00e1gina web - Code Barcelona\" \/>\n<meta property=\"og:description\" content=\"Presentamos la nueva p\u00e1gina web. Un redise\u00f1o by Code Barcelona.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/\" \/>\n<meta property=\"og:site_name\" content=\"Code Barcelona\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-27T16:36:26+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-21T06:56:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/santa-claus-nos-ha-traido-una-nueva-pagina-web-featured.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"318\" \/>\n\t<meta property=\"og:image:height\" content=\"179\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"cd26Bc\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrit per\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Temps estimat de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minuts\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"El Pare Noel ens ha portat una nova p\u00e0gina web\",\"datePublished\":\"2018-12-27T16:36:26+00:00\",\"dateModified\":\"2026-04-21T06:56:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/\"},\"wordCount\":615,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/santa-claus-nos-ha-traido-una-nueva-pagina-web-featured.gif\",\"articleSection\":[\"Disseny i desenvolupament web\",\"Dise\u00f1o gr\u00e1fico\"],\"inLanguage\":\"ca\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/\",\"name\":\"Santa Claus nos ha tra\u00eddo una nueva p\u00e1gina web - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/santa-claus-nos-ha-traido-una-nueva-pagina-web-featured.gif\",\"datePublished\":\"2018-12-27T16:36:26+00:00\",\"dateModified\":\"2026-04-21T06:56:37+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Presentamos la nueva p\u00e1gina web. Un redise\u00f1o by Code Barcelona.\",\"inLanguage\":\"ca\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/#primaryimage\",\"url\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/santa-claus-nos-ha-traido-una-nueva-pagina-web-featured.gif\",\"contentUrl\":\"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/santa-claus-nos-ha-traido-una-nueva-pagina-web-featured.gif\",\"width\":318,\"height\":179},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/ca\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ca\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ca\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g\",\"caption\":\"cd26Bc\"},\"sameAs\":[\"https:\/\/codewebbarcelona.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Santa Claus nos ha tra\u00eddo una nueva p\u00e1gina web - Code Barcelona","description":"Presentamos la nueva p\u00e1gina web. Un redise\u00f1o by Code Barcelona.","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:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/","og_locale":"ca_ES","og_type":"article","og_title":"Santa Claus nos ha tra\u00eddo una nueva p\u00e1gina web - Code Barcelona","og_description":"Presentamos la nueva p\u00e1gina web. Un redise\u00f1o by Code Barcelona.","og_url":"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/","og_site_name":"Code Barcelona","article_published_time":"2018-12-27T16:36:26+00:00","article_modified_time":"2026-04-21T06:56:37+00:00","og_image":[{"width":318,"height":179,"url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/santa-claus-nos-ha-traido-una-nueva-pagina-web-featured.gif","type":"image\/gif"}],"author":"cd26Bc","twitter_card":"summary_large_image","twitter_misc":{"Escrit per":"cd26Bc","Temps estimat de lectura":"3 minuts"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"El Pare Noel ens ha portat una nova p\u00e0gina web","datePublished":"2018-12-27T16:36:26+00:00","dateModified":"2026-04-21T06:56:37+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/"},"wordCount":615,"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/santa-claus-nos-ha-traido-una-nueva-pagina-web-featured.gif","articleSection":["Disseny i desenvolupament web","Dise\u00f1o gr\u00e1fico"],"inLanguage":"ca"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/","url":"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/","name":"Santa Claus nos ha tra\u00eddo una nueva p\u00e1gina web - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/#primaryimage"},"thumbnailUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/santa-claus-nos-ha-traido-una-nueva-pagina-web-featured.gif","datePublished":"2018-12-27T16:36:26+00:00","dateModified":"2026-04-21T06:56:37+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Presentamos la nueva p\u00e1gina web. Un redise\u00f1o by Code Barcelona.","inLanguage":"ca","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/"]}]},{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/codewebbarcelona.com\/ca\/blog\/santa-claus-ens-ha-portat-una-nova-pagina-web\/#primaryimage","url":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/santa-claus-nos-ha-traido-una-nueva-pagina-web-featured.gif","contentUrl":"https:\/\/codewebbarcelona.com\/wp-content\/uploads\/2018\/12\/santa-claus-nos-ha-traido-una-nueva-pagina-web-featured.gif","width":318,"height":179},{"@type":"WebSite","@id":"https:\/\/codewebbarcelona.com\/ca\/#website","url":"https:\/\/codewebbarcelona.com\/ca\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/ca\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ca"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/ca\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"ca","@id":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/b904e836584635855eaa0ee2922bae4fe2aa94ffb558048dcc5dac5f98f0fadc?s=96&d=mm&r=g","caption":"cd26Bc"},"sameAs":["https:\/\/codewebbarcelona.com"]}]}},"_links":{"self":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/39654","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/comments?post=39654"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/39654\/revisions"}],"predecessor-version":[{"id":39661,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/posts\/39654\/revisions\/39661"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media\/1873"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/media?parent=39654"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/ca\/wp-json\/wp\/v2\/categories?post=39654"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}