Categories
Disclaimer: Some of the links on this website are affiliate links, meaning we may earn a commission if you click through and make a purchase. This comes at no additional cost to you.
By clicking the button above, you acknowledge that you will be redirected to a third-party website and agree to their terms and conditions.
Log in to manage favorites.
Mastering the Art of Effective Communication
Mastering Data Analysis using Microsoft Excel: Formulas and Pivot Tables
Master the Art of Personal Conversations in Portuguese
Master PLC Programming
Master the Double-Entry Accounting System
Master the Flexbox Model for Websites
Flexbox (flexible box) makes it easy to design and create responsive website structures without using floats or positioning. This course will teach you all about Flexbox its properties and applications in responsive website building. You will learn it practically by building an interactive webpage - simply follow the steps demonstrated in the course to replicate the page on your computer. The starter code and other materials you may need during the process will be provided..To begin you will learn how to define a flex container and then master the flex properties such as flex-direction justify-content align-items and flex-wrap. Simple examples will help you achieve this quickly. You will then be ready to start work on ‘Project Whizzbizz’ which involves creating an interactive and responsive webpage. First you will make the header section. Then you will design the main body including parts such as ‘Our Services’ ‘Meet our Team’ ‘Testimonials’ ‘Contact us’ and the footer section. You will use multiple Flexbox properties and understand their correct applications by the end of this section. As a bonus you will learn to create animated buttons with a hover effect an image gallery with a masonry layout an interactive image carousel with radio buttons and interactive carousel arrows using JavaScript. You will also get valuable tips on downloading and using SVG icons and waves and using the correct browsers and required Flexbox prefixes for your projects. Finally you will learn how to look for problems in your page's layout on different devices and make it look good on all of them.Non-responsive pages are fast becoming a thing of the past. With the increased use of smartphones tablets and other devices it is imperative that you make all of your designs look good and interactive on screens of any size or dimension. If you are a UX/UI designer working in HTML CSS JavaScript etc you will find this course invaluable. You can build your webpages and applications much faster and make them responsive too. The opportunity to create a webpage from scratch with multiple and varied interactive elements makes this course unique and easy to understand. Why wait any longer? Start learning now and master Flexbox within a few hours! And don’t forget to download the starter kit and other resources from the ‘Resources’ section of this course. Good luck!
Disclaimer: Product information, including title, description, and images, is sourced/provided by our affiliate partner, Alison US CA.
Disclaimer: Some of the links on this website are affiliate links, meaning we may earn a commission if you click through and make a purchase. This comes at no additional cost to you.
By clicking the button above, you acknowledge that you will be redirected to a third-party website and agree to their terms and conditions.
Product information, including title, description, and images, is sourced/provided by our affiliate partner, Alison US CA.
Share this product with a friend:
Refer a friend and earn 0.05 CEC when they click the link, plus an additional 1.00 CEC if they register. Share this Product and boost your earnings together!
Log in to manage favorites.
Similar Products
Share this product with a friend:
Refer a friend and earn 0.05 CEC when they click the link, plus an additional 1.00 CEC if they register. Share this Product and boost your earnings together!