Mobile FIRST

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

to ensure the best possible user experience.  

So how to make sure you have a responsive site?

Discover the Mobile First online tool

The Mobile First extension will allow you to visualize, test and verify the compatibility of your site on any type of device and thus adapt your development if necessary. The content will be displayed as realistically as possible with the browser header and footer behavior reproduced.

Mobile First = design name that is used when developing starting with the mobile version and adapted to larger screen sizes.

How to use Mobile First?

1. Add the extension to your browser
2. Open the extension by clicking on it
3. Possibility to pin it for a faster access
4. You can now choose the size of the screen you want to have a preview of the responsive web

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

The different Devices to test your site

On the right hand side of the web page you can choose between different devices such as smartphone and tablet, different desktop screens

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

Menu to choose your options

1. Disable the simulator
2. Change the model
3. Features and mockup of the terminal
4. Change the orientation of the selected device
5. Make a transparent PNG capture
6. Create an animated GIF capture
7. Activate day mode - Activate night mode
8. Share the visual
9. Help Center 
10. Configuration

A free option and various paid plans

1. Free plan

• 1 user
• not all models are available
• limited video captures
• advertisement

2. Personal Plan for a fee: (2.90€/month)

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

3. Start-up plan ( 24.90€/month)

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

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

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

6. Why use this extension?

• The free version offers enough formats to test the responsive web design of your site
• Very useful online tool to test a site
• Easy to use
• An instant display
• Quick sharing possible to present your work live or by email
• Free mockups in PNG format that you can import into figma, photoshop, Invison etc.
• over 200,000 users
• Screenshots possible (mock-up, emails, presentations, client demos etc.)
  
• Videos - GIF format
• dark & white mode