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
Report
Share
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
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Antenna Manufacturer Coco
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
naman860154
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Joaquim Jorge
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
wesley chun
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
UK Journal
Slack Application Development 101 Slides
Slack Application Development 101 Slides
praypatel2
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Enterprise Knowledge
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Principled Technologies
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 Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
Delhi Call girls
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
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
Pixlogix Infotech
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
Safe Software
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
Delhi Call girls
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
hans926745
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Anna Loughnan Colquhoun
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
wesley chun
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Miguel Araújo
Recently uploaded
(20)
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
Artificial Intelligence: Facts and Myths
Artificial Intelligence: Facts and Myths
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Slack Application Development 101 Slides
Slack Application Development 101 Slides
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
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/