SlideShare a Scribd company logo
1 of 25
Download to read offline
Browsers: from competition


to collaboration
Keynote for WebExpo 2022 (Frontendisti.cz collab)




@machal
1977
I am 45 years old this year. I was born in 1977.
In the same year, NASA launched the Voyager 1 mission.


Voyager is still floating in space and partially works. Same with me.


No, really. Sometime I feel really anchient.
Browsers
But I'm not here to talk about myself. I want to talk about our beloved browsers.


I want to talk about what's changed so much about browsers.
1996
My relationship with browsers began in 1996.
11 %
89 %
Netscape ETC
When I started at college, the
majority of users were using
the Netscape browser.


I hated Netscape, it was full


of bugs.
7 %
4 %
89 %
Netscape MSIE ETC
Fortunately, a new and
progressive browser has
entered the market –




Microsoft's Internet Explorer.




😱
2000
I graduated from college in 2000.


By then everything was different.
14 %
86 %
MSIE Netscape
Most of the market belonged to
Microsoft and Internet Explorer.
2004
Four years later, it was even worse.
5 %
95 %
MSIE Mozilla
By then It seemed like there
was only one browser in the
world. Internet Explorer.
Developers started putting icons like this on their sites.


But it was strange because Microsoft was not participating in web


standards and creating its own.
2022
This year is completely different.
All big tech companies, including
Microsoft, are working on web
standards.




But we have another problem
here. Different browsers have
different priorities. So we're
waiting a long time for some
new features.
3 %
5 %
4 %
20 %
68 %
Chrome Safari Edge ETC Firefox
We have two major browsers -
Chrome and Safari - and several
smaller ones.


Internet Explorer doesn't exist
anymore. As developers we
have nothing to complain about.


Safari has taken over the role of
Explorer.
But not for long. In 2021, Apple
started working more on Safari.




They hired lots of developers
and things started to change.
https://www.computerworld.com/article/3649769/apple-wants-to-know-why-you-hate-safari.html
A year ago, Safari was the
worst in terms of adopting new
features.
https://wpt.fyi/compat2021?feature=summary
But this year Safari
started to be far
better than Firefox.
I got the chart from the Compat
2021 initiative.




It's a group of people trying to
unify browser development.




They determine which features
from web standards are most
important.
https://web.dev/compat2021/
• Grid


• position:sticky


• aspect-ratio()
Thanks to them, we have a
number of new features in
modern browsers.




For example, they removed
bugs in Flexbox and Grid.


They also added position:sticky
or the CSS property aspect-
ratio.
This year's initiative is called
Interop 2022. It seeks to focus
on new features and get them
into browsers.
https://web.dev/interop-2022/
• CSS Cascade Layers


• <dialog>


• CSS color functions


• Subgrid


• …
Thanks to this, we can now
present features like CSS
cascade layers or element
dialog in HTML on this stage.
And we look forward to more
news.
This is the current status.


As you can see, smaller browsers can now compete with Chrome.




I think this is great for us as web developers!
https://wpt.fyi/interop-2022?stable
If browsers can do it,


so could we.


Less competition and more
cooperation.
Enjoy WebExpo


collab with Frontendisti!
Welcome to the community
driven stage.
Browsers: from competition to collaboration

More Related Content

Similar to Browsers: from competition to collaboration

How Firefox Works
How Firefox WorksHow Firefox Works
How Firefox Worksyu
 
How Firefox Works
How Firefox WorksHow Firefox Works
How Firefox Worksyu
 
Javascript State of the Union 2015 - English
Javascript State of the Union 2015 - EnglishJavascript State of the Union 2015 - English
Javascript State of the Union 2015 - EnglishHuge
 
Extending the web: Maps, the commons, and pie
Extending the web: Maps, the commons, and pieExtending the web: Maps, the commons, and pie
Extending the web: Maps, the commons, and pieIgalia
 
