Posts

Showing posts from July, 2018

Font Awesome 5.1

Image
Last time we had a very detailed discussion on Font Awesome 5 and how it stands different from Font Awesome 4.There were three methods to add Font Awesome 5 into our project. Font Awesome 5 can also be downloaded as Web Fonts and used in our local.      style="display:block"      data-ad-format="fluid"      data-ad-layout-key="-bw+m-2t-1d4+2yh"      data-ad-client="ca-pub-9980434921650127"      data-ad-slot="6489306790"> Now Font awesome, has got its new release FontAwesome 5.1.0 with three more categories, 1. Travel 2. Design 3. Emoji We felt awesome after seeing release of Font awesome 5.1 Emoji icons and can’t wait to use in our next project. Font awesome continues to stand apart with large icon base with much better compatibility. All Javascript component packages are now stable. Font awesome 5.1 can be used for React, Angular, Vue and Ember projects. Know the implementation of Font Aweso...

Mastering CSS Flexbox: How to Use the order Property for Flexible Layouts

Image
CSS Flexbox Order CSS Flexbox is a powerful tool for creating responsive web layouts. We have discussed CSS Flexbox layout and its related properties with examples in our previous post. In this article, we’ll focus on the order property in Flexbox, which allows you to rearrange the order of elements without changing the source code. This makes Flexbox even more versatile for modern web design. Right from the initial stages, ordering the elements has been quite tricky. CSS Flexbox ordering emphasizes how useful it is for responsive design. For example, when designing a mobile version of a website, you might want the sidebar to appear below the content instead of beside it. Using the order property allows you to achieve this reordering without modifying the HTML structure. When attempting to visually order the elements differently from the source code order, the flexbox order of the elements is very useful. Cross Browser compatibili...