SlideShare uma empresa Scribd logo
1 de 25
Websites
• http://art.yale.edu/
• http://www.juxtinteractive.com
HTML5

CSS3
HTML5

•What is HTML5 ?
•Rise of HTML5 ?
•Browser Compatibility ?
•Details about Features ?
HTML5

•It is being developed as the next major revision of HTML.
•It is still under construction.
•It introduce the a number of new elements and attributes.
•You can have a rich experience on a light, portable, universal platform.
HTML5

•What is HTML5 ?
•Rise of HTML5 ?
•Browser Compatibility ?
•Details about Features ?
HTML5
2004

2007

2009

2010

WHATWG

New
Working
Group

Stop
XHTML
2.0

Public
Interest

Revolution Of HTML 5
HTML5

•What is HTML5 ?
•Rise of HTML5 ?
•Browser Compatibility ?
•Details about Features ?
HTML5
•IE 8
•Firefox 8
•Chrome 5.0
•Safari 4.0
•Opera 10.5
•Ask Web Designer How Much They Love Internet Explorer ?
HTML5

•What is HTML5 ?
•Rise of HTML5 ?
•Browser Compatibility ?
•Details about Features ?
HTML5
• It can be used for
rendering graphs
and game or visual
images on fly.

• Video and Audio
elements with out
flash.

Canvas

Geo
• HTML5 will detect
your Geo Location by
using the nearer
tower or GPS.

New API

Offline
• Access email without
having internet
connection.
Quotes
CSS3

•What is CSS3 ?
•CSS3 splits in to module ?
•CSS Specification ?
•Can we use it now ?
•Features ?
CSS3

• It’s not the following version 2.1 or latest version of CSS.
Because there does not exists exact specification. CSS3
has been split into modules.
CSS3

•What is CSS3 ?
•CSS3 splits in to module ?
•CSS Specification ?
•Can we use it now ?
•Features ?
CSS3

•
•
•
•

The rapid evolution of the web makes large CSS specifications unwieldy.
CSS3 has been split into multiple modules.
Modules can evolve independently of each other.
All modules will update the CSS 2.1 modules and by adding some bit of
new modules.
CSS3
• Modules:
–
–
–
–
–

WD : Working Draft
LC : Last Call
CR : Candidate Recommendation
PR : Proposed Recommendation
REC : Recommendation
CSS3

•What is CSS3 ?
•CSS3 splits in to module ?
•CSS Specification ?
•Can we use it now ?
•Features ?
CSS3
CSS Level 2 Revision 1
CSS Style Attributes
Media Queries Level 3
Selectors Level 3
CSS Color Level 3
CSS3

•What is CSS3 ?
•CSS3 splits in to module ?
•CSS Specification ?
•Can we use it now ?
•Features ?
CSS3
•
•
•

Yes, because many of the features of CSS3 will boost your
website design.
Don’t drive CSS3, just enhance your site.
For IE, there are many ways to use the CSS3.
• Use CSS3 PIE to add limited CSS3 functionality to IE.
http://www.css3pie.com
• Use Modernizr for CSS3 feature detection.
http://www.modernizr.com { for CSS3 and HTML5 }
CSS3

•What is CSS3 ?
•CSS3 splits in to module ?
•CSS Specification ?
•Can we use it now ?
•Features ?
CSS3
1. Selectors
2. New Colour format in CSS3:
•
•
•
•
•

RGB [ Old ] [ Red, Blue, Green ]
RGBA [ Red, Blue, Green, Alpha ]
HSL [ hue, saturation, lightness ]
HSLA [ hue, saturation, lightness, Alpha ]
CMYK [ in generated paged media module ] [
Cyan, Magenta, Yellow, Black ]

3. Media Queries
Disadvantages
HTML5

•
•

Only Draft
Media Licensing Issue

CSS3
B
R
O
W
S
R

•
•
•

Collapsing Margin
No Expression
Vertical Control
Limitation
Any Suggestions ?

