04-11-2013

Scaling layouts to desktop responsive

Around 2012 the World Wide Web Consortium (W3C) approved and recommended the use of media queries. This is known as responsive designs or responsive layouts. Our company websites had a layout optimized for 1024px resolutions. Because the product of those websites (Flash games) were only available for Desktop, we didn't made responsiveness for mobile or tablet resolutions, instead, we scaled from 1024 to 1920 resolutions. I was the person in charge of developing these features.

Category page before making our layouts responsive

Category page before responsive

Category page after making our layouts responsive

Category page after responsive

Ad placement optimization

With bigger resolutions there was more space on the screen for advertising optimization. Using CSS media queries and javascript, because games were loaded with it, I started to write and make Adsense Ad changes happen. Ad revenue improved by a significant amount.

What about mobile?

In order to create layouts for mobile we required first HTML5 technology, that didn't happen until 2014 - 2015. Not only that, we needed HTML5 games so it required even more time. The leap from Flash to HTML for the browser games market happened around 2015 - 2016.

Disclaimer: This project is confidential. As a result, I am unable to provide access to the complete source code, but I can share images or small code snippets for demonstration purposes, with the owner's permission. However, if needed for an interview, I may be able to grant access to the private repository where this code or a copy of it is stored.
  • css
  • html
  • javascript
  • responsive-design
  • web-development
  • private-project
  • company:panaworld

Contact Me

Do you have any questions? I'm from Barcelona. Below you'll find different contact options.

Status: I'm currently working 100% remotely as a Full Stack Developer, but I'm also open to opportunities that will help me grow my career.

contacto@danieldev.es

This PWA has been created by Daniel Domínguez Rubio using technologies such as: React, Gatsbyjs, GraphQL, Nodejs, AWS S3, and Cloudfront.

v1.11.0