Testing Mobile JavaScript
Testing Mobile JavaScriptTesting Mobile JavaScript
Testing Mobile JavaScriptjeresig
 
BUILDING AWESOME WEBSITE - A GUIDE TO WEBSITE PRODUCTION
BUILDING AWESOME WEBSITE - A GUIDE TO WEBSITE PRODUCTIONBUILDING AWESOME WEBSITE - A GUIDE TO WEBSITE PRODUCTION
BUILDING AWESOME WEBSITE - A GUIDE TO WEBSITE PRODUCTIONMoses Kim
 
16 Web & Graphic Design Trends to Watch in 2016
16 Web & Graphic Design Trends to Watch in 201616 Web & Graphic Design Trends to Watch in 2016
16 Web & Graphic Design Trends to Watch in 2016Ernesto Olivares
 
Monetize All the Things
Monetize All the ThingsMonetize All the Things
Monetize All the ThingsJake Spurlock
 
From hello world to goodbye code
From hello world to goodbye codeFrom hello world to goodbye code
From hello world to goodbye codeKim Moir
 
Congrats web developer, you are also a mobile developer!
Congrats web developer, you are also a mobile developer!Congrats web developer, you are also a mobile developer!
Congrats web developer, you are also a mobile developer!Eyal Eizenberg
 
The Joy Of Firefox Extensions 25791
The Joy Of Firefox Extensions 25791The Joy Of Firefox Extensions 25791
The Joy Of Firefox Extensions 25791vickyhacky
 
The Joy of Firefox Extensions
The Joy of Firefox ExtensionsThe Joy of Firefox Extensions
The Joy of Firefox Extensionsandy_mitchell
 
From legacy to mobile app developer
From legacy to mobile app developerFrom legacy to mobile app developer
From legacy to mobile app developerJoey Rigor
 
The case for Web components - Drupal4Gov webinar
The case for Web components - Drupal4Gov webinarThe case for Web components - Drupal4Gov webinar
The case for Web components - Drupal4Gov webinarbtopro
 
The Present and Future of JavaScript: ES2015 and Beyond
The Present and Future of JavaScript: ES2015 and BeyondThe Present and Future of JavaScript: ES2015 and Beyond
The Present and Future of JavaScript: ES2015 and BeyondNizar Khalife
 
Webapps: introduction and publishing on Firefox OS
Webapps: introduction and publishing on Firefox OSWebapps: introduction and publishing on Firefox OS
Webapps: introduction and publishing on Firefox OSJorge Ferreiro
 
A call to JS Developers - Let’s stop trying to impress each other and start b...
A call to JS Developers - Let’s stop trying to impress each other and start b...A call to JS Developers - Let’s stop trying to impress each other and start b...
A call to JS Developers - Let’s stop trying to impress each other and start b...Christian Heilmann
 

Similar to Browsers: from competition to collaboration (20)

How Firefox Works
How Firefox WorksHow Firefox Works
How Firefox Works
 
How Firefox Works
How Firefox WorksHow Firefox Works
How Firefox Works
 
Javascript State of the Union 2015 - English
Javascript State of the Union 2015 - EnglishJavascript State of the Union 2015 - English
Javascript State of the Union 2015 - English
 
Extending the web: Maps, the commons, and pie
Extending the web: Maps, the commons, and pieExtending the web: Maps, the commons, and pie
Extending the web: Maps, the commons, and pie
 
Testing Mobile JavaScript
Testing Mobile JavaScriptTesting Mobile JavaScript
Testing Mobile JavaScript
 
BUILDING AWESOME WEBSITE - A GUIDE TO WEBSITE PRODUCTION
BUILDING AWESOME WEBSITE - A GUIDE TO WEBSITE PRODUCTIONBUILDING AWESOME WEBSITE - A GUIDE TO WEBSITE PRODUCTION
BUILDING AWESOME WEBSITE - A GUIDE TO WEBSITE PRODUCTION
 
