product
1008110Mastering CSS Gridhttps://www.gandhi.com.mx/mastering-css-grid/phttps://gandhi.vtexassets.com/arquivos/ids/741046/77c630ab-3269-4eef-8e72-f45829ce75d8.jpg?v=638336024832530000578608MXNPackt PublishingInStock/Ebooks/1004244Mastering CSS Grid578608https://www.gandhi.com.mx/mastering-css-grid/phttps://gandhi.vtexassets.com/arquivos/ids/741046/77c630ab-3269-4eef-8e72-f45829ce75d8.jpg?v=638336024832530000InStockMXN99999DIEbook20239781804616161_W3siaWQiOiI2YmFhM2YzNy0zN2I3LTQwNTYtYmUyZi1lMGEyOTQyMTUzMTkiLCJsaXN0UHJpY2UiOjYwOCwiZGlzY291bnQiOjMwLCJzZWxsaW5nUHJpY2UiOjU3OCwiaW5jbHVkZXNUYXgiOnRydWUsInByaWNlVHlwZSI6Ildob2xlc2FsZSIsImN1cnJlbmN5IjoiTVhOIiwiZnJvbSI6IjIwMjUtMDYtMDRUMDY6MDA6MDBaIiwicmVnaW9uIjoiTVgiLCJpc1ByZW9yZGVyIjpmYWxzZX1d9781804616161_<p><strong>Learn the basics and advanced aspects by creating a project using CSS Grid and dive into the specifications of using CSS grid concepts</strong></p><h4>Key Features</h4><ul><li>Explore the differences between grid boxes and block containers</li><li>Create block-level grids, inline grids, and even nest grids inside grids</li><li>Learn best practices for attaching elements to your layout, using explicitly defined grid lines or grid area</li></ul><h4>Book Description</h4><p>CSS Grid fills a long-existing gap in tools to use real grids on the web. Back in the old days, we used make-shift grids made with table layouts, then used a set of floating elements with fixed widths to achieve different-sized columns. The introduction of flexbox helped, but ultimately, CSS Grid gave us what weve longed for so long: Real responsive grids done with pure CSS.</p><p>You will learn the basics and advanced aspects of CSS Grid through practice. You will learn how to implement responsive layouts and best practices when using grids in any design. You will know how flexbox can play with CSS Grid, and in the end, you will have our own beautiful and usable, responsive web project you can use as a reference and improve our skills further. You will also look at how frameworks use CSS Grid to build reusable components and how you can rebuild and polyfill CSS Grid for browsers that dont yet fully support it and learn how CSS Grid works in-depth. Finally, a quick reference and cheat sheet at the end will make this book a handy companion for every frontend dev, novice or seasoned.</p><p>So, lets dive into all the nooks and crannies of CSS Grid and create beautiful layouts for all kinds of web projects, large or small and become a Pro at CSS Grid.</p><h4>What you will learn</h4><ul><li>Improve your skills with basic and advanced CSS Grid concepts</li><li>Use flexbox and CSS Grid play together to create beautiful responsive layouts</li><li>Explore advanced grid layouts and how they can benefit your next project</li><li>How frameworks use CSS Grid to create reusable components</li><li>Learn the benefits of grid layouts and create beautiful websites</li><li>Create your own polyfills and understand when not to use grid layouts</li><li>Build responsive and usable web project using CSS Grid</li></ul><h4>Who This Book Is For</h4><p>This book is for anyone who has some experience with HTML and CSS, but might not be familiar with some of the newer concepts and want to uncover the secrets of mastering CSS grid to creating amazing web pages.</p><p>CSS developers who want to update their CSS skills to the most modern level. CSS developers who want to expand their toolset to flexbox, Grids</p><h4>Table of Contents</h4><ol><li>Basic rules for CSS grids</li><li>Project introduction: What well work on and first tasks</li><li>Advanced grid layouts</li><li>Responsive CSS grids</li><li>Implementing layouts with flexbox and CSS grid</li><li>Benefits of grid layouts and when not to use them</li><li>Polyfilling</li><li>CSS Grid in the wild: How frameworks use it</li><li>Quick reference and cheat sheet</li></ol>...(*_*)9781804616161_<p><b>Learn the basics and advanced aspects by creating a project using CSS Grid and dive into the specifications of using CSS grid concepts</b></p><h4>Key Features</h4><ul><li>Explore the differences between grid boxes and block containers to enhance your web design knowledge</li><li>Create block-level grids, inline grids, and nested grids to create responsive layouts</li><li>Adopt best practices for attaching elements to your layout by using explicitly defined grid lines or grid areas</li></ul><h4>Book Description</h4>CSS Grid has revolutionized web design by filling a long-existing gap in creating real, dynamic grids on the web. This book will help you grasp these CSS Grid concepts in a step-by-step way, empowering you with the knowledge and skills needed to design beautiful and responsive grid-based layouts for your web projects. This book provides a comprehensive coverage of CSS Grid by taking you through both fundamental and advanced concepts with practical exercises. Youll learn how to create responsive layouts and discover best practices for incorporating grids into any design. As you advance, youll explore the dynamic interplay between CSS Grid and flexbox, culminating in the development of a usable responsive web project as a reference for further improvement. Youll also see how frameworks utilize CSS Grid to construct reusable components and learn to rebuild and polyfill CSS Grid for browsers that dont fully support it yet. The concluding chapters include a quick reference and cheat sheet, making this book an indispensable resource for frontend developers of all skill levels. By the end of this book, youll have thoroughly explored all aspects of CSS Grid and gained expert-level proficiency, enabling you to craft beautiful and functional layouts for web projects of any size.<h4>What you will learn</h4><ul><li>Improve your skills with basic and advanced CSS Grid concepts</li><li>Use flexbox and CSS Grid play together to create beautiful responsive layouts</li><li>Explore advanced grid layouts and how they can benefit your next project</li><li>How frameworks use CSS Grid to create reusable components</li><li>Learn the benefits of grid layouts and create beautiful websites</li><li>Create your own polyfills and understand when not to use grid layouts</li><li>Build responsive and usable web project using CSS Grid</li></ul><h4>Who this book is for</h4><p>This book is for web developers and designers who want to learn CSS Grid and improve their layout design skills. This book will also be a valuable resource for CSS developers seeking to advance their skills to the most proficient level. Additionally, this book will serve as an excellent guide for those who wish to expand their toolset to include flexbox and grids.</p>...9781804616161_Packt Publishinglibro_electonico_2d18e40a-1cdd-31e4-b19f-79a01da409ab_9781804616161;9781804616161_9781804616161Pascal ThormeierInglésMéxicohttps://getbook.kobo.com/koboid-prod-public/packt-epub-1f8f5656-51a1-43ee-969d-49e5792faf1c.epub2023-06-09T00:00:00+00:00Packt Publishing