does facebook design different web pages for mobile and desktops

separate sites for mobile and desktop
how to get new facebook design 2020
how does designing for mobile app differ from websites
designing for mobile vs desktop
how do i get the new facebook layout
switch to new facebook not showing
facebook new ui desktop
how to get new facebook layout 2020

I'm new to web Dev, but already comfortable with HTML and CSS designed few social network web pages for my project, but I'm confused.

Do I design a mobile web separately from desktop? If yes, is it possible to use php to tell which page to send to a device?

Lastly does Facebook use this method?

They wouldn't be completely different pages but would use breakpoints for different device sizes.

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

This is an example of the CSS involved. You can find more at https://www.w3schools.com/csSref/css3_pr_mediaquery.asp

Mobile Focused Design, <p>Bringing Mobile Design to the Web</p> The recent updates to both the mobile and desktop versions of Facebook are designed with mobile in mind and focus on presenting the stories shared with you in a rich, engaging way. After you upload a new cover image to your Facebook page, be sure to double-check it not only on a desktop computer, but also in the Facebook app on a mobile phone and tablet. Borrow a few different devices from friends if you have to. As with email and web, mobile is critical to the social media strategy for your local business too.

Welcome to stack. First off this is not the best place to ask this type I would checkout Software Engineering . I am not familiar with the inner workings of facebook but I would assuming since they are a large company that they create mobile sites from scratch for the best user experience. You do not have to create mobile sites from scratch though. You can create a mobile site and desktop site at the same time using responsive web design. This is handled using css and html, so you can do it using php server code or any server code but the php code is not responsible for it. There are many ui frameworks that will help you do this such as bootstrap.

Facebook's less cluttered desktop redesign is more widely available , The new design places a heavier emphasis on two of Facebook's most Similar to the mobile app redesign last year, the new desktop layout� Facebook initially said it'd begin offering the new design last year, but still hasn't broadly made it available. The company did, however, redesign its mobile app with a similar look. Originally

To achieve a different view, depending the device getting the page, you should use a responsive framework, and you don't need to design your page multiple times (e.g. for mobile and desktop)

You can create one of yours or use something like bootstrap:

Build responsive, mobile-first projects on the web with the world’s most popular front-end component library.

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS. Quickly prototype your ideas or build your entire app with our Sass variables and mixins, responsive grid system, extensive prebuilt components, and powerful plugins built on jQuery.

Bootstrap works with any language, so even PHP.

Facebook also developed and uses React.

Why did Facebook opt for a separate mobile site vs a responsive , In responsive web design, the HTML, CSS, and Javascript is rendered same across team and process for two separate target audience (desktop and mobile ). Pages allow you to create a presence for your business on Facebook, reach your customers, share information and run ads. We're always improving Facebook Pages, adding new features, updating existing features and working to make Pages relevant and useful for every business that uses them.

How Designing for Mobile is Different from Desktop, Designing sites for mobile is a whole different kettle of fish, in ways that go way beyond screen size. Users interact with their phones and mobile� The "separate sites" approach to mobile Web development involves creating different sites for mobile and desktop Web users. This approach has positive and negative aspects. The good. The first option is the most popular by far: use user-agent detection to route users on

Facebook shows off next major design including new logo, Facebook shows off major redesign coming to iOS and desktop including dark mode for web, Instagram getting new 'Create Mode,' more Another private communication focused update that will be coming to Messenger will On mobile, we're rolling out Dark Mode first in Watch only, to help cut down on� Facebook can be just as infuriating, too, so I set out to find a way to view the full version of the Facebook web pages on mobile. Facebook doesn’t make it easy for you to switch from desktop to mobile view on your mobile device, tablet, or ipad.

Facebook redesign will give website a new, cleaner look, Video: Zuckerberg gives a first look at redesigned Facebook desktop and mobile apps. Overall, the website looks more minimalist than the current version and includes more white space. The top of the website is no longer dark blue. Facebook pages and groups are a great way to connect, learn, and share ideas with others in the web design industry. Take a look at UpCity's picks of the top 25 groups and pages for web designers.

Comments
  • The concept you're probably looking for is called "Responsive Design". Your question isn't about a code issue as much as it is about general programming concepts, so I'd recommend you Google the topic to learn a bit more about it.