Any Questions can be asked on : nitishsurelia@gmail.com 

Mais conteúdo relacionado

Mais procurados

Ember and SharePoint
Ember and SharePointEmber and SharePoint
Ember and SharePoint
Greg Hurlman
 
Playing with playgrounds
Playing with playgroundsPlaying with playgrounds
Playing with playgrounds
Eurico Doirado
 

Mais procurados (20)

Becoming a more productive Rails Developer
Becoming a more productive Rails DeveloperBecoming a more productive Rails Developer
Becoming a more productive Rails Developer
 
Ember and SharePoint
Ember and SharePointEmber and SharePoint
Ember and SharePoint
 
Irb Tips and Tricks
Irb Tips and TricksIrb Tips and Tricks
Irb Tips and Tricks
 
ASP.NET MVC
ASP.NET MVCASP.NET MVC
ASP.NET MVC
 
Ember JS - Why Ember Matches My Wavelength
Ember JS - Why Ember Matches My WavelengthEmber JS - Why Ember Matches My Wavelength
Ember JS - Why Ember Matches My Wavelength
 
The New JavaScript: ES6
The New JavaScript: ES6The New JavaScript: ES6
The New JavaScript: ES6
 
Iconus 2016
Iconus 2016Iconus 2016
Iconus 2016
 
Git超入門
Git超入門Git超入門
Git超入門
 
DeveloperDeveloperDeveloper! Sydney 2012
DeveloperDeveloperDeveloper! Sydney 2012DeveloperDeveloperDeveloper! Sydney 2012
DeveloperDeveloperDeveloper! Sydney 2012
 
Design for scale
Design for scaleDesign for scale
Design for scale
 
Intro to SharePoint 2010 development for .NET developers
Intro to SharePoint 2010 development for .NET developersIntro to SharePoint 2010 development for .NET developers
Intro to SharePoint 2010 development for .NET developers
 
Quack Chat | Fix Database Performance Problems with Profiling
Quack Chat | Fix Database Performance Problems with ProfilingQuack Chat | Fix Database Performance Problems with Profiling
Quack Chat | Fix Database Performance Problems with Profiling
 
Notes From Velocity Conference Europe
Notes From Velocity Conference EuropeNotes From Velocity Conference Europe
Notes From Velocity Conference Europe
 
Style guide driven development
Style guide driven developmentStyle guide driven development
Style guide driven development
 
Playing with playgrounds
Playing with playgroundsPlaying with playgrounds
Playing with playgrounds
 
Saving Time By Testing With Jest
Saving Time By Testing With JestSaving Time By Testing With Jest
Saving Time By Testing With Jest
 
Zeev Suraski "The PHP 7 Story, and beyond"
Zeev Suraski "The PHP 7 Story, and beyond"Zeev Suraski "The PHP 7 Story, and beyond"
Zeev Suraski "The PHP 7 Story, and beyond"
 
Selling WordPress to Enterprises by Rahul Bansal @ WordCamp Ann Arbor
Selling WordPress to Enterprises by Rahul Bansal @ WordCamp Ann ArborSelling WordPress to Enterprises by Rahul Bansal @ WordCamp Ann Arbor
Selling WordPress to Enterprises by Rahul Bansal @ WordCamp Ann Arbor
 
Selling WordPress To Enterprises by Rahul Bansal WordCamp NYC 2017
Selling WordPress To Enterprises by Rahul Bansal WordCamp NYC 2017Selling WordPress To Enterprises by Rahul Bansal WordCamp NYC 2017
Selling WordPress To Enterprises by Rahul Bansal WordCamp NYC 2017
 
Front End Web Development Basics
Front End Web Development BasicsFront End Web Development Basics
Front End Web Development Basics
 

Semelhante a New Web Revolution - html5 and css3

html5 css3 the future of web technology
html5 css3 the future of web technologyhtml5 css3 the future of web technology
html5 css3 the future of web technology
hazzaz
 
