Welcome to the 10th edition of The Frontenders Kaleidoscope. This edition contains a lot of links to interesting reads covering topics from React to lesser known CSS properties. There are also some new releases and a great new episode from the folks over at The Changelog.
I have read about the various options out there for modular, scalable methodologies for writing and maintaining CSS. Recently I decided to dive into this world again, and the following resources has been useful to me.
- Methods to Organize CSS by Inessa Brown
- Quick and practical tips for writing better modular CSS by Adam French
- OOCSS — The Future of Writing CSS by Cody Arsenault
Over on his blog Brad Frost shares his struggles getting his head around the React ecosystem and his hopes for its future. From the post:
Launched in March, to date 5,097 front-end developers have taken the time to complete the survey. So, while the results aren’t gospel, as stated by Ashley Nolan, it is a decently sized group. The results are not overly surprising but, there are clear trends that can be seen, and also some methodologies and frameworks that are clearly taking the lead. Well worth your time to read through.
From the post:
With the Windows 10 April 2018 Update, we’re taking the first major step on our journey by introducing the Microsoft Edge DevTools Protocol, a set of REST and JSON-RPC/WebSocket APIs, which enable clients to diagnose and debug Microsoft Edge tabs. In addition, we’ve worked with our teammates from Visual Studio, Visual Studio Code, and the Microsoft Edge DevTools to integrate with, and validate the interoperability of, these new capabilities within those apps.
The web, and the way we build and design for it is changing. Atomic design and web components makes a lot of sense in this new age. It allows designers and developers to work more closely, and build up user interfaces with predefined, branded, predictable components. Audrey Hacq wrote a great piece around this idea. From the post:
So why the hell are we still designing our products by “page” or by screen?!
Instead, we should be creating beautiful and easy access to content, regardless of device, screen size or context.
Open source software needs good design because good design respects you, the user.
Tal Bereznitskey shares some neat “tricks” using the new syntax available to us with ES6. A lot of these utilise the power of `Array Desctructuring`. From the post:
Over on CSS-Tricks Preethi wrote an in depth article on styling paragraphs using the little known, to me anyhow,
box-decoration-break property. From the post:
An institution’s motto, an artist’s intro, a company’s tagline, a community’s principle, a service’s greeting… all of them have one thing in common: they’re one brief paragraph displayed on a website’s home page — or at least the about page!
It’s rare that just one word or one line of text welcomes you to a website. So, let’s look at some interesting ways we could style the lines of a paragraph.
- Internet in a Box v6.5 Release Candidate 4
- d3js v5.4.0
- eslint v5.0.0-alpha.3
- OBS Studio v21.1.2
- babel v7.0.0-beta.47
- husky v1.0.0-rc.6
- testcafe v0.20.0
- day.js v1.6.0
The Changelog ~ Burnout, open source, and Datasette
Recorded on location at ZEIT Day, this episode covers a lot of seriously interesting topics. Whether you are, or may be, struggling with burnout, open source maintenance, the general state of open source or, you are into open data. This episode ha something for you. From the show:
Adam is on location at ZEIT Day talking with Jessica Rose about burnout, Henry Zhu about his passions and pursuit of open source, and Simon Willison about data and his passion for interesting datasets in the world.
That is it for this edition. Hope you enjoyed it, and as always, stay curious!