Articles and Lessons tagged with angular flex layout

Building a Simple Responsive App with Angular Flex Layout

Building a Simple Responsive App with Angular Flex Layout

Posted Dec 5, 2018 | | By Maina Wycliffe | Angular
In the last post, which you can find here, we introduced Angular Flex Layout. We looked at the APIs/Directives available to you as a developer and how you can use them. In this post, we are going to build on that foundation. Our goal here is very …
Read More

Angular Flex Layout – Introduction & Getting Started

Angular Flex Layout – Introduction & Getting Started

Posted Nov 19, 2018 | | By Maina Wycliffe | Angular
In this post, I am going introduce and look at how you can get started with Angular Flex Layout. We will briefly introduce the APIs for Angular Flex Layout and look at how to add it to your project. Angular Flex Layout is a stand-alone library …
Read More

Adaptive Layout Design - Angular Flex Layout

Adaptive Layout Design - Angular Flex Layout

Posted Jan 7, 2018 | | By Maina Wycliffe | Angular
Introduction You probably have heard about Responsive Layout design but let me remind you anyway. Responsive layout is where components and elements of a web page change size and position based on different breaking points – Web apps that adapt to …
Read More

Responsive Navbar with Angular Flex Layout

Responsive Navbar with Angular Flex Layout

Posted Dec 7, 2017 | | By Maina Wycliffe | Angular
Today, we are going to create a responsive Navbar using Toolbar and Sidenav Components from Angular Material together with Angular Flex Layout. We will be trying to replicate the behavior of Navbar in where it collapses on small screen and is fully …
Read More