Hui Jing Chen - Demystify Modern CSS Layouts with DevTools

Hui Jing Chen - Demystify Modern CSS Layouts with DevTools - View Source 2019. 00000

#viewsourceconf #huijingchen #CSSLayout #CSS #devtools #firefoxdevtools Flexbox, Grid and Box alignment properties are powerful and versatile new additions to our web development toolkit. However, they may be slightly confusing to wrap your head around if you do not completely understand how browsers interpret the CSS values you assign. Although we tend to associate DevTools with debugging, Firefox DevTools comes with features that can help visualise how these properties work, and better understand what's going on as the viewport size changes.

@misc{noauthor_hui_nodate,
	title = {Hui {Jing} {Chen} -  {Demystify} {Modern} {CSS} {Layouts} with {DevTools} - {View} {Source} 2019},
	url = {https://www.youtube.com/watch?v=22ejQuAmZqo},
	abstract = {\#viewsourceconf \#huijingchen \#CSSLayout \#CSS \#devtools \#firefoxdevtools
Flexbox, Grid and Box alignment properties are powerful and versatile new additions to our web development toolkit. However, they may be slightly confusing to wrap your head around if you do not completely understand how browsers interpret the CSS values you assign. Although we tend to associate DevTools with debugging, Firefox DevTools comes with features that can help visualise how these properties work, and better understand what's going on as the viewport size changes.},
	urldate = {2019-12-02},
	note = {00000}
}

Downloads: 0

{"_id":"qSa6q6wmBxGxMCywf","bibbaseid":"anonymous-huijingchendemystifymoderncsslayoutswithdevtoolsviewsource2019","authorIDs":[],"bibdata":{"bibtype":"misc","type":"misc","title":"Hui Jing Chen - Demystify Modern CSS Layouts with DevTools - View Source 2019","url":"https://www.youtube.com/watch?v=22ejQuAmZqo","abstract":"#viewsourceconf #huijingchen #CSSLayout #CSS #devtools #firefoxdevtools Flexbox, Grid and Box alignment properties are powerful and versatile new additions to our web development toolkit. However, they may be slightly confusing to wrap your head around if you do not completely understand how browsers interpret the CSS values you assign. Although we tend to associate DevTools with debugging, Firefox DevTools comes with features that can help visualise how these properties work, and better understand what's going on as the viewport size changes.","urldate":"2019-12-02","note":"00000","bibtex":"@misc{noauthor_hui_nodate,\n\ttitle = {Hui {Jing} {Chen} - {Demystify} {Modern} {CSS} {Layouts} with {DevTools} - {View} {Source} 2019},\n\turl = {https://www.youtube.com/watch?v=22ejQuAmZqo},\n\tabstract = {\\#viewsourceconf \\#huijingchen \\#CSSLayout \\#CSS \\#devtools \\#firefoxdevtools\nFlexbox, Grid and Box alignment properties are powerful and versatile new additions to our web development toolkit. However, they may be slightly confusing to wrap your head around if you do not completely understand how browsers interpret the CSS values you assign. Although we tend to associate DevTools with debugging, Firefox DevTools comes with features that can help visualise how these properties work, and better understand what's going on as the viewport size changes.},\n\turldate = {2019-12-02},\n\tnote = {00000}\n}\n\n","key":"noauthor_hui_nodate","id":"noauthor_hui_nodate","bibbaseid":"anonymous-huijingchendemystifymoderncsslayoutswithdevtoolsviewsource2019","urls":{"Paper":"https://www.youtube.com/watch?v=22ejQuAmZqo"},"downloads":0,"html":""},"bibtype":"misc","biburl":"http://www.telemidia.puc-rio.br/~alan/files/all.bib","creationDate":"2020-03-03T14:08:14.912Z","downloads":0,"keywords":[],"search_terms":["hui","jing","chen","demystify","modern","css","layouts","devtools","view","source","2019"],"title":"Hui Jing Chen - Demystify Modern CSS Layouts with DevTools - View Source 2019","year":null,"dataSources":["jAxurbvLP8q5LTdLa"]}