Submit Search
Upload
WWX 2013 Cocktail
•
0 likes
•
15,584 views
Raphael Harmel
Follow
WWX 2013 - Cocktail for game UIs Cocktail is a HTML/CSS rendering engine written in Haxe.
Read less
Read more
Technology
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 62
Recommended
HTML 5 Web Design
HTML 5 Web Design
Usman Shakir
HTML CSS and Web Development
HTML CSS and Web Development
Rahul Mishra
Week3 office hours
Week3 office hours
Randall Rode
Htmlcss1
Htmlcss1
mreckman
Webdev CCI Tel U - Introduction to HTML 5.0
Webdev CCI Tel U - Introduction to HTML 5.0
webdevccitelu
Filling the HTML5 Gaps with Polyfills and Shims
Filling the HTML5 Gaps with Polyfills and Shims
reybango
Razor into the Razor'verse
Razor into the Razor'verse
Ed Charbeneau
Accessibility in the age of the headless CMS
Accessibility in the age of the headless CMS
Rian Rietveld
Recommended
HTML 5 Web Design
HTML 5 Web Design
Usman Shakir
HTML CSS and Web Development
HTML CSS and Web Development
Rahul Mishra
Week3 office hours
Week3 office hours
Randall Rode
Htmlcss1
Htmlcss1
mreckman
Webdev CCI Tel U - Introduction to HTML 5.0
Webdev CCI Tel U - Introduction to HTML 5.0
webdevccitelu
Filling the HTML5 Gaps with Polyfills and Shims
Filling the HTML5 Gaps with Polyfills and Shims
reybango
Razor into the Razor'verse
Razor into the Razor'verse
Ed Charbeneau
Accessibility in the age of the headless CMS
Accessibility in the age of the headless CMS
Rian Rietveld
MAKE YOUR THEMES AND PLUGINS READY FOR TRANSLATION
MAKE YOUR THEMES AND PLUGINS READY FOR TRANSLATION
Makarand Mane
Goodbye JavaScript Hello Blazor
Goodbye JavaScript Hello Blazor
Ed Charbeneau
html5.ppt
html5.ppt
Niharika Gupta
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
FortySeven Media
Blazor Full-Stack
Blazor Full-Stack
Ed Charbeneau
HTML Lesson 1
HTML Lesson 1
TonyC445
WordPress Custom Fields: Control your content presentation by breaking out of...
WordPress Custom Fields: Control your content presentation by breaking out of...
Denise Williams
How to Prepare a WordPress Theme for Public Release
How to Prepare a WordPress Theme for Public Release
David Yeiser
Word camp 2013 migration
Word camp 2013 migration
Matt Siltala
Getting into WordPress Front-end Development
Getting into WordPress Front-end Development
Kanchha kaji Prajapati
Browser Developer Tools
Browser Developer Tools
Christian Rokitta
Challenges going mobile
Challenges going mobile
Christian Rokitta
What is the Responsibility of Plugin Developers?
What is the Responsibility of Plugin Developers?
Takayuki Miyoshi
HTML Lesson 5
HTML Lesson 5
Danny Ambrosio
WordPress internationalization, localization, and multilingual
WordPress internationalization, localization, and multilingual
mbigul
WordPress Multilingual: WordCamp Antwerp 2016
WordPress Multilingual: WordCamp Antwerp 2016
Octavio Andrés Cifuentes
HTML Lesson 2
HTML Lesson 2
Danny Ambrosio
Intro to HTML
Intro to HTML
aakash choudhary
Blazor
Blazor
Ed Charbeneau
Xhtml validation
Xhtml validation
clicksbazaar
Deview 2013 mobile browser internals and trends_20131022
Deview 2013 mobile browser internals and trends_20131022
NAVER D2
Web Development Today
Web Development Today
bretticus
More Related Content
What's hot
MAKE YOUR THEMES AND PLUGINS READY FOR TRANSLATION
MAKE YOUR THEMES AND PLUGINS READY FOR TRANSLATION
Makarand Mane
Goodbye JavaScript Hello Blazor
Goodbye JavaScript Hello Blazor
Ed Charbeneau
html5.ppt
html5.ppt
Niharika Gupta
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
FortySeven Media
Blazor Full-Stack
Blazor Full-Stack
Ed Charbeneau
HTML Lesson 1
HTML Lesson 1
TonyC445
WordPress Custom Fields: Control your content presentation by breaking out of...
WordPress Custom Fields: Control your content presentation by breaking out of...
Denise Williams
How to Prepare a WordPress Theme for Public Release
How to Prepare a WordPress Theme for Public Release
David Yeiser
Word camp 2013 migration
Word camp 2013 migration
Matt Siltala
Getting into WordPress Front-end Development
Getting into WordPress Front-end Development
Kanchha kaji Prajapati
Browser Developer Tools
Browser Developer Tools
Christian Rokitta
Challenges going mobile
Challenges going mobile
Christian Rokitta
What is the Responsibility of Plugin Developers?
What is the Responsibility of Plugin Developers?
Takayuki Miyoshi
HTML Lesson 5
HTML Lesson 5
Danny Ambrosio
WordPress internationalization, localization, and multilingual
WordPress internationalization, localization, and multilingual
mbigul
WordPress Multilingual: WordCamp Antwerp 2016
WordPress Multilingual: WordCamp Antwerp 2016
Octavio Andrés Cifuentes
HTML Lesson 2
HTML Lesson 2
Danny Ambrosio
Intro to HTML
Intro to HTML
aakash choudhary
Blazor
Blazor
Ed Charbeneau
Xhtml validation
Xhtml validation
clicksbazaar
What's hot
(20)
MAKE YOUR THEMES AND PLUGINS READY FOR TRANSLATION
MAKE YOUR THEMES AND PLUGINS READY FOR TRANSLATION
Goodbye JavaScript Hello Blazor
Goodbye JavaScript Hello Blazor
html5.ppt
html5.ppt
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
Blazor Full-Stack
Blazor Full-Stack
HTML Lesson 1
HTML Lesson 1
WordPress Custom Fields: Control your content presentation by breaking out of...
WordPress Custom Fields: Control your content presentation by breaking out of...
How to Prepare a WordPress Theme for Public Release
How to Prepare a WordPress Theme for Public Release
Word camp 2013 migration
Word camp 2013 migration
Getting into WordPress Front-end Development
Getting into WordPress Front-end Development
Browser Developer Tools
Browser Developer Tools
Challenges going mobile
Challenges going mobile
What is the Responsibility of Plugin Developers?
What is the Responsibility of Plugin Developers?
HTML Lesson 5
HTML Lesson 5
WordPress internationalization, localization, and multilingual
WordPress internationalization, localization, and multilingual
WordPress Multilingual: WordCamp Antwerp 2016
WordPress Multilingual: WordCamp Antwerp 2016
HTML Lesson 2
HTML Lesson 2
Intro to HTML
Intro to HTML
Blazor
Blazor
Xhtml validation
Xhtml validation
Similar to WWX 2013 Cocktail
Deview 2013 mobile browser internals and trends_20131022
Deview 2013 mobile browser internals and trends_20131022
NAVER D2
Web Development Today
Web Development Today
bretticus
php
php
bhuvana553
Ie9 overview
Ie9 overview
裕波 周
Push it to the Edge
Push it to the Edge
Robin-Manuel Thiel
Html5/CSS3
Html5/CSS3
Simratpreet Singh
Web Development Workshop (Front End)
Web Development Workshop (Front End)
DSCIIITLucknow
HTML5 Comprehensive Guide
HTML5 Comprehensive Guide
Alexei Skachykhin
Joomla Extreme Performance
Joomla Extreme Performance
Mitch Pirtle
HTML5 Webinar - Mind Storm Software
HTML5 Webinar - Mind Storm Software
Romin Irani
Web Development Presentation
Web Development Presentation
TurnToTech
How Browsers Work
How Browsers Work
myposter GmbH
DevTeach Montreal - 2012-12-11 - Windows 8 & HTML5: friends with benefits
DevTeach Montreal - 2012-12-11 - Windows 8 & HTML5: friends with benefits
Frédéric Harper
Cb Resume
Cb Resume
cb_user
Thadomal IEEE-HTML5-Workshop
Thadomal IEEE-HTML5-Workshop
Romin Irani
Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)
Stephen Hay
HTML5 introduction for beginners
HTML5 introduction for beginners
Vineeth N Krishnan
No Feature Solutions with SharePoint
No Feature Solutions with SharePoint
mikehuguet
1 Introduction to Drupal Web Development
1 Introduction to Drupal Web Development
Wingston
Ultra-modern Front-end Dev & Introducing Spar
Ultra-modern Front-end Dev & Introducing Spar
Aaron White
Similar to WWX 2013 Cocktail
(20)
Deview 2013 mobile browser internals and trends_20131022
Deview 2013 mobile browser internals and trends_20131022
Web Development Today
Web Development Today
php
php
Ie9 overview
Ie9 overview
Push it to the Edge
Push it to the Edge
Html5/CSS3
Html5/CSS3
Web Development Workshop (Front End)
Web Development Workshop (Front End)
HTML5 Comprehensive Guide
HTML5 Comprehensive Guide
Joomla Extreme Performance
Joomla Extreme Performance
HTML5 Webinar - Mind Storm Software
HTML5 Webinar - Mind Storm Software
Web Development Presentation
Web Development Presentation
How Browsers Work
How Browsers Work
DevTeach Montreal - 2012-12-11 - Windows 8 & HTML5: friends with benefits
DevTeach Montreal - 2012-12-11 - Windows 8 & HTML5: friends with benefits
Cb Resume
Cb Resume
Thadomal IEEE-HTML5-Workshop
Thadomal IEEE-HTML5-Workshop
Style Guides Are The New Photoshop (Fronteers 2012)
Style Guides Are The New Photoshop (Fronteers 2012)
HTML5 introduction for beginners
HTML5 introduction for beginners
No Feature Solutions with SharePoint
No Feature Solutions with SharePoint
1 Introduction to Drupal Web Development
1 Introduction to Drupal Web Development
Ultra-modern Front-end Dev & Introducing Spar
Ultra-modern Front-end Dev & Introducing Spar
Recently uploaded
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
BookNet Canada
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
Mark Billinghurst
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Maria Levchenko
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
AndikSusilo4
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
Padma Pradeep
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
ThousandEyes
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
ThousandEyes
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Safe Software
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
Radu Cotescu
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Delhi Call girls
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Alan Dix
Key Features Of Token Development (1).pptx
Key Features Of Token Development (1).pptx
LBM Solutions
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Katpro Technologies
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Delhi Call girls
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
soniya singh
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
Gabriella Davis
Recently uploaded
(20)
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
#StandardsGoals for 2024: What’s new for BISAC - Tech Forum 2024
Pigging Solutions Piggable Sweeping Elbows
Pigging Solutions Piggable Sweeping Elbows
Human Factors of XR: Using Human Factors to Design XR Systems
Human Factors of XR: Using Human Factors to Design XR Systems
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
Azure Monitor & Application Insight to monitor Infrastructure & Application
Azure Monitor & Application Insight to monitor Infrastructure & Application
Install Stable Diffusion in windows machine
Install Stable Diffusion in windows machine
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Beyond Boundaries: Leveraging No-Code Solutions for Industry Innovation
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Key Features Of Token Development (1).pptx
Key Features Of Token Development (1).pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
Factors to Consider When Choosing Accounts Payable Services Providers.pptx
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
FULL ENJOY 🔝 8264348440 🔝 Call Girls in Diplomatic Enclave | Delhi
Slack Application Development 101 Slides
Slack Application Development 101 Slides
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
WWX 2013 Cocktail
1.
Cocktail for Game
UIs http://www.silexlabs.org/haxe/cocktail/
2.
Yannick Dominguez Developer Cocktail Lead
developer Contributor @ Silex Labs Co-founder & developer @ Intermedia Paris Raphaël Harmel Developer Cocktail contributor Contributor @ Silex Labs Co-founder & developer @ Intermedia Paris Speakers
3.
What is Cocktail
?
4.
5.
HTML & CSS
implementation
6.
HTML & CSS
implementation uses HTML DOM API
7.
HTML & CSS
implementation uses HTML DOM API open source
8.
Features
9.
Features HTML for markup
10.
Features HTML for markup CSS
for design
11.
Features HTML for markup CSS
for design W3C DOM API for behaviour
12.
Features HTML for markup CSS
for design W3C DOM API for behaviour application oriented
13.
Features HTML for markup CSS
for design W3C DOM API for behaviour application oriented Works in stand-alone mode or embedded in other applications
14.
15.
Uses Haxe JS
API
16.
Why JS API
?
17.
Why JS API
? Designed for UI's
18.
Why JS API
? Designed for UI's Widely used
19.
Why JS API
? Designed for UI's Widely used Standard
20.
Workflow
21.
Workflow Design in HTML
/ CSS
22.
Workflow Design in HTML
/ CSS Add interactivity with Haxe JS
23.
Workflow Design in HTML
/ CSS Add interactivity with Haxe JS Compile with Haxe JS, Haxe Flash and NME
24.
Demo time !
25.
Demo time ! Mixing
Cocktail and NME
26.
After
27.
...comes WastedLand ! http://demos.silexlabs.org/cocktail/wastedland/
28.
WastedLand code
29.
Web engine overview
30.
Web engine overview HTML
and CSS parsing
31.
Web engine overview HTML
and CSS parsing Building the DOM and CSSOM
32.
Web engine overview HTML
and CSS parsing Building the DOM and CSSOM Cascading styles
33.
Web engine overview HTML
and CSS parsing Building the DOM and CSSOM Cascading styles Layout
34.
Web engine overview HTML
and CSS parsing Building the DOM and CSSOM Cascading styles Layout Rendering
35.
Web engine overview HTML
and CSS parsing Building the DOM and CSSOM Cascading styles Layout Rendering Then loop
36.
Portability
37.
Portability core and port
38.
Portability core and port core
cross-platform
39.
Portability core and port core
cross-platform port platform specific
40.
Portability core and port core
cross-platform port platform specific Flash/Air and NME port
41.
Status
42.
Status DOM
43.
Status DOM DOMEvent
44.
Status DOM DOMEvent CSS parser
45.
Status DOM DOMEvent CSS parser CSS 2.1
46.
Status DOM DOMEvent CSS parser CSS 2.1 HTML4
47.
Status DOM DOMEvent CSS parser CSS 2.1 HTML4 HTML5
48.
What's next ?
49.
What's next ? CSS
3
50.
What's next ? CSS
3 end of CSS 2.1
51.
What's next ? CSS
3 end of CSS 2.1 HTML parser
52.
Performance
53.
Performance adequate
54.
Performance adequate not 60fps
55.
Performance adequate not 60fps cascade and
layout
56.
Performance adequate not 60fps cascade and
layout software rendering
57.
Issues
58.
Issues layout quirks
59.
Use cases
60.
THE LEADING GLOBAL
PLATFORM FOR SOCIAL VIDEO ADVERTISING Video player Video player allowing: ● Youtube and DailyMotion video streaming ● advertising injection ● social network sharing 15 million impressions / month Cocktail Realisations
61.
Brix + Cocktail Realisations My
TF1 Connect
62.
Cocktail for Game
UIs http://www.silexlabs.org/haxe/cocktail/ http://demos.silexlabs.org/trycocktail/