Social media giant Facebook has started rolling out a new, redesigned User Interface (UI), with the option of switching to “Dark Mode” for high contrast social media browsing.
How will you get it? : Unfortunately, The redesign, which features a reworked layout including a new desktop UI for the user profile, public page, community groups, and video feeds, has been made available to users at random for testing and feedback.

The new Design is Simple, Faster, with bigger text and Yep ..if you are not a fan of Bright Colors than an option to switch to Dark Mode

Check out the Dark mode below

The messenger tab has also been extensively reworked and now features bubbles and notification alerts similar to the Messenger app, while the shortcuts, search and fine print options have moved to the extremities. Multiple message windows on the desktop view are no longer a thing — users will need to minimize each window before opening or replying to another.

Facebook pages now have an option … to check your Page as a visitor point of view …

This is how our page looks like to a visitor

Along with the design updates comes a few functionality additions as well, such as a much-needed “Undo” option that appears and winds down after the user shares a post. While the option of removing embarrassing or compromising messages on Messenger threads was a welcome addition in the recent past, the undo option for post shares is a novel feature.
There is no news on what the mobile app looks like or when Facebook will be rolling out the update and force users to switch to the new layout.
You may Also Like
By Richard
/ June 5, 2022
How to add Typing Effect / Type Writer Effect to your text Using JavaScript Step 1) Add HTML: <h1>Typewriter</h1>...
Read More
By Richard
/ May 22, 2022
Learn How to Create a full screen video background using HTML, CSS Adding HTML <div class="videobg"> <video src="https://adaptabiz.com/wp-content/uploads/2021/05/Pexels-Videos-1234162.mp4" loop muted...
Read More
By Richard
/ April 29, 2022
How to Create an Off-Canvas Menu / Side Bar Navigation Step 1) Add HTML: <div id="mySidenav" class="sidenav"> <a href="javascript:void(0)" class="closebtn"...
Read More
By Richard
/ April 19, 2022
How To Create a Coming Soon Page / Maintenance Page Using HTML, CSS and JavaScript Step 1 : Adding...
Read More
By Richard
/ April 2, 2022
How to Create Weight Converter using HTML and JavaScript For Converting Pounds to Kilogram Adding HTML : <h2>Weight Converter Pound...
Read More
By Richard
/ February 19, 2022
How to create a Scroll indicator with CSS and JavaScript Step 1) Add HTML: <div class="header"> <h2>Scroll Indicator</h2> <div...
Read More
By Richard
/ February 15, 2022
Many a times, there is necessity of converting Color image into Black and White or Grayscale. Here in this very...
Read More
By Richard
/ February 4, 2022
There are many a times, when you’re going to need a countdown clock for your project. You may have an...
Read More
By Richard
/ January 20, 2022
How to Create an Avatar image with CSS Step 1) Add HTML: <h2>How to create Avatar Images with CSS</h2> <img...
Read More
By Richard
/ January 13, 2022
How to Change Background Images on Scroll with CSS. Step 1) Add HTML: <div class="bg-image img1"></div> <div class="bg-image img2"></div>...
Read More