Zara  Bryant

Zara Bryant

1618474860

Microsoft Edge: Web Dev Tools, A11y, and PWAs

The new Microsoft Edge Chromium-based web browser has all sorts of exciting new tools to assist web developers, features to improve accessibility (A11y), and support for building progressive web apps (PWAs). Learn about it from a few members of the team who work on it in this episode of Tabs vs Spaces.

This episode covers:

  • 00:00 Introductions: Chris Heilmann, Rachel Weil, Erica Draud
  • 00:35 Chris Heilmann: What’s new with Microsoft Edge?
  • 04:55 Rachel Weil: What’s new with Microsoft Edge developer tools?
  • 07:02 Rachel Weil Demo: Customizing the DevTools interface
  • 10:30 Rachel Weil Demo: Accessiblity features in DevTools
  • 11:59 Chris Heilmann Demo: Accessiblity features in DevTools
  • 15:46 Erica Draud: What’s new with Progressive Web Apps?
  • 18:45 Erica Draud Demo: How to make a PWA and use the tools
  • 22:37 Tabs vs Spaces? (Everyone)
  • 26:00 Where can I learn more?

–Docs–
Microsoft Edge: https://docs.microsoft.com/microsoft-edge
PWA Service Worker improvements: https://docs.microsoft.com/microsoft-edge/devtools-guide-chromium/service-workers/

–News & blogs–
https://developer.microsoft.com/microsoft-edge

#pwa #web-development #developer

What is GEEK

Buddha Community

Microsoft Edge: Web Dev Tools, A11y, and PWAs
Kabanda  Nat

Kabanda Nat

1624696786

Microsoft Edge: Web dev tools, A11y, and PWAs

This episode covers:

  • Introductions: Chris Heilmann, Rachel Weil, Erica Draud
  • Chris Heilmann: What’s new with Microsoft Edge?
  • Rachel Weil: What’s new with Microsoft Edge developer tools?
  • Rachel Weil Demo: Customizing the DevTools interface
  • Rachel Weil Demo: Accessiblity features in DevTools
  • Chris Heilmann Demo: Accessiblity features in DevTools
  • Erica Draud: What’s new with Progressive Web Apps?
  • Erica Draud Demo: How to make a PWA and use the tools
  • Tabs vs Spaces? (Everyone)
  • Where can I learn more?

#microsoft edge #web dev tools #pwas #web dev

Ashish parmar

Ashish parmar

1627043546

Evolution in Web Design: A Case Study of 25 Years - Prismetric

The term web design simply encompasses a design process related to the front-end design of website that includes writing mark-up. Creative web design has a considerable impact on your perceived business credibility and quality. It taps onto the broader scopes of web development services.

Web designing is identified as a critical factor for the success of websites and eCommerce. The internet has completely changed the way businesses and brands operate. Web design and web development go hand-in-hand and the need for a professional web design and development company, offering a blend of creative designs and user-centric elements at an affordable rate, is growing at a significant rate.

In this blog, we have focused on the different areas of designing a website that covers all the trends, tools, and techniques coming up with time.

Web design
In 2020 itself, the number of smartphone users across the globe stands at 6.95 billion, with experts suggesting a high rise of 17.75 billion by 2024. On the other hand, the percentage of Gen Z web and internet users worldwide is up to 98%. This is not just a huge market but a ginormous one to boost your business and grow your presence online.

Web Design History
At a huge particle physics laboratory, CERN in Switzerland, the son of computer scientist Barner Lee published the first-ever website on August 6, 1991. He is not only the first web designer but also the creator of HTML (HyperText Markup Language). The worldwide web persisted and after two years, the world’s first search engine was born. This was just the beginning.

Evolution of Web Design over the years
With the release of the Internet web browser and Windows 95 in 1995, most trading companies at that time saw innumerable possibilities of instant worldwide information and public sharing of websites to increase their sales. This led to the prospect of eCommerce and worldwide group communications.

The next few years saw a soaring launch of the now-so-famous websites such as Yahoo, Amazon, eBay, Google, and substantially more. In 2004, by the time Facebook was launched, there were more than 50 million websites online.

Then came the era of Google, the ruler of all search engines introducing us to search engine optimization (SEO) and businesses sought their ways to improve their ranks. The world turned more towards mobile web experiences and responsive mobile-friendly web designs became requisite.

Let’s take a deep look at the evolution of illustrious brands to have a profound understanding of web design.

Here is a retrospection of a few widely acclaimed brands over the years.