16 Web & Graphic Design Trends to Watch in 2016
16 Web & Graphic Design Trends to Watch in 201616 Web & Graphic Design Trends to Watch in 2016
16 Web & Graphic Design Trends to Watch in 2016
 
Monetize All the Things
Monetize All the ThingsMonetize All the Things
Monetize All the Things
 
From hello world to goodbye code
From hello world to goodbye codeFrom hello world to goodbye code
From hello world to goodbye code
 
Congrats web developer, you are also a mobile developer!
Congrats web developer, you are also a mobile developer!Congrats web developer, you are also a mobile developer!
Congrats web developer, you are also a mobile developer!
 
The Joy Of Firefox Extensions 25791
The Joy Of Firefox Extensions 25791The Joy Of Firefox Extensions 25791
The Joy Of Firefox Extensions 25791
 
The Joy of Firefox Extensions
The Joy of Firefox ExtensionsThe Joy of Firefox Extensions
The Joy of Firefox Extensions
 
From legacy to mobile app developer
From legacy to mobile app developerFrom legacy to mobile app developer
From legacy to mobile app developer
 
Internet2 (1).pptx
Internet2 (1).pptxInternet2 (1).pptx
Internet2 (1).pptx
 
The case for Web components - Drupal4Gov webinar
The case for Web components - Drupal4Gov webinarThe case for Web components - Drupal4Gov webinar
The case for Web components - Drupal4Gov webinar
 
The Present and Future of JavaScript: ES2015 and Beyond
The Present and Future of JavaScript: ES2015 and BeyondThe Present and Future of JavaScript: ES2015 and Beyond
The Present and Future of JavaScript: ES2015 and Beyond
 
Webapps: introduction and publishing on Firefox OS
Webapps: introduction and publishing on Firefox OSWebapps: introduction and publishing on Firefox OS
Webapps: introduction and publishing on Firefox OS
 
A call to JS Developers - Let’s stop trying to impress each other and start b...
A call to JS Developers - Let’s stop trying to impress each other and start b...A call to JS Developers - Let’s stop trying to impress each other and start b...
A call to JS Developers - Let’s stop trying to impress each other and start b...
 
Flourish2011
Flourish2011Flourish2011
Flourish2011
 
Top 10 java script frameworks for 2020
Top 10 java script frameworks for 2020Top 10 java script frameworks for 2020
Top 10 java script frameworks for 2020
 

More from Martin Michálek

Rychlejší web snadno a rychle: Nové technologie a nástroje pro vývojáře
Rychlejší web snadno a rychle: Nové technologie a nástroje pro vývojářeRychlejší web snadno a rychle: Nové technologie a nástroje pro vývojáře
Rychlejší web snadno a rychle: Nové technologie a nástroje pro vývojářeMartin Michálek
 
CSS a sazba knih: jak jsme daleko?
CSS a sazba knih: jak jsme daleko?CSS a sazba knih: jak jsme daleko?
CSS a sazba knih: jak jsme daleko?Martin Michálek
 
„To my ne, to oni!“ – komponenty třetích stran a rychlost webu
„To my ne, to oni!“ – komponenty třetích stran a rychlost webu„To my ne, to oni!“ – komponenty třetích stran a rychlost webu
„To my ne, to oni!“ – komponenty třetích stran a rychlost webuMartin Michálek
 
17 technických tipů ke zrychlení webů
17 technických tipů ke zrychlení webů17 technických tipů ke zrychlení webů
17 technických tipů ke zrychlení webůMartin Michálek
 
Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?
Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?
Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?Martin Michálek
 
Blbosti kolem webové rychlosti
Blbosti kolem webové rychlostiBlbosti kolem webové rychlosti
Blbosti kolem webové rychlostiMartin Michálek
 
SEO jako Brno - workshop k rychlosti webu
SEO jako Brno - workshop k rychlosti webuSEO jako Brno - workshop k rychlosti webu
SEO jako Brno - workshop k rychlosti webuMartin Michálek
 
