There’s a presentation embedded in this post: Introduction to Webpack – Ordina JWorks – CC JS & Web Slides by Jan De Wilde: This presentation will guide you step by step so you can start using Webpack in your own projects.
The core CSS architecture of BBC Sport is based around three key tools: BEM OOCSS ITCSS The combination of these three tools, a long with a clear set of principles was worked really well for us. Next to those techniques, they also follow a few CSS Principles – such as the “Single Responsibility Principle” for […]
The new CSS Containment property lets developers limit the scope of the browser’s styles, layout and paint work. Yes, you – as a developer – gain control over (parts of) the pixel pipeline. Available in Chrome 52+ and Opera 40+ already. CSS Containment →
A few handy pointers to keeping your code readable: Some programmers include comments as part of self-documenting code. In this article, we’ll only focus on code. Comments are important, but they’re a large topic to be covered separately. We can split the techniques for self-documenting code into three broad categories: structural, where the structure of […]
The only .css file you’ll ever need, following the most recent CSS methodologies where you define just about everything in separate classes. Usage is really easy: Take any CSS rule you want to apply, replace : by -, and dots by -dot-, and you get the name of the corresponding universal css classname. For instance, […]
This resource came in quite handy when setting up React in combination with ES6 ES2015, Webpack and Babel. Installing all the required dependencies: # Install Webpack npm install –save-dev webpack # Install the Babel Loader, for use with Webpack npm install –save-dev babel-loader # Install the es2015 and react presets, for use with Babel npm […]