Netflix
From a simple idea of renting DVDs online to a multi-billion-dollar business, saying that Netflix has come a long way is an understatement. A company that has sent shockwaves across Hollywood in the form of content delivery. Abundantly, Netflix (NFLX) is responsible for the rise in streaming services across 190 countries and meaningful changes in the entertainment industry.

1997-2000

The idea of Netflix was born when Reed Hastings and Marc Randolph decided to rent DVDs by mail. With 925 titles and a pay-per-rental model, Netflix.com debuts the first DVD rental and sales site with all novel features. It offered unlimited rentals without due dates or monthly rental limitations with a personalized movie recommendation system.

Netflix 1997-2000

2001-2005

Announcing its initial public offering (IPO) under the NASDAQ ticker NFLX, Netflix reached over 1 million subscribers in the United States by introducing a profile feature in their influential website design along with a free trial allowing members to create lists and rate their favorite movies. The user experience was quite engaging with the categorization of content, recommendations based on history, search engine, and a queue of movies to watch.

Netflix 2001-2005 -2003

2006-2010

They then unleashed streaming and partnering with electronic brands such as blu-ray, Xbox, and set-top boxes so that users can watch series and films straight away. Later in 2010, they also launched their sophisticated website on mobile devices with its iconic red and black themed background.

Netflix 2006-2010 -2007

2011-2015

In 2013, an eye-tracking test revealed that the users didn’t focus on the details of the movie or show in the existing interface and were perplexed with the flow of information. Hence, the professional web designers simply shifted the text from the right side to the top of the screen. With Daredevil, an audio description feature was also launched for the visually impaired ones.

Netflix 2011-2015

2016-2020

These years, Netflix came with a plethora of new features for their modern website design such as AutoPay, snippets of trailers, recommendations categorized by genre, percentage based on user experience, upcoming shows, top 10 lists, etc. These web application features yielded better results in visual hierarchy and flow of information across the website.

Netflix 2016-2020

2021

With a sleek logo in their iconic red N, timeless black background with a ‘Watch anywhere, Cancel anytime’ the color, the combination, the statement, and the leading ott platform for top video streaming service Netflix has overgrown into a revolutionary lifestyle of Netflix and Chill.

Netflix 2021

Contunue to read: Evolution in Web Design: A Case Study of 25 Years

#web #web-design #web-design-development #web-design-case-study #web-design-history #web-development

Justyn  Ortiz

Justyn Ortiz

1603458000

Watch out Chrome, Microsoft Edge is All set to Have an Edge on you

How to stay unique and still give a hard time to competitors? Well, we can learn something about it from Microsoft.

Microsoft is all set to make its mark by rolling out new features and stay different, better and user-friendly to its customers.

Let’s check out the new features which will be available soon.

1. Smart call feature

Longer hours of work from home due to this pandemic implies many video calls.

Creating a video call link is a bummer if you just want things quick and easy, like me.

With “Meet Now” (a new video-calling feature of Microsoft Edge), you can begin a video call with almost 50 people.

No more fancy software installation—just tap on Meet Now on the new tab page, create a link and share it.

Don’t check out right away, the new feature will be rolled out in upcoming weeks.

2. New screenshot tool

Do you squint while taking a screenshot and feel like a bomb-squad carefully plucking out things?

Well, give your fingers some rest, as the new feature will rescue you.

No more going to the search bar, opening a screenshot app which takes forever to open or get an extension on the browser.

Now, Edge’s screenshot tool will scroll down the entire page or image and let you take a screenshot with just a click.

All you have to do:

Tap on the web capture, preview it and share it instantly. Easy, right?

3. Price comparison feature

This one is a bliss for online shopaholics.

Who doesn’t compare prices while shopping online? Well, everyone loves to do it but it’s not an easy task.

\With this new feature, you can actually compare prices without switching between tabs in the browser.

In-built “compare price to other retailers” surely makes things easy as shown in the gif attached.

In near future, Edge is expected to have coupon options too.

#web-browsers #microsoft #browser-extension #features #google #microsoft-edge #google-chrome #internet

Hollie  Ratke

Hollie Ratke

1604235600

Microsoft IE Browser Death March Hastens

As the death of the once dominant Internet Explorer (IE) draws closer, Microsoft is quickly pounding more nails into the browser’s coffin.

On Monday, Microsoft hastened its IE-to-Edge browser-transition strategy and announced new controls for users and IT staff when it comes to how the lame-duck browser will handle a growing list of websites incompatible with IE. Those include YouTube, Twitter, Yahoo Mail and 1,153 other leading internet destinations.