Web rychlý jako blesk (s důrazem na AMP)
Web rychlý jako blesk (s důrazem na AMP)Web rychlý jako blesk (s důrazem na AMP)
Web rychlý jako blesk (s důrazem na AMP)Martin Michálek
 
CSS proměnné (Custom Properties)
CSS proměnné (Custom Properties)CSS proměnné (Custom Properties)
CSS proměnné (Custom Properties)Martin Michálek
 
AMP: Co řeší a co nového nabízí
AMP: Co řeší a co nového nabízíAMP: Co řeší a co nového nabízí
AMP: Co řeší a co nového nabízíMartin Michálek
 
Metriky rychlosti načítání
Metriky rychlosti načítáníMetriky rychlosti načítání
Metriky rychlosti načítáníMartin Michálek
 
WebExpo 2017 - Přístupnost v kódu: ukázky a návrhové vzory
WebExpo 2017 - Přístupnost v kódu: ukázky a návrhové vzoryWebExpo 2017 - Přístupnost v kódu: ukázky a návrhové vzory
WebExpo 2017 - Přístupnost v kódu: ukázky a návrhové vzoryMartin Michálek
 
Je CSS vážně tak podivné?
Je CSS vážně  tak podivné?Je CSS vážně  tak podivné?
Je CSS vážně tak podivné?Martin Michálek
 
WordPress šablony a rychlost načítání (WordCamp Praha 2017)
WordPress šablony a  rychlost načítání (WordCamp Praha 2017)WordPress šablony a  rychlost načítání (WordCamp Praha 2017)
WordPress šablony a rychlost načítání (WordCamp Praha 2017)Martin Michálek
 
Slasti a pasti prototypování v HTML
Slasti a pasti  prototypování v HTMLSlasti a pasti  prototypování v HTML
Slasti a pasti prototypování v HTMLMartin Michálek
 
10 praktických CSS3 a SVG řešení
10 praktických  CSS3 a SVG řešení10 praktických  CSS3 a SVG řešení
10 praktických CSS3 a SVG řešeníMartin Michálek
 
Debugování responzivních webů
Debugování responzivních webůDebugování responzivních webů
Debugování responzivních webůMartin Michálek
 
Vše co potřebuje markeťák vědět o rychlostní optimalizaci webů
Vše co potřebuje markeťák vědět o rychlostní optimalizaci webůVše co potřebuje markeťák vědět o rychlostní optimalizaci webů
Vše co potřebuje markeťák vědět o rychlostní optimalizaci webůMartin Michálek
 

More from Martin Michálek (20)

Rychlejší web snadno a rychle: Nové technologie a nástroje pro vývojáře
Rychlejší web snadno a rychle: Nové technologie a nástroje pro vývojářeRychlejší web snadno a rychle: Nové technologie a nástroje pro vývojáře
Rychlejší web snadno a rychle: Nové technologie a nástroje pro vývojáře
 
CSS a sazba knih: jak jsme daleko?
CSS a sazba knih: jak jsme daleko?CSS a sazba knih: jak jsme daleko?
CSS a sazba knih: jak jsme daleko?
 
„To my ne, to oni!“ – komponenty třetích stran a rychlost webu
„To my ne, to oni!“ – komponenty třetích stran a rychlost webu„To my ne, to oni!“ – komponenty třetích stran a rychlost webu
„To my ne, to oni!“ – komponenty třetích stran a rychlost webu
 
17 technických tipů ke zrychlení webů
17 technických tipů ke zrychlení webů17 technických tipů ke zrychlení webů
17 technických tipů ke zrychlení webů
 
Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?
Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?
Rychlost webu: Co pro ni mohou udělat UXáci, marketéři a majitelé webů?
 
Blbosti kolem webové rychlosti
Blbosti kolem webové rychlostiBlbosti kolem webové rychlosti
Blbosti kolem webové rychlosti
 
