Skip to main content

Free tools to test responsive websites

A responsive web site is a site with a layout that adapts to a wide range of devices (such as desktop, tablets and mobile devices) to provide the best viewing experience to the user and it is quickly becoming the new standard in web design. 

Companies are rapidly adopting responsive websites to reach their customers on a wider range of viewing devices. In some cases this is becoming a necessity as more and more people are browsing the web on their mobile devices and tablets.  

Consequently this is impacting the way we test websites. For a traditional non responsive website the bulk of the testing revolves around verifying the copy, links and cross browser compatibility. However for a responsive website it becomes necessary to test the website on a slew of devices to make sure the layout is conforming to their screens. This can potentially incur more testing time and cost thus adversely impacting the project timeline and budget.  But this can be easily mitigated by leveraging smart tools that can enable us to carry out the cross device testing quickly and effectively. 

Here are three tools that I personally use to test responsive websites. The first tool by Matt Kersley is my favourite as it allows me to verify the rendering at one glance thus saving me valuable time unlike the other two where you have to toggle to see the various viewing sizes. Nonetheless it's always good to have alternative solutions up your sleeve and Quirk Tools and Photo Fluids perfectly fit this role.   




Tool #1: Matt Kersley’s tool
Link: http://mattkersley.com/responsive/







Tool #2: Quirk Tools

You can chose the mobile device you want to emulate from the drop down menu.





Tool #3: Photo Fluid



Trending posts

Adobe Summit 2022 - Experience Platform

 Our hero image features many air balloons flying, scattered in a blue sky. Each of them has characteristics in their designs that are “part of a whole”, which in this case is an exhibition that is part of a festival. Now, let us leverage this analogy, mapping it to the elements that are relevant for this post’s agenda. Think about the pieces of data scattered through different systems, which combined (behaviour and PII data) becomes part of a whole: an enriched consumer profile that can provide you a “360 view”. This allows corporations to find opportunities, and turn them into value: “enabling ways to engage with that customer(s) to meet a cluster of business goals.” Photo by Lad Fury from Pexels   The objectives for this article are: To provide our takeaways from two (2) Adobe summit 2022 sessions, related to the Adobe Experience Platform and Real-time CDP (Customer Data Platform). Those sessions being S401 (AEP a modern foundation - by Klaasjan Tukler) and  S408 (DMP vs CDP:

Quality Assurance for mobile applications

By: Herak Quality Assurance is an important aspect of Software Development Cycle and it has become even more important with the advent of mobile applications. This is because mobile applications are typically more complex and needs to be supported across a plethora of platforms. Often the same application needs to be coded in different programming languages to support different platforms for example Objective C for iOS and Java for Android. This results in multiple code base and requires multiple streams of testing. QA also need to pay special attention to ensure that the user experience of the app remains somewhat similar across the multiple environments. Thus traditional QA practices need to evolve to adapt to the needs of the mobile app testing. In this article I am going to discuss the first two phases of QA, Preparatory Phase and Testing Phase. I will discuss how QA needs to adapt to the testing need of mobile applications and include links to resources which will help

AWS Amplify as low-code for infrastructure

Low-code development platforms are dominating many conversations lately. Many believe that low-code development platforms will account for millions of USD in revenue in the next five (5) years. An article by Forbes highlights that “ it will account for more than 65% of application development activity by 2024 ”. Some believe it will be the answer to all their development needs. Photo by Tima Miroshnichenko from Pexels  But low-code is not a new concept. The difference now is that its audience has amplified. For developers (or even advanced users) who have been in the Microsoft  ecosystem for a while have already experienced the assembly of software solutions with little effort using tools such as Microsoft Excel, Access, Visual Studio (assembling forms) and others. Putting Microsoft aside, and prior to this “low-code revolution” which has reached high altitude in the last couple of years, there have been many online veterans which allow a user to assemble simple to medium complex

Research around JIRA vs TFS

By: Carlos G.    An opportunity came from a colleague to discuss the case of company “X” for improving the ALM by introducing tools to this company. The challenge was to decide between Microsoft and Attlasian . He came to me because I’m a Microsoft kind of guy and he wanted the opinion from my perspective, not as a consultant, but as a friend of what he was trying to accomplish. He said that even though I was inclined to a technology I was able to explore other things and be “fair”. I agreed to be a part of his research because of 3 things: because of my curiosity I'm always willing to learn new techy stuff. Sometimes is good to be the dumbest one of the group. You learn so much! This was a story that I could blog about. (Of course no names are used in this post). My first impression was thinking “cool”; let’s compare Visual Studio TFS vs JIRA. Immediately I got a comment back with: “ Sure but JIRA by itself is more like an issue tracker in simple terms ”. That sa

This blog uses cookies to improve your browsing experience. Simple analytics might be in place for pageviews purposes. They are harmless and never personally identify you.

Agreed