Loading
Design

Use Flexbox to Create a Sticky Header & Sidebar with Flexible Content

The redesign of the CanJS website required a way to create a fixed header and a fixed flexible sidebar that adjusts its width based on its content. The main content container also needed to flex to accommodate more (or less) sidebar content.

Here's a layout hack using Flexbox for creating your own HTML template with:

Luca Wistendahl

Luca Wistendahl

Design

SVG Handwriting: Animation with Flair

On trend: handwritten and animated typography

2020 was the year of animated and hand-written typography. This design trend is likely to continue into 2021. A few CodePen examples of the latest "live in the moment as you watch me write" trend:

The Bitovi Team

The Bitovi Team