SEO jako Brno - workshop k rychlosti webu
SEO jako Brno - workshop k rychlosti webuSEO jako Brno - workshop k rychlosti webu
SEO jako Brno - workshop k rychlosti webu
 
Web rychlý jako blesk (s důrazem na AMP)
Web rychlý jako blesk (s důrazem na AMP)Web rychlý jako blesk (s důrazem na AMP)
Web rychlý jako blesk (s důrazem na AMP)
 
CSS proměnné (Custom Properties)
CSS proměnné (Custom Properties)CSS proměnné (Custom Properties)
CSS proměnné (Custom Properties)
 
Devel.cz: Bootstrap 4
Devel.cz: Bootstrap 4Devel.cz: Bootstrap 4
Devel.cz: Bootstrap 4
 
AMP: Co řeší a co nového nabízí
AMP: Co řeší a co nového nabízíAMP: Co řeší a co nového nabízí
AMP: Co řeší a co nového nabízí
 
Metriky rychlosti načítání
Metriky rychlosti načítáníMetriky rychlosti načítání
Metriky rychlosti načítání
 
WebExpo 2017 - Přístupnost v kódu: ukázky a návrhové vzory
WebExpo 2017 - Přístupnost v kódu: ukázky a návrhové vzoryWebExpo 2017 - Přístupnost v kódu: ukázky a návrhové vzory
WebExpo 2017 - Přístupnost v kódu: ukázky a návrhové vzory
 
Je CSS vážně tak podivné?
Je CSS vážně  tak podivné?Je CSS vážně  tak podivné?
Je CSS vážně tak podivné?
 
WordPress šablony a rychlost načítání (WordCamp Praha 2017)
WordPress šablony a  rychlost načítání (WordCamp Praha 2017)WordPress šablony a  rychlost načítání (WordCamp Praha 2017)
WordPress šablony a rychlost načítání (WordCamp Praha 2017)
 
Slasti a pasti prototypování v HTML
Slasti a pasti  prototypování v HTMLSlasti a pasti  prototypování v HTML
Slasti a pasti prototypování v HTML
 
10 praktických CSS3 a SVG řešení
10 praktických  CSS3 a SVG řešení10 praktických  CSS3 a SVG řešení
10 praktických CSS3 a SVG řešení
 
Debugování responzivních webů
Debugování responzivních webůDebugování responzivních webů
Debugování responzivních webů
 
Mobile First v praxi
Mobile First v praxiMobile First v praxi
Mobile First v praxi
 
Vše co potřebuje markeťák vědět o rychlostní optimalizaci webů
Vše co potřebuje markeťák vědět o rychlostní optimalizaci webůVše co potřebuje markeťák vědět o rychlostní optimalizaci webů
Vše co potřebuje markeťák vědět o rychlostní optimalizaci webů
 

Recently uploaded

Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAndikSusilo4
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptxLBM Solutions
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?XfilesPro
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraDeakin University
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024BookNet Canada
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsHyundai Motor Group
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Patryk Bandurski
 
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetHyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetEnjoy Anytime
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhisoniya singh
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 

Recently uploaded (20)

Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & ApplicationAzure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
 
Key Features Of Token Development (1).pptx
Key  Features Of Token  Development (1).pptxKey  Features Of Token  Development (1).pptx
Key Features Of Token Development (1).pptx
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Transcript: #StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?How to Remove Document Management Hurdles with X-Docs?
How to Remove Document Management Hurdles with X-Docs?
 
Pigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food ManufacturingPigging Solutions in Pet Food Manufacturing
Pigging Solutions in Pet Food Manufacturing
 
