Studies of Designs

  • Understanding the Core of CSS Features

    The basic difference between CSS Grid Layout and CSS Flexbox Layout is that Flexbox was designed for layout in one dimension - either a row or a column. Grid was designed for two-dimensional layout - rows, and columns at the same time. The two specifications share some common features, however, and if you have already learned how to use Flexbox, the similarities should help you get to grips with Grid.

  • How to Choose between Flexbox and Grid Layout?

    CSS has always been one of the most important parts of web development, we’ve been building and improving new ways to work with it since the beginning of browsers. A few years ago, creating web page layouts was a very hard job. We were using some CSS properties such as float, positioning a lot of elements with position, and inline-block styling.

  • The Advantage of Modern System Fonts?

    A System Font is a font which is compatible with the respective operating system. What that means is that when a website loads, the font doesn’t have to downloaded by the browser. Apple created the fonts ‘San Francisco’ for desktop and ‘San Francisco Compact’ as the mobile version, announcing these at WWDC 2015. Google also created its own System Font called ‘Roboto’, which was released in 2015. Microsoft already had a default System Font called ‘Segoe UI’, which was released in 2004 – they have continued to work on it since it was launched.