dotCSS Notes

dot-css-notes.md

dotCSS

line-breaking @frivoal

Working in Kyoto

Explain how each css property related to line breaking works.

Video & Slide: https://www.dotconferences.com/2018/11/florian-rivoal-line-breaking

SVG Filter @SaraSoueidan

Simulate photoshop filter effect with SVG

Video & Slide: https://www.dotconferences.com/2018/11/sara-soueidan-svg-filters

Article: SVG Filters: The Crash Course — Sara Soueidan – Freelance-Front-End UI/UX Developer

Variable fonts @mandy_kerr

No more 100-900 font weight, can be any number of font weight.

Demo: Variable font “gravity” scroll using Chee

Resource:

• Variable Fonts
• GitHub - adobe-fonts/source-sans-pro: Sans serif font family for user interface environments
• https://github.com/adobe-fonts/source-code-pro

A Brief Primer of Web Internationalization @fantasai

Handle writing direction / font size / line height in multi language

Slide: i18n: A Brief Primer of Web Internationalization

Read color hex codes @desandro

Video & Slide Read color hex codes

Gap between designer & developer @natalyathree

Cognitive dissonance and meaningful collaboration between designers and developers

Video & Slide: CSS at the Intersection

Masking and Clipping with CSS @aganaplocha

Demo: CSS Masking

What CSS Taught Me @simplebits (Founder@dribbble)

Make a T-Shirt

Lightning talks

• Rules in writing CSS
• Don’t use CSS to change the order of html @raygunray
• CSS before/after, sibling/children
• Not your usual CSS counters

Photo Wall

dotCSS 2018 | Taken at dotCSS 2018 in Paris on November 8, 2… | Flickr