The transition to renewables in India.pdf
The transition to renewables in India.pdfThe transition to renewables in India.pdf
The transition to renewables in India.pdf
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
Artificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning eraArtificial intelligence in the post-deep learning era
Artificial intelligence in the post-deep learning era
 
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
 
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter RoadsSnow Chain-Integrated Tire for a Safe Drive on Winter Roads
Snow Chain-Integrated Tire for a Safe Drive on Winter Roads
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptxVulnerability_Management_GRC_by Sohang Sengupta.pptx
Vulnerability_Management_GRC_by Sohang Sengupta.pptx
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
Integration and Automation in Practice: CI/CD in Mule Integration and Automat...
 
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your BudgetHyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
Hyderabad Call Girls Khairatabad ✨ 7001305949 ✨ Cheap Price Your Budget
 
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | DelhiFULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 

Browsers: from competition to collaboration

  • 1. Browsers: from competition to collaboration Keynote for WebExpo 2022 (Frontendisti.cz collab) 
 
 @machal
  • 2. 1977 I am 45 years old this year. I was born in 1977.
  • 3. In the same year, NASA launched the Voyager 1 mission. 
 Voyager is still floating in space and partially works. Same with me. 
 No, really. Sometime I feel really anchient.
  • 4. Browsers But I'm not here to talk about myself. I want to talk about our beloved browsers. I want to talk about what's changed so much about browsers.
  • 5. 1996 My relationship with browsers began in 1996.
  • 6. 11 % 89 % Netscape ETC When I started at college, the majority of users were using the Netscape browser. I hated Netscape, it was full 
 of bugs.
  • 7. 7 % 4 % 89 % Netscape MSIE ETC Fortunately, a new and progressive browser has entered the market – 
 
 Microsoft's Internet Explorer. 
 
 😱
  • 8. 2000 I graduated from college in 2000. 
 By then everything was different.
  • 9. 14 % 86 % MSIE Netscape Most of the market belonged to Microsoft and Internet Explorer.
  • 10. 2004 Four years later, it was even worse.
  • 11. 5 % 95 % MSIE Mozilla By then It seemed like there was only one browser in the world. Internet Explorer.
  • 12. Developers started putting icons like this on their sites. 
 But it was strange because Microsoft was not participating in web 
 standards and creating its own.
  • 13. 2022 This year is completely different. All big tech companies, including Microsoft, are working on web standards. 
 
 But we have another problem here. Different browsers have different priorities. So we're waiting a long time for some new features.
  • 14. 3 % 5 % 4 % 20 % 68 % Chrome Safari Edge ETC Firefox We have two major browsers - Chrome and Safari - and several smaller ones. 
 Internet Explorer doesn't exist anymore. As developers we have nothing to complain about. 
 Safari has taken over the role of Explorer.
  • 15. But not for long. In 2021, Apple started working more on Safari. 
 
 They hired lots of developers and things started to change. https://www.computerworld.com/article/3649769/apple-wants-to-know-why-you-hate-safari.html
  • 16. A year ago, Safari was the worst in terms of adopting new features. https://wpt.fyi/compat2021?feature=summary
  • 17. But this year Safari started to be far better than Firefox.
  • 18. I got the chart from the Compat 2021 initiative. 
 
 It's a group of people trying to unify browser development. 
 They determine which features from web standards are most important. https://web.dev/compat2021/
  • 19. • Grid • position:sticky • aspect-ratio() Thanks to them, we have a number of new features in modern browsers. 
 
 For example, they removed bugs in Flexbox and Grid. 
 They also added position:sticky or the CSS property aspect- ratio.
  • 20. This year's initiative is called Interop 2022. It seeks to focus on new features and get them into browsers. https://web.dev/interop-2022/
  • 21. • CSS Cascade Layers • <dialog> • CSS color functions • Subgrid • … Thanks to this, we can now present features like CSS cascade layers or element dialog in HTML on this stage. And we look forward to more news.
  • 22. This is the current status. 
 As you can see, smaller browsers can now compete with Chrome. 
 
 I think this is great for us as web developers! https://wpt.fyi/interop-2022?stable
  • 23. If browsers can do it, so could we. Less competition and more cooperation.
  • 24. Enjoy WebExpo 
 collab with Frontendisti! Welcome to the community driven stage.