Here’s what we’ve published this week:

 Starting a React-Powered Comment Form: Chris Coyier and Sarah Drasner run through an introductory React tutorial where they focus on a real-life example and talk about a bunch of React-gotchas.

 

✻ Leveling Up With React: Container Components: Brad Westfall continues his series of React tutorials, this time focusing on adding data to the app.

✻ Ligature Icons via Pseudo Elements and Icon Fonts: Jason Jacobson walks us through a useful technique for adding icons to an element.

✻ We Put Hundreds of Our Client Sites Behind a CDN, and It Worked Out Really Well: Scott Fennell interviews Joshua Lynch about the challenging process of moving more than a thousand sites onto a CDN.
 
What we’ve been reading, listening and watching

 Safari 9.1 released yesterday for OSX and iOS with lots of new features, such as: 
  • element support
  • CSS custom properties (or CSS variables as they’re more commonly known)
  • Web Inspector improvements 
  • Pseudo-elements like :after and :before are now visible in the DOM tree
  • iOS gesture events for OSX
  • Removal of the 350ms delay on iOS Safari
  • font-feature-settings and font-variant-* properties have been added
  • Prefixes are no longer needed for the `filter` property
In other news around the web 
A note from the archives

It’s important to remember that screen resolution ≠ browser window, especially when we’re thinking about gathering useful analytics data. Thankfully, Google added browser size detection alongside its screen resolution metrics so we can take a look at that data much more accurately now.
 
What have you learnt this week?

Robin Rendle:
This week I’ve been learning about CSS Modules and I’m completely sold as to how they’ll reshape the future of CSS but I worry about their complexity. Not when we begin to use them on a day-to-day basis or in a project, but the sheer difficulty in untangling the various technologies that make up CSS Modules.

One of the key benefits of CSS is its independence from JavaScript, but with CSS Modules you have to understand at least a small amount of JavaScript. And Webpack. Or React. And then maybe JSX. And then the command line. I’m certainly not complaining about learning new things, however it’s difficult to know where to start. 

Although, perhaps this is simply resurfacing the same fears the community had about Sass/LESS in the beginning, and I think that we all eventually got used to the strangeness of mixins and functions and @imports. Yet breaking up CSS Modules into an understandable format for most developers is going to require a lot more work because of the sheer number of foreign and unfamiliar dependencies that are tied to them.


Until next week!
Team CSS-Tricks

 

 
Want to change how you receive these emails?
You can update your preferences or unsubscribe from this list