When starting a new React project, you have many templates to choose from. These templates are able to support application development at a very large scale. But they leave the developer experience and bundle output saddled with various defaults, which may not be ideal.
Micro-frontend architectures decompose a front-end app into individual, semi-independent "microapps" working loosely together. This can help make large projects more manageable, e.g. when transitioning from legacy codebases.
Most websites today rely on CSS to deliver more style and polish, but the sheer popularity of CSS is causing many people to take it for granted and overlook its importance.
In this article, Toptal UI Developer Silvestar Bistrović explains this disconnect and outlines why you need a true CSS specialist rather than a jack of all trades.
CSS is notorious for getting messy quickly as a website scales. While frameworks like Bootstrap can help, SMACSS takes a different approach, as a set of solid organizational guidelines. In this article, Toptal Freelance Front-end Developer Slobodan Gajic gives us a run-down of the idea and benefits behind Jonathan Snook's architectural wisdom.
While preprocessors like Sass and Less have made CSS development easier, there is still a lot to be desired in this modern age of web development.
When it comes to theming; that is, changing the look and feel of your website while maintaining the same layout, Sass' features—like mixins or functions—can feel like taking a plane instead of walking! In this tutorial on SCSS, we're going to create a minimal theme and use SCSS to give our CSS programming some superpowers.