Emergence Of The Web

•Download as KEY, PDF•

2 likes•248 views

an internal presentation to colleagues

Technology Business

Episode VII :

Revenge of the Web

Wai
Software Web Developer
25th June 2008

HTML Standards

HTML 2.0 HTML 5.0
1995 2008

Poor Compliances

Poor Compliances

Poor Compliances

More ...

More ...

More ...

More ...

More ...

More ...

What’s new in HTML 5?

<canvas> to draw things!
<video> to display videos! no more embed stuff!
<audio> to play audio natively ..
<time>, <progress>, <meter>, <menu> .. .etc.

HTML5

Demo

Using Canvas + Javascript

HTML5

Demo

Using Canvas + Javascript

HTML5

Demo

Using Canvas + Javascript

HTML5

Demo

Firefox Team’s HTML 5 Video

HTML5

Demo

Apple’s Safari Welcome Page

HTML5

Demo

Apple’s iPhone Ad using video tag

Evolution of CSS

CSS 1.0 CSS 2.0, 2.1, 3.0!
1996 Present

Obsessions

CSS3

Demo

Firefox Team’s CSS Fonts

CSS3

Demo

CSS 3 Leaves

CSS3

Demo

Matrix Animation Using CSS

CSS3

Demo

iPhone 3D Animation using CSS

CSS3

Demo

iPhone 3D Animation using CSS

Powerful!
to beat ﬂash?

More Related Content

What's hot

uWebshop Presentation @ BuugBE

uWebshop Presentation @ BuugBE

uWebshop Presentation @ BuugBE

Whathaveyoulearntabouttechnoly

Whathaveyoulearntabouttechnoly

Whathaveyoulearntabouttechnoly

What have you learnt about technology from the

What have you learnt about technology from the

What have you learnt about technology from the

Internet Broadcasting

Internet Broadcasting

Internet Broadcasting

Fb Webinar WP Plugin

Fb Webinar WP Plugin

Fb Webinar WP Plugin

Video Personalization

Video Personalization

Video Personalization

What's hot (6)

uWebshop Presentation @ BuugBE

uWebshop Presentation @ BuugBE

uWebshop Presentation @ BuugBE

Whathaveyoulearntabouttechnoly

Whathaveyoulearntabouttechnoly

Whathaveyoulearntabouttechnoly

What have you learnt about technology from the

What have you learnt about technology from the

What have you learnt about technology from the

Internet Broadcasting

Internet Broadcasting

Internet Broadcasting

Fb Webinar WP Plugin

Fb Webinar WP Plugin

Fb Webinar WP Plugin

Video Personalization

Video Personalization

Video Personalization

Similar to Emergence Of The Web

HTML5 Driven Development

HTML5 Driven Development

HTML5 Driven Development

Marcin Dembowski

From the 2011 ACE/NETC Conference in Denver, CO This presentation focuses on utilizing technologies such as jQuery, CSS, Ajax/Spry, Wordpress, and other tools to extend the capabilities of the Adobe web publishing system. The Adobe web publishing system is primarily composed of Dreamweaver, Contribute, and the Contribute Publishing Server. Dreamweaver is used by web designers and developers to create websites. Contribute is used by the non-technical subject matter experts to edit the content of the websites through a simple graphic user interface similar to Microsoft Word. The Contribute Publishing Server controls the file permissions and other administrative settings of the websites. These programs also integrate with other Adobe products including Flash/Flex, Acrobat, InDesign, Photoshop, and other familiar programs. Technologies, such as the ones that will be discussed, are extremely useful in constructing interactive site navigation, in tailoring mobile sites, or in utilizing blogs and RSS integration. However, there are simple strategies to allow for easy editing of the content of the sites through Contribute without interfering with the scripting these utilize. The presenters will endeavor to give a general overview of some of the tools and technologies involved, as well as showcase a few examples of specific tricks that web designers and developers should find very useful.

Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...

Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...

Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...

From Flash to Canvas - a penchant for black holes

From Flash to Canvas - a penchant for black holes

From Flash to Canvas - a penchant for black holes

Dojo & HTML5

html5和移动web应用

There is no denying that the Apple App Store is huge, but who wants to have to deal with Objective-C? Thank fully, tech nologies like PhoneGap and Sencha allow web devel opers to work in languages they know (HTML/CSS/JavaScript) while still making them look native. PhoneGap also allows us to port our apps to other plat forms, like Android. This session will look at the mobile web devel opment life cycle from building a prototype in the browser, inte gration with the phone, app submission and some basic marketing tricks.

Smart phone development

Smart phone development

Smart phone development

Lessons Learned from working with HTML5, GlassFish and NetBeans

Lessons Learned from working with HTML5, GlassFish and NetBeans

