For many years, it seemed like columns were one of the toughest layout challenges web designers faced. It often took various hacks, such as clearfixes, to get them aligned and looking good.
You can save loads of development time by working with frontend UI kits. The most popular is Bootstrap although far too many homogeneous sites rely on that framework.
Using a quality responsive CSS framework can give you a nice head start on any web design project. Some, like Bootstrap, are a bit bloated with excess code while others require a fairly steep learning curve.
CSS Grid is generating lots of hype – and for good reason. It’s poised to revolutionize the way we create complex layouts. The new specification (still in draft as of this writing) removes the need for all the silly hacks designers have had to put in place while building grid systems. The promise of CSS Grid is that it will simply work as the designer intended, while automatically adjusting to whatever device it’s being displayed on.
Split screen UIs have become a popular way to showcase content. We often think of them as being utilized in areas where we want users to choose between two options. But we’re also seeing other creative uses of the technique. For example, a split screen can also be used to great effect as a full page layout or even as a transitional animation.