State of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront ConferenceState of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront Conference
dmethvin
 
JavaScript debugging diagnostic web tools and firefox
JavaScript debugging diagnostic web tools and firefoxJavaScript debugging diagnostic web tools and firefox
JavaScript debugging diagnostic web tools and firefox
Gennady Feldman
 
Custom Development for SharePoint
Custom Development for SharePointCustom Development for SharePoint
Custom Development for SharePoint
Talbott Crowell
 
Microsoft, Web Standards and OSS
Microsoft, Web Standards and OSSMicrosoft, Web Standards and OSS
Microsoft, Web Standards and OSS
Mahdi Taghizadeh
 

Semelhante a New Web Revolution - html5 and css3 (20)

Html5
Html5Html5
Html5
 
html5 css3 the future of web technology
html5 css3 the future of web technologyhtml5 css3 the future of web technology
html5 css3 the future of web technology
 
Training presentation.pptx
Training presentation.pptxTraining presentation.pptx
Training presentation.pptx
 
The web standards gentleman: a matter of (evolving) standards)
The web standards gentleman: a matter of (evolving) standards)The web standards gentleman: a matter of (evolving) standards)
The web standards gentleman: a matter of (evolving) standards)
 
HTML5 History & Features
HTML5 History & FeaturesHTML5 History & Features
HTML5 History & Features
 
State of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront ConferenceState of jQuery - AspDotNetStorefront Conference
State of jQuery - AspDotNetStorefront Conference
 
How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
How to Test IE & Microsoft Edge on OS X & Linux - SFHTMLHow to Test IE & Microsoft Edge on OS X & Linux - SFHTML
How to Test IE & Microsoft Edge on OS X & Linux - SFHTML
 
JavaScript debugging diagnostic web tools and firefox
JavaScript debugging diagnostic web tools and firefoxJavaScript debugging diagnostic web tools and firefox
JavaScript debugging diagnostic web tools and firefox
 
Custom Development for SharePoint
Custom Development for SharePointCustom Development for SharePoint
Custom Development for SharePoint
 
Node.js 101
 Node.js 101 Node.js 101
Node.js 101
 
Psd 2 Drupal
Psd 2 DrupalPsd 2 Drupal
Psd 2 Drupal
 
Basics for front end developer
Basics for front end developerBasics for front end developer
Basics for front end developer
 
Html5 n css3
Html5 n css3Html5 n css3
Html5 n css3
 
Mvvm knockout vs angular
Mvvm knockout vs angularMvvm knockout vs angular
Mvvm knockout vs angular
 
Html,CSS & UI/UX design
Html,CSS & UI/UX designHtml,CSS & UI/UX design
Html,CSS & UI/UX design
 
NoSQL for SQL Server Developers using Couchbase
NoSQL for SQL Server Developers using CouchbaseNoSQL for SQL Server Developers using Couchbase
NoSQL for SQL Server Developers using Couchbase
 
Stencil JS for Framework Free Web Components | Steven Zelek
Stencil JS for Framework Free Web Components | Steven ZelekStencil JS for Framework Free Web Components | Steven Zelek
Stencil JS for Framework Free Web Components | Steven Zelek
 
FITC - Bootstrap Unleashed
FITC - Bootstrap UnleashedFITC - Bootstrap Unleashed
FITC - Bootstrap Unleashed
 
Pearls and Must-Have Tools for the Modern Web / .NET Developer
Pearls and Must-Have Tools for the Modern Web / .NET DeveloperPearls and Must-Have Tools for the Modern Web / .NET Developer
Pearls and Must-Have Tools for the Modern Web / .NET Developer
 
Microsoft, Web Standards and OSS
Microsoft, Web Standards and OSSMicrosoft, Web Standards and OSS
Microsoft, Web Standards and OSS
 

Último

Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
 

Último (20)

Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and MythsArtificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life 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 Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
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?
A Year of the Servo Reboot: Where Are We Now?
 

New Web Revolution - html5 and css3