Lessons Learned from working with HTML5, GlassFish and NetBeans

Captivate

Rajesh Singamsetty

HTML5 Technical Executive Summary

HTML5 Technical Executive Summary

HTML5 Technical Executive Summary

HTML5 Canvas Performance optimization

HTML5 Canvas Performance optimization

HTML5 Canvas Performance optimization

Making HTML5 games run well on mobile devices is hard work! We’d like to take a good look into this issue by comparing performance on different versions of iOS and Android. Since there are huge differences in their systems, we will look at what the bottlenecks are on the different platforms, and the different versions of each platform. We would also like to show a mini tutorial in profiling games on Android, and seeing where exactly the bottlenecks lie.

BoosterMedia: Overcome the bottleneck of HTML5 mobile game performance

BoosterMedia: Overcome the bottleneck of HTML5 mobile game performance

BoosterMedia: Overcome the bottleneck of HTML5 mobile game performance

DevGAMM Conference

HTML5 and CSS3 have arrived and they are redefining rich, standards-based web development. Features previously the exclusive domain of browser plug-ins can now be added to web applications as easily as images. Understanding the new power that these standards define, as well as the rapidly increasing power and speed of JavaScript in modern browsers and devices is essential. These slides accompany a full-day workshop, where attendees are guided through the new features in HTML5 and CSS3, with special attention to how these technologies can be used today in new and old browsers.

HTML5 Bootcamp: Essential HTML, CSS, & JavaScript

HTML5 Bootcamp: Essential HTML, CSS, & JavaScript

HTML5 Bootcamp: Essential HTML, CSS, & JavaScript

An Introduction to HTML5 Canvas

An Introduction to HTML5 Canvas

An Introduction to HTML5 Canvas

Adobe and Modern Web Development

Adobe and Modern Web Development

Adobe and Modern Web Development

The Future of HTML5 Motion Design

The Future of HTML5 Motion Design

The Future of HTML5 Motion Design

CakePHP - The Path to 2.0

CakePHP - The Path to 2.0

CakePHP - The Path to 2.0

Lessons learned with HTML5

Lessons learned with HTML5

Lessons learned with HTML5

Echo HTML5

Html5 introduction

Html5 introduction

Html5 introduction

Xamarin.Forms - More Productive & Beautiful Than Ever

Xamarin.Forms - More Productive & Beautiful Than Ever

Xamarin.Forms - More Productive & Beautiful Than Ever

Jefferson Balivo

Similar to Emergence Of The Web (20)

HTML5 Driven Development

HTML5 Driven Development

HTML5 Driven Development

Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...

Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...

Familiar Tools, New Possibilities: Leveraging the Power of the Adobe Web Pub...

From Flash to Canvas - a penchant for black holes

From Flash to Canvas - a penchant for black holes

From Flash to Canvas - a penchant for black holes

Dojo & HTML5

html5和移动web应用

Smart phone development

Smart phone development

Smart phone development

Lessons Learned from working with HTML5, GlassFish and NetBeans

Lessons Learned from working with HTML5, GlassFish and NetBeans

Lessons Learned from working with HTML5, GlassFish and NetBeans

Captivate

HTML5 Technical Executive Summary

HTML5 Technical Executive Summary

HTML5 Technical Executive Summary

HTML5 Canvas Performance optimization

HTML5 Canvas Performance optimization

HTML5 Canvas Performance optimization

BoosterMedia: Overcome the bottleneck of HTML5 mobile game performance

BoosterMedia: Overcome the bottleneck of HTML5 mobile game performance

BoosterMedia: Overcome the bottleneck of HTML5 mobile game performance

HTML5 Bootcamp: Essential HTML, CSS, & JavaScript

HTML5 Bootcamp: Essential HTML, CSS, & JavaScript

HTML5 Bootcamp: Essential HTML, CSS, & JavaScript

An Introduction to HTML5 Canvas

An Introduction to HTML5 Canvas

An Introduction to HTML5 Canvas

Adobe and Modern Web Development

Adobe and Modern Web Development

Adobe and Modern Web Development

The Future of HTML5 Motion Design

The Future of HTML5 Motion Design

The Future of HTML5 Motion Design

CakePHP - The Path to 2.0

CakePHP - The Path to 2.0

CakePHP - The Path to 2.0

Lessons learned with HTML5

Lessons learned with HTML5

Lessons learned with HTML5

Echo HTML5

Html5 introduction

Html5 introduction

Html5 introduction

Xamarin.Forms - More Productive & Beautiful Than Ever

Xamarin.Forms - More Productive & Beautiful Than Ever

Xamarin.Forms - More Productive & Beautiful Than Ever

Recently uploaded

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

2024: Domino Containers - The Next Step. News from the Domino Container commu...

