{"id":28984,"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-21T00:58:41","modified_gmt":"2026-04-21T00:58:41","slug":"santa-claus-brought-us-a-new-website","status":"publish","type":"post","link":"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/","title":{"rendered":"Santa Claus has brought us a new website"},"content":{"rendered":"<p>Well, after the 25th, a slightly tipsy Santa brought us a very special gift: a brand new website, just in time to wrap up the year.<\/p>\n<p>Honestly, I was completely fed up with the old site. When you stare at the same design for too long, you start to get a bit sick of it. Not that it was bad\u2014people actually liked it. \u201cAlways says hi,\u201d they\u2019d say.<\/p>\n<p>But in my opinion, it was definitely time for a serious makeover. With this redesign, we\u2019ve given ourselves a total facelift\u2014heck, we even threw in a little botox.<\/p>\n<h2>A quick look at the new web design<\/h2>\n<h3>About the homepage<\/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>It\u2019s so much cleaner than before. More visual. More of everything.<\/p>\n<p>We\u2019ve put special care into the entrance animations, making each element appear at just the right moment, using CSS transitions and delays to make everything fit together perfectly.<\/p>\n<p>The menu has a really cool effect when you hover over the different items. Don\u2019t take my word for it\u2014try it yourself.<\/p>\n<h3>Awesome SVGs<\/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>We created SVG icons so we could animate them. You\u2019ll see that both the divider between the headline and the short description, as well as the service icons, are animated. This adds interactivity to the site and makes browsing a lot less boring.<\/p>\n<h3>The responsive version is next level<\/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>Honestly, this was one of my least favorite things about the old site. In this new design, we\u2019ve built a responsive version that\u2019s top-notch.<\/p>\n<p>We\u2019ve placed the responsive menu at the bottom. Why? Because when you\u2019re browsing on a smartphone, your thumb doesn\u2019t always reach the top of the screen. This way, the experience feels much more like an app.<\/p>\n<p>When you tap the menu, it slides in from the side\u2014again, bringing us closer to an app-like user experience.<\/p>\n<p>Plus, we\u2019ve added a button for WhatsApp chat and quick call.<\/p>\n<h3>A footer that\u2019s actually a footer<\/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>The footer in this new design is way more powerful. We showcase our latest projects and the most recent blog posts.<\/p>\n<p>And it\u2019s present throughout the entire site.<\/p>\n<h2>What\u2019s coming next<\/h2>\n<p>To launch the new website, we really put the pedal to the metal, so a few things are still in the pipeline. Here\u2019s a quick rundown of what we\u2019ll be rolling out in the coming days.<\/p>\n<h3>Hot content from the blog<\/h3>\n<p>We\u2019ll add a view counter for each blog post so we can feature the most popular content.<\/p>\n<p>We think this will be a great addition, since there are already plenty of posts with tons of visits, and we\u2019d like to give them some extra visibility.<\/p>\n<p>So, we\u2019ll create a section called \u201cHot from the blog.\u201d<\/p>\n<h3>Sticky menu<\/h3>\n<p>We\u2019ll make the menu follow you from the top as you scroll down.<\/p>\n<p>That way, you won\u2019t have to scroll all the way back up to navigate elsewhere.<\/p>\n<p>This is something we consider absolutely essential, but we haven\u2019t had time to implement it yet. Rest assured, it\u2019ll be the first thing we tackle.<\/p>\n<h3>Blog posts: way more social<\/h3>\n<p>We want to make the blog much more social, so we\u2019ll be improving blog posts to encourage more comments and sharing on social media.<\/p>\n<h3>Minor bug fixes<\/h3>\n<p>Yep, there are still a few bugs here and there, but we\u2019ll squash them in the next few days. Don\u2019t worry\u2014now, keep calm and share this.<\/p>\n<h2>Happy holidays, everyone!<\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Well, after the 25th, a slightly tipsy Santa brought us a very special gift: a brand new website, just in time to wrap up the year. Honestly, I was completely fed up with the old site. When you stare at the same design for too long, you start to get a bit sick of it. [&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-28984","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\/en\/blog\/santa-claus-brought-us-a-new-website\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\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\/en\/blog\/santa-claus-brought-us-a-new-website\/\" \/>\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-21T00:58:41+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=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"cd26Bc\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/\"},\"author\":{\"name\":\"cd26Bc\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"headline\":\"Santa Claus has brought us a new website\",\"datePublished\":\"2018-12-27T16:36:26+00:00\",\"dateModified\":\"2026-04-21T00:58:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/\"},\"wordCount\":598,\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/#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\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/\",\"name\":\"Santa Claus nos ha tra\u00eddo una nueva p\u00e1gina web - Code Barcelona\",\"isPartOf\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/#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-21T00:58:41+00:00\",\"author\":{\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\"},\"description\":\"Presentamos la nueva p\u00e1gina web. Un redise\u00f1o by Code Barcelona.\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/#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\/en\/#website\",\"url\":\"https:\/\/codewebbarcelona.com\/en\/\",\"name\":\"Code Barcelona\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567\",\"name\":\"cd26Bc\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@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\/en\/blog\/santa-claus-brought-us-a-new-website\/","og_locale":"en_US","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\/en\/blog\/santa-claus-brought-us-a-new-website\/","og_site_name":"Code Barcelona","article_published_time":"2018-12-27T16:36:26+00:00","article_modified_time":"2026-04-21T00:58:41+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":{"Written by":"cd26Bc","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/#article","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/"},"author":{"name":"cd26Bc","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"headline":"Santa Claus has brought us a new website","datePublished":"2018-12-27T16:36:26+00:00","dateModified":"2026-04-21T00:58:41+00:00","mainEntityOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/"},"wordCount":598,"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/#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":"en-US"},{"@type":"WebPage","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/","url":"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/","name":"Santa Claus nos ha tra\u00eddo una nueva p\u00e1gina web - Code Barcelona","isPartOf":{"@id":"https:\/\/codewebbarcelona.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/#primaryimage"},"image":{"@id":"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/#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-21T00:58:41+00:00","author":{"@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567"},"description":"Presentamos la nueva p\u00e1gina web. Un redise\u00f1o by Code Barcelona.","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codewebbarcelona.com\/en\/blog\/santa-claus-brought-us-a-new-website\/#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\/en\/#website","url":"https:\/\/codewebbarcelona.com\/en\/","name":"Code Barcelona","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codewebbarcelona.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/codewebbarcelona.com\/en\/#\/schema\/person\/3af5f44aaf0de2919e9225aa5ca32567","name":"cd26Bc","image":{"@type":"ImageObject","inLanguage":"en-US","@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\/en\/wp-json\/wp\/v2\/posts\/28984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/comments?post=28984"}],"version-history":[{"count":2,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/28984\/revisions"}],"predecessor-version":[{"id":28991,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/posts\/28984\/revisions\/28991"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media\/1873"}],"wp:attachment":[{"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/media?parent=28984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codewebbarcelona.com\/en\/wp-json\/wp\/v2\/categories?post=28984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}