Digitpaint's Holly Jolly Front-end Advent 2017

Varying variables with CSS

1

👑
Fantastic form pseudo selectors

2

💩
All clear with flow-root

3

🎅
Flashy animations with motion path

4

🍹
Shapely text wrapping with shape-outside

5

🍌
Conic gradients for fun and profit

6

🚲
Maximum grid control with auto-fill and minmax()

7

🦃
Viewport inception with the visual viewport API

8

❄
A christmas caret(-color)

9

☕
Disappearing boxes with display: contents

10

🦄
Being in control of font-display

11

🌜
Measuring actions with the User Timing API

12

🍳
The Navigation Timing API

13

⭐
The Paint Timing API

14

🌈
Stylish web typography with font-variant

15

💫
Accessing sensor data with the Generic Sensor API

16

🚀
Snappy scrolling with scroll snap points

17

🍜
Plurization with Intl.PluralRules

18

🍬
One variable font to rule them

19

🍨
Perfect alignment with hanging-punctuation

20

☃
Adhesive action with position: sticky!

21

🎁
Acting on element visibility with Intersection Observer

22

🚒
Connecting with the Web Bluetooth API

23

🔔
Just opened!

Ultimate image compression with CSS filters

24

🎄
So who are these Digitpaint folks?

Digitpaint is a front-end development company. And as front-end developers, we love showing off some of the lesser known (or just too new) CSS and HTML features. Most of these we haven't had the chance to play with in "real" work just yet, so this is also our playground. We hope you get inspired by our examples and have as much fun playing with this stuff as we had making it. Season's greetings from us here @digitpaint!

So who are these Digitpaint folks?