はてなブックマーク

Available in Chrome 70+ | View on GitHub | Browse Samples Background The Picture-in-Picture API allows websites to create a floating video window that is always on top of other windows so that users may continue consuming media while they interact with other sites or applications on their device. Credits: Media files are © copyright Blender Foundation | www.blender.org. Toggle Picture-in-Picture L

CSS Snippet :root { /*************************** Page-wide variables ****************************/ /* Base spacing unit. */ --spacing-unit: 6px; /* Margin size. No unit, because it's a multiple of the spacing unit. */ --margins: 2; /* Colors. */ --primary-color: #5E35B1; --primary-color-text: #FFF; /* Number of columns to show. */ --grid-columns: 3; /***************************** Calculated values

Available in Chrome 45+ | View on GitHub | Browse Samples Background ES6 fat arrow functions have a shorter syntax compared to function expressions and lexically bind the this value. Arrow functions are always anonymous and effectively turn function (arguments) { expression } into arguments => expression. If using an expression after an arrow, the return is implicit, so no return is required. Live

Available in Chrome 42+ | View on GitHub | Browse Samples Background ES6 Classes formalize the common JavaScript pattern of simulating class-like inheritance hierarchies using functions and prototypes. They are effectively simple sugaring over prototype-based OO, offering a convenient declarative form for class patterns which encourage interoperability. Classes (as shipped in Chrome) support proto