Microsoft also announced that in two short weeks, its own services would no longer be supported by 25-year-old browser that once crushed Netscape and other competitors. In 2004 IE enjoyed 95 percent market share. Today, an estimated 5 percent of users rely on it.

As a point of reference, the Microsoft Edge web browser comes built into Windows 10. In 2015 Microsoft said it would replace IE with Edge in an effort to support modern browser functions, such as extensions. In 2018, it announced further efforts to streamline its development — Edge be rebuilt on the Chromium rendering engine, which is the same code that Google’s Chrome browser uses.

Part of IE’s shuttering entails redirecting users to the Microsoft Edge 87, to be released November 17. However, BleepingComputer reported that the redirects have already begun.

Last Monday, Microsoft explained that users of IE who visited an incompatible website would be presented with an interstitial webpage alerting them they were being redirected to Microsoft Edge. An opt-in prompt asks consent to copy a user’s browsing data and preferences from Internet Explorer to Microsoft Edge. In addition to that, a website incompatibility banner will appear below the address bar for every redirection, Microsoft said.

On Monday, Microsoft released instructions on how IT staff can change the behavior of Internet Explorer when it lands on an incompatible site.

  • One option is configuring IE to not redirect to Edge “RedirectSitesFromInternetExplorerPreventBHOInstall”.
  • A second option “RedirectSitesFromInternetExplorerRedirectMode” allows IE to open sites in Edge – and browser data and user preferences are automatically imported.
  • The third option doesn’t import browser data and user preferences, but hides any incompatibility warning message and redirects IE to Edge.

“Redirection from Internet Explorer to Microsoft Edge requires an Internet Explorer Browser Helper Object (BHO) named ‘IEtoEdge BHO,'” Microsoft explained.

“These policies will be available as ADMX file updates by October 26, 2020 and will be available in Intune by November 9, 2020,” wrote Microsoft. ADMX files are Windows registry-based policy settings that are XML-based and define policy settings and browser behaviors.

#web security #browser support #chromium #end of support #end-of-life #ie #ie-to-edge #internet explorer 11 #microsoft edge #microsoft edge 87 #security bugs #security issues #transition #vulnerabilities #windows xp

Emma Pacino

Emma Pacino

1616744475

Sync Microsoft Account in Edge Browser Bookmarks

Microsoft Edge is the internet browser which is created by Microsoft for the convenience of the user. This browser provides the user great functionality and security features and can be easily install by going to the official website of Microsoft Office through Office.com/setup. A bookmark is basically a place holder for a web page which allows you to quickly access to that page without browsing or searching for it. And to access your favorites bookmark, you should logged into the same Microsoft account in Edge browser. Microsoft Edge allows you to sync so many things like your passwords and credit card details. In this blog, you will read how you can sync Microsoft Edge Bookmarks.

Sync Microsoft Edge Bookmarks on Windows and MacOS: Www.office.com/setup

To sync Microsoft Edge Bookmarks on Windows and Mac device, you should open Edge browser and then click on the menu icon which is the three horizontal dots located in the window’s upper right side of the screen. After this, you need to tap on Settings option. Now, you should click on Sync and then click on Turn on sync option. At this point, you need to click the toggle button which is next to Favorites option just to turn it on. If you find the toggle which is next to Favorites is blue, then you’re synchronizing bookmarks and your favorites will be present in Microsoft Edge on other platforms also.

Read More - How To Resolve If Skype Won’t Ring On Incoming Calls?

Sign in and Activate Sync in Microsoft Edge on Android and iOS:

To Sign in and Activate Sync, first you should click on the blank user icon which is there in the upper left side of the app. After this, you should click on Sign in option with a Microsoft account. Then, you should Sign in to your Microsoft account. Here, you need to click on Turn on sync. Now, your bookmarks will synchronize between your devices.

Sync Bookmarks in Microsoft Edge on Android and iOS:

For this, youshould click on your user icon which is located in the upper left side of the app. After this, you need to click on the Account settings option. Now in the Sync settings section, you should click on Sync option. At this point, you should click on the toggle which is located to the left side of Sync option. If you find it is necessary, then you should click on the checkbox which is next to Favorites option.Now,Sync is active for bookmarks. At the end, you should click on any additional boxes if you want anything else you like to sync.

The above mentioned method will help you to sync Microsoft Edge Bookmarks on Window, Mac, Android and IOS devices. If the user is still finding any issues, then they can anytime contact to the customer care of Microsoft Office through Office.com/setup. The experts of Microsoft are well trained to solve the queries of the users. And the customer can contact them anytime from anywhere.

#microsoft account #edge browser bookmarks #microsoft edge #microsoft office #www.office.com/setup #office.com/setup