dotCSS / dotJS 2015

Paris - 2015-12

The New CSS Layout

Rachel Andrew

• Introduction to the new CSS Grid Layout system
• Sortened version of the Paris Web presentation
• Bad browser support for now
• ...but can come very quicky (production ready in ~1 year imho)
• Slides

Fix Global CSS with PostCSS

Andrey Sitnik

• Introduction to PostCSS, a CSS transformer
• Take some CSS in input, transform it and output a new CSS
• Very interesting, like a customizable Sass with plugins
• Slides / PostCSS

(S)CSS at DropBox

Daniel Eden

• How DropBox manage CSS (spoiler: badly)
• Their strategy:
  • Get metrics (cloc, CSSStats, Parker)
  • Code review on critical files
  • CSS Linter
  • StyleGuide
  • and switching from SCSS to PostCSS makes them lose about 80% of SLOC

CSSNano

Ben Briggs

• CSS Optimizer on top of PostCSS
• Seems really well backed and very configurable
• Slides / CSSNano

Editing Images in CSS

Una Kravets

• Huge demos and real life examples of CSS blend modes, filters and gradients
• Very impressive and degrade nicely on old browsers
• Requires design and CSS skills to be able to exploit all the possibilities
• Presentation / Blog / ArtTheWeb / CSSGram

Becoming responsible for CSS

Alan Stearns

• Co-chairman of the CSS Working Group
• How to fix CSS: Write, Talk, Share and File bugs
• Be involved!
• Web Incubator Community Group

Advanced CSS Animations

Tom Giannattasio

• 3D with CSS
• Very impressive, but not very usable
• Keep 3D CSS for simple things, and switch to WebGL for complex things
• Demo: Apple TV Parallax effect in CSS
• Bonus: Scarlet Live Design Environment for web designer and front-end developer

The Expanding Boundaries of CSS

Chris Eppstein

How many CSS authors are not paid a developers salary because the management doesn't think it's "programming"?

• Creator of Sass
• Programming is Hard, Styling SHOULD be easy...
• No! Styling is NOT easy!
• Sass moved the boundaries of CSS (and so will Houdini in the future)
• Why is it so hard to find a good front end developer?
• Slides
• Wait for the video :)

Pushing CSS to new frontiers

Daniel Glazman

• Former Co-chairman of the CSS Working Group
• CSS WG and implementors have made a lot of mistakes
• CSS is late in comparison to other web technologies (extensibility)
• Future: Houdini will allow you to have more control and to extend the rendering pipeline
• Sex, Houdini and the Extensible Web / Houdini Task Force meeting report

dotJS 2015

Paris - 2015-12-07

Modern async JS

Christophe Porteneuve

• From callbacks to ES7 async/await
• Available today with Babel
• Slides

Hyperdrive

Mathias Buus

• Bittorent-like exchange format
• Very interesting smart diffing and hash technique
• Slides / Hyperdrive

Dealing with garbage

Samuel Saccone

• How to find and debug memory leaks
• Memory management masterclass by Addy Osmani (Slides)
• Slides / Drool

HTTP/2 is here, now let's make it easy

Rebecca Murphy

• HTTP/2 is here
• But we are still missing some server features (linked ressources, push) and debug tools
• And some HTTP best practices are now anti-patterns in HTTP2, how to do a smooth transition?
• Slides / Rebecca's HTTP/2 bookmarks

Lightning Talks

• Authoring and publishing ES6 modules today by Vincent Voyer
• Mobile debugging with VorlonJS by Etienne Margraff (Bonus)
• Angular 2 by Maxime Salnikov
• Serverless Application with AWS by Nicolas Grenié

Practical ES6

Nicolas Bevaqua

• Presentation of all the small stuffs in ES6 (let, const, destructuring, etc.)
• Nothing new for you if you are already used to write some ES6
• But... read his blog, all of it! ES6 Overview in 350 Bullet Points / Pony Foo

Reactive Javascript

Andre Medeiros

• Awesome introduction to reactive programming
• The introduction to Reactive Programming you've been missing
• Observables for ECMAScript
• RxJS
• Wait for the video :)

RTC everywhere

Eric Shoftall

• Overview of all the problems you'll face if you try to make cross-environement WebRTC
• Solution: RTC-Everywhere

How transpilers works

Forbes Lindesay

• Explanation of the different parts and internal mechanisms of a transpiler
• [Lexer] ---Tokens---> [Parser] ---AST---> [Code Generator] -->Output
• Play with AST and wait for the slides :)

JS Possibilities not just in the browser

Tim Caswell

• Lua live coding of LEDs, Arduino and Robots with his 9 year old son

Pocket-sized JS

Henrik Joreteg

• Why and how to make some lightweight web applications
• 60KB of HTML, 60KB of CSS, 60KB of JavaScript, 60fps, .6s pageload
• Rules:
  1. Test on a real phone while building
  2. Pre-render HTML
  3. Ship less code
  4. Do less on the UI thread (Web Workers)
  5. Optimize with Service Workers (programmable cache, true offline)
• Slides / Google+ case study
• Why Progressive Web Apps Are The Future Of Web Development
• Pocket JavaScript / Feather

Web Evolution in Action

Brendan Eich

• How the web (and JavaScript) evolved to complex web applications that can now compete with native apps
• And how it will continue to evolve with the incoming Web Assembly
• From ASM.JS to WebAssembly
• Web Assembly

Thank you

The videos will be published on The dot Post

Sources

Notes from dotJS 2015 by Antonio Librada

dotCSS 2015 by Timothée Carry

dotJS 2015 by Timothée Carry

The Internet

Photos shamefully stolen on dotConfs Twitter and Flickr