A Deep Dive Into Flexbox and Grid скачать в хорошем качестве

A Deep Dive Into Flexbox and Grid

Timestamp: 00:00 Topic Introduction 02:12 Screens, screens, screens 02:55 Layout Technique: Float & Inline-Block 04:20 The Parent-Child Relationship 05:29 Layout Technique: Flex 06:02 Flex Formatting Context 07:22 Flexbox Devtools 09:20 The Flex Property 10:18 Sizing in Flexbox - Demonstration 21:59 Flex Directions 24:13 No Actual Grid 26:23 Real Two-Dimensional Awareness 27:46 A Better Way of Building Grids - Demonstration 40:49 The Magic Sauce 41:54 Box Alignment Properties 44:08 Can We Put it All Together? - Demonstration This event is brought to you by Google Developer Group Kuala Lumpur as part of their I/O Extended Series. Google's flagship event connects developers from around the world for thoughtful discussions, insights from Google experts, and a first look at the latest developer products. Name: Chen Hui Jing (Senior Frontend Engineer, Shopify) Topic: A Deep Dive Into Flexbox and Grid Web developers today now have a powerful set of tools at their disposal to build responsive, flexible layouts. We can now design layouts that work well across numerous screen sizes without resorting to loading separate stylesheets or resorting to Javascript. Flexbox and Grid are our best tools for the job, and this talk will dive deep into how they work and best used together. * For more updates on upcoming events, follow us on social media: ✉️ Newsletter → https://goo.gle/devspace-news 👤 Facebook →   / devspacesg   🐦 Twitter →   / devspacesg   🔴 Meetup →https://www.meetup.com/developer-space/