Webpack now has zero-configuration modes and is significantly faster.
Webpack 4: released today!!✨ Codename: Legato Today we’re happy to announce that webpack 4 is available today! You can get it via yarn or npm using: $> yarn add webpack webpack-cli -dev or $> npm i webpack webpack-cli -save-dev Why Legato? We wanted to start a new tradition by giving each of our major releases a codename! Therefore, we decided to give this privilege to our largest OpenCollective sponsor: trivago! So we reached out and here was their response: [At trivago] we usually give our projects a name with a musical theme.
Legato means to play each note in sequence without gaps.
Webpack bundles our entire frontend app together, without gaps (JS, CSS.
Read more from the source: Medium
With Chrome’s Web Platform flag you can test out new APIs that allow custom painting for custom CSS properties
Demos on the latest CSS Houdini spec
You’ll need the latest Chrome (with Web Platform flag enabled)
Read more from the source: lab.iamvdo.me
Some cool ideas of things to do with CSS variables; now supported by all modern browsers
CSS variables now enjoy wide cross-browser support. But what are they and why should we use them?
Any CSS property — color, size, position, etc. — can be stored in a CSS variable. Their names are all prefixed with –, and you declare them by adding them to an element right where you add its other styles.
Read more from the source: vgpena.github.io
Chris Coyier writes:
Cool, right? But still, how actually useful is that? What are the major use cases? I think we’re still seeing those shake out.
Read more from the source: CSS-Tricks
On the Slack Engineering Blog, Felix Rieseberg writes:
In practice, switching the analysis and the compiler on without changing code means that TypeScript will immediately attempt to understand your code. It uses built-in types and type definitions available for third party dependencies to analyze the code’s flow, pointing out subtle errors that went previously unnoticed. Wherever TypeScript cannot understand your code, it will assume a special type called “any” and simply move on.
Read more from the source: Several People Are Coding
Last week, I wrote about how I created the bitsofcode logo animation with CSS. After that, it was suggested that I attempt a comparison between a CSS animation and the Web Animations API, so here it is! Introduction to the Web Animations API As with last week, I’ll start this
Read more from the source: bitsofcode