Learning Bulma : Understand How to Develop Responsive, Mobile-first Websites Using This Impressive, Modern Framework

Learn to use Bulma in your HTML file by applying easy-to-understand practical examples to create responsive and mobile-first websites. Featuring a step-by-step approach, this book encourages you to modify its code examples and review the changes produced in the output, to thereby reveal the subtle nuances of this awesome utility. Bulma is an impressive, modern framework utility that allows the easy construction of web pages thanks to the highly flexible Flex-box grid styles and simple syntax. You'll see how to use Bulma’s intuitive CSS capabilities to create interactive websites that support responsive design by dynamically adjusting the layout resulting in an optimal viewing experience. You'll then delve into typical modifiers, columns, Flex-box grid styles, forms, elements, utilities, CSS components, and more. By the end of this book, you will be familiar with the inner workings of Bulma at an intermediate level and be equipped to aptly leverage Bulma’s utilities to streamline your web designing experience. **What You'll Learn*** Get started quickly with Bulma * Use the grid system, layout, content, and modifiers * Leverage Bulma’s built-in CSS utilities * Streamline the web design experience with Bulma’s flexible attributes * Effectively take a mobile-first approach **Who This Book Is For**Beginners who have a basic understanding of HTML, CSS and JavaScript. Learn to use Bulma in your HTML file by applying easy-to-understand practical examples to create responsive and mobile-first websites. Featuring a step-by-step approach, this book encourages you to modify its code examples and review the changes produced in the output, to thereby reveal the subtle nuances of this awesome utility. Bulma is an impressive, modern framework utility that allows the easy construction of web pages thanks to the highly flexible Flex-box grid styles and simple syntax. You'll see how to use Bulma’s intuitive CSS capabilities to create interactive websites that support responsive design by dynamically adjusting the layout resulting in an optimal viewing experience. You'll then delve into typical modifiers, columns, Flex-box grid styles, forms, elements, utilities, CSS components, and more. By the end of this book, you will be familiar with the inner workings of Bulma at an intermediate level and be equipped to aptly leverage Bulma’s utilities to streamline your web designing experience. What You'll Learn Get started quickly with Bulma Use the grid system, layout, content, and modifiers Leverage Bulma’s built-in CSS utilities Streamline the web design experience with Bulma’s flexible attributes Effectively take a mobile-first approach Who This Book Is For Beginners who have a basic understanding of HTML, CSS and JavaScript. Front Matter ....Pages i-xiii Jumpstart Bulma (Aravind Shenoy)....Pages 1-9 Grids and Utility Classes (Aravind Shenoy)....Pages 11-41 Layout CSS Helpers (Aravind Shenoy)....Pages 43-88 Navigation and Media Components (Aravind Shenoy)....Pages 89-137 CSS Components and Forms (Aravind Shenoy)....Pages 139-187 Web Design: The Road Ahead (Aravind Shenoy)....Pages 189-193 Back Matter ....Pages 195-199 Chapter 6: Web Design: The Road Ahead -- Summary -- Index