Styling React Components with Radium

Anyone who is a long time reader of my blog knows I hate CSS. That’s why I am always on the lookout for something that makes it easy for me. I’ll add another wrinkle to the puzzle – I just started using Material-UI for some React components – it allows me to expend the effort…

Working with Fonts with Webpack

Most web sites have a custom font or two. We try to keep them out by using font stacks, but eventually a title or an icon will need a custom font. Most of the time we can get away with loading the fonts from a CDN (like Google Fonts). My new website is going to…

Adding SASS Support to Webpack

I set up an initial version of my Webpack configuration in my last article – it handled external libraries, sourcemaps, React/JSX and ES6. It was much easier to configure than I expected. However, there were some problems with how I left things. Most notably, I lost my stylesheet. Today I intend to get my stylesheet…

Web Dev Tools 101: CSS Processors

You like writing CSS, right? No? Me neither. It’s a pain in the neck. My CSS is mostly trial and error. It can be made easier through the use of processors. The most common preprocessors are LESS, SASS and Stylus – these render their own syntax into raw CSS. Then you have postprocessors – these…