2024: Domino Containers - The Next Step. News from the Domino Container commu...

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Martijn de Jong

With more memory available, system performance of three Dell devices increased, which can translate to a better user experience Conclusion When your system has plenty of RAM to meet your needs, you can efficiently access the applications and data you need to finish projects and to-do lists without sacrificing time and focus. Our test results show that with more memory available, three Dell PCs delivered better performance and took less time to complete the Procyon Office Productivity benchmark. These advantages translate to users being able to complete workflows more quickly and multitask more easily. Whether you need the mobility of the Latitude 5440, the creative capabilities of the Precision 3470, or the high performance of the OptiPlex Tower Plus 7010, configuring your system with more RAM can help keep processes running smoothly, enabling you to do more without compromising performance.

Boost PC performance: How more available memory can improve productivity

Boost PC performance: How more available memory can improve productivity

Boost PC performance: How more available memory can improve productivity

Principled Technologies

Histor y of HAM Radio presentation slide

Histor y of HAM Radio presentation slide

Histor y of HAM Radio presentation slide

🐬 The future of MySQL is Postgres 🐘

🐬 The future of MySQL is Postgres 🐘

🐬 The future of MySQL is Postgres 🐘

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Remote DBA Services

Join our latest Connector Corner webinar to discover how UiPath Integration Service revolutionizes API-centric automation in a 'Quote to Cash' process—and how that automation empowers businesses to accelerate revenue generation. A comprehensive demo will explore connecting systems, GenAI, and people, through powerful pre-built connectors designed to speed process cycle times. Speakers: James Dickson, Senior Software Engineer Charlie Greenberg, Host, Product Marketing Manager

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

The Digital Insurer

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

Effective data discovery is crucial for maintaining compliance and mitigating risks in today's rapidly evolving privacy landscape. However, traditional manual approaches often struggle to keep pace with the growing volume and complexity of data. Join us for an insightful webinar where industry leaders from TrustArc and Privya will share their expertise on leveraging AI-powered solutions to revolutionize data discovery. You'll learn how to: - Effortlessly maintain a comprehensive, up-to-date data inventory - Harness code scanning insights to gain complete visibility into data flows leveraging the advantages of code scanning over DB scanning - Simplify compliance by leveraging Privya's integration with TrustArc - Implement proven strategies to mitigate third-party risks Our panel of experts will discuss real-world case studies and share practical strategies for overcoming common data discovery challenges. They'll also explore the latest trends and innovations in AI-driven data management, and how these technologies can help organizations stay ahead of the curve in an ever-changing privacy landscape.

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

A Domino Admins Adventures (Engage 2024)

A Domino Admins Adventures (Engage 2024)

A Domino Admins Adventures (Engage 2024)

Gabriella Davis

Created by Mozilla Research in 2012 and now part of Linux Foundation Europe, the Servo project is an experimental rendering engine written in Rust. It combines memory safety and concurrency to create an independent, modular, and embeddable rendering engine that adheres to web standards. Stewardship of Servo moved from Mozilla Research to the Linux Foundation in 2020, where its mission remains unchanged. After some slow years, in 2023 there has been renewed activity on the project, with a roadmap now focused on improving the engine’s CSS 2 conformance, exploring Android support, and making Servo a practical embeddable rendering engine. In this presentation, Rakhi Sharma reviews the status of the project, our recent developments in 2023, our collaboration with Tauri to make Servo an easy-to-use embeddable rendering engine, and our plans for the future to make Servo an alternative web rendering engine for the embedded devices industry. (c) Embedded Open Source Summit 2024 April 16-18, 2024 Seattle, Washington (US) https://events.linuxfoundation.org/embedded-open-source-summit/ https://ossna2024.sched.com/event/1aBNF/a-year-of-servo-reboot-where-are-we-now-rakhi-sharma-igalia

A Year of the Servo Reboot: Where Are We Now?

A Year of the Servo Reboot: Where Are We Now?

A Year of the Servo Reboot: Where Are We Now?

AWS Community Day CPH - Three problems of Terraform

AWS Community Day CPH - Three problems of Terraform

AWS Community Day CPH - Three problems of Terraform

Andrey Devyatkin

As privacy and data protection regulations evolve rapidly, organizations operating in multiple jurisdictions face mounting challenges to ensure compliance and safeguard customer data. With state-specific privacy laws coming up in multiple states this year, it is essential to understand what their unique data protection regulations will require clearly. How will data privacy evolve in the US in 2024? How to stay compliant? Our panellists will guide you through the intricacies of these states' specific data privacy laws, clarifying complex legal frameworks and compliance requirements. This webinar will review: - The essential aspects of each state's privacy landscape and the latest updates - Common compliance challenges faced by organizations operating in multiple states and best practices to achieve regulatory adherence - Valuable insights into potential changes to existing regulations and prepare your organization for the evolving landscape

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

