He uses "Responsive Design Mode" in Safari from the Develop menu. You might have to turn on the Develop menu for Safari from the advanced settings tab in Safari's settings. You will need to have a Mac, unfortunately Apple discountinued Safari for Windows. Other browsers do have similar functionalities.
@@sergio_grez Yes, personally I use Firefox on Windows. You actually don’t need an extension; right click on the page and choose “Inspect Element”. Then on the toolbar that shows up, in the top-right you will find an icon with two phones. When you click that you enter Firefox’s responsive design mode, you can then choose a device from the dropdown that says “Responsive” (or the name of the selected device). I’m pretty sure Chrome will have something similar too. Good luck!
@@WesseI thank you very much. Yes, i do use that chrome visualizer for mobile comparison, but the thing is that it still shows the panel on the righr with all the info ad styles. This mac simulator seemed a lot cleaner at presenting the mobile views.
love the bonjour one, the sidescrolling, the photo reveal buttons, black to white photo effects, and & the layout is so pretty :)
Lewa is even better wow! :)
What are you using to move between mobile/tablet/desktop?
Great sites and really great breakdown.
Much appreciated!
4:10 b&w transition
Awesome collection. I loved it
Wow. really awesome websites.
What is the responsive emulator you use to view mobile vs desktop etc?
Built in tool in Safari. You have to enable developer settings in preferences
Please tell me websites name. Please
Thank u for your content.
My pleasure!
These designs have horrible UX, except Lewa House. The others are nice designs for designers, not users.
Looks like the bonjour link is a duplicate of the makebeautiful one...
Thank you, I missed that.
what software do you use to visualize the different screen sizes? great video!
Try 'Window Resizer' - it's a chrome extension
He uses "Responsive Design Mode" in Safari from the Develop menu. You might have to turn on the Develop menu for Safari from the advanced settings tab in Safari's settings. You will need to have a Mac, unfortunately Apple discountinued Safari for Windows. Other browsers do have similar functionalities.
@@WesseI thenk you very much. unfortunately I don't have a mac, i am a windows user. Is there any similar extension that works like this in windows?
@@sergio_grez Yes, personally I use Firefox on Windows. You actually don’t need an extension; right click on the page and choose “Inspect Element”. Then on the toolbar that shows up, in the top-right you will find an icon with two phones. When you click that you enter Firefox’s responsive design mode, you can then choose a device from the dropdown that says “Responsive” (or the name of the selected device). I’m pretty sure Chrome will have something similar too. Good luck!
@@WesseI thank you very much. Yes, i do use that chrome visualizer for mobile comparison, but the thing is that it still shows the panel on the righr with all the info ad styles. This mac simulator seemed a lot cleaner at presenting the mobile views.
Source code?
last one is hot 🔥