Mobile FIRST

Today, it is essential to have a website accessible on every type of screen = a responsive site,

to ensure the best possible user experience.  

So how can you ensure that you have a responsive site?

Discover the online tool Mobile First

The Mobile First extension allows you to visualize, test, and verify your site's compatibility across all types of devices, enabling you to adapt your development if necessary. The content will display as realistically as possible, with the behavior of the browser's header and footer being reproduced.

Mobile First = a design approach that we use when developing, starting with the mobile version and adapting it for larger screen sizes.

How to use Mobile First?

1. Add the extension to your browser
2. Open the extension by clicking on it
3. Option to pin it for quicker access
4. You can now choose the desired screen size to preview the responsive web design

The display is immediate, so test the responsive design of your website on the desired screen sizes.

Different Devices to Test Your Site

On the right side of the web page, you can choose from different devices such as smartphones and tablets, as well as various desktop screens.

• 15 Android models
• 19 Apple models
• 5 tablet models
• 8 special formats

Menu to Select Your Options

1. Disable the simulator
2. Change model
3. Device specifications and mockup
4. Change the orientation of the selected device
5. Take a screenshot in transparent PNG format
6. Create an animated screenshot in GIF format
7. Activate day mode - Activate night mode
8. Share the visual
9. Help center 
10. Settings

A free option and various paid plans

1. Free Plan

• 1 user
• not all device models are available
• limited video captures
• advertising

2. Paid Personal Plan : (2.90€/month)

• 1 user
• all device models available
• unlimited video captures
• no advertising
• cancellation possible at any time

3. Paid Start-up Plan: (24.90€/month)

• up to 10 users
• all device models available
• unlimited video captures
• no advertising
• cancellation possible at any time

4. Paid Enterprise Plan: (49.90€/month)

• up to 20 users
• all device models available
• unlimited video captures
• no advertising
• cancellation possible at any time

6. Why use this extension?

• The free version offers sufficient formats to test the responsive web design of your site
• A very practical online tool for testing a site
• Easy to use
• Instant display
• Quick sharing possible to present your work live or via email
• Free mockups in PNG format that you can import into Figma, Photoshop, InVision, etc.
• over 200,000 users
• Screenshots possible (mockups, emails, presentations, client demos, etc.)
  
• Videos - GIF format
• dark & light mode