In this session, we will delve into strategic approaches for optimizing knowledge management within Microsoft 365, amidst the evolving landscape of Copilot. From leveraging automatic metadata classification and permission governance with SharePoint Premium, to unlocking Viva Engage for the cultivation of knowledge and communities, you will gain actionable insights to bolster your organization's knowledge-sharing initiatives. In this session, we will also explore how to facilitate solutions to enable your employees to find answers and expertise within Microsoft 365. You will leave equipped with practical techniques and a deeper understanding of how there is more to effective knowledge management than just enabling Copilot, but building actual solutions to prepare the knowledge that Copilot and your employees can use.

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Tata AIG General Insurance Company - Insurer Innovation Award 2024

The Digital Insurer

Building Digital Trust in a Digital Economy Veronica Tan, Director - Cyber Security Agency of Singapore Apidays Singapore 2024: Connecting Customers, Business and Technology (April 17 & 18, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

The value of a flexible API Management solution for Open Banking Steve Melan, Manager for IT Innovation and Architecture - State's and Saving's Bank of Luxembourg Apidays New York 2024: The API Economy in the AI Era (April 30 & May 1, 2024) ------ Check out our conferences at https://www.apidays.global/ Do you want to sponsor or talk at one of our conferences? https://apidays.typeform.com/to/ILJeAaV8 Learn more on APIscene, the global media made by the community for the community: https://www.apiscene.io Explore the API ecosystem with the API Landscape: https://apilandscape.apiscene.io/

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Developing An App To Navigate The Roads of Brazil

Developing An App To Navigate The Roads of Brazil

Developing An App To Navigate The Roads of Brazil

Recently uploaded (20)

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

Scaling API-first – The story of a global engineering organization

2024: Domino Containers - The Next Step. News from the Domino Container commu...

2024: Domino Containers - The Next Step. News from the Domino Container commu...

2024: Domino Containers - The Next Step. News from the Domino Container commu...

Boost PC performance: How more available memory can improve productivity

Boost PC performance: How more available memory can improve productivity

Boost PC performance: How more available memory can improve productivity

Histor y of HAM Radio presentation slide

Histor y of HAM Radio presentation slide

Histor y of HAM Radio presentation slide

🐬 The future of MySQL is Postgres 🐘

🐬 The future of MySQL is Postgres 🐘

🐬 The future of MySQL is Postgres 🐘

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Strategies for Landing an Oracle DBA Job as a Fresher

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Connector Corner: Accelerate revenue generation using UiPath API-centric busi...

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

Axa Assurance Maroc - Insurer Innovation Award 2024

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

GenAI Risks & Security Meetup 01052024.pdf

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery

A Domino Admins Adventures (Engage 2024)

A Domino Admins Adventures (Engage 2024)

A Domino Admins Adventures (Engage 2024)

A Year of the Servo Reboot: Where Are We Now?

A Year of the Servo Reboot: Where Are We Now?

A Year of the Servo Reboot: Where Are We Now?

AWS Community Day CPH - Three problems of Terraform

AWS Community Day CPH - Three problems of Terraform

AWS Community Day CPH - Three problems of Terraform

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Tata AIG General Insurance Company - Insurer Innovation Award 2024

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Apidays New York 2024 - The value of a flexible API Management solution for O...

Developing An App To Navigate The Roads of Brazil

Developing An App To Navigate The Roads of Brazil

Developing An App To Navigate The Roads of Brazil

Emergence Of The Web

1. Episode VII : Revenge of the Web Wai Software Web Developer 25th June 2008

2. HTML Standards HTML 2.0 HTML 5.0 1995 2008

3. Poor Compliances

4. Poor Compliances

5. Poor Compliances

12. What’s new in HTML 5? <canvas> to draw things! <video> to display videos! no more embed stuff! <audio> to play audio natively .. <time>, <progress>, <meter>, <menu> .. .etc.

13. HTML5 Demo Using Canvas + Javascript

14. HTML5 Demo Using Canvas + Javascript

15. HTML5 Demo Using Canvas + Javascript

16. HTML5 Demo Firefox Team’s HTML 5 Video

17. HTML5 Demo Apple’s Safari Welcome Page

18. HTML5 Demo Apple’s iPhone Ad using video tag

19. Evolution of CSS CSS 1.0 CSS 2.0, 2.1, 3.0! 1996 Present

21. CSS3 Demo Firefox Team’s CSS Fonts

22. CSS3 Demo CSS 3 Leaves

23. CSS3 Demo Matrix Animation Using CSS

24. CSS3 Demo iPhone 3D Animation using CSS

25. CSS3 Demo iPhone 3D Animation using CSS

26. Powerful